:root{--bg: #000;--fg: #fff;--muted: #b3b3b3;--accent: #e50914;--card: #181818;--tab-bg: rgba(0, 0, 0, .92);--tab-border: #1f1f1f;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--tab-h: 64px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;padding:0;height:100%;background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Pretendard,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}body{overscroll-behavior-y:contain}a{color:inherit;text-decoration:none}button{font-family:inherit;border:0;background:transparent;color:inherit;cursor:pointer;padding:0}img{display:block;max-width:100%}.app-shell{position:relative;margin:0 auto;max-width:480px;min-height:100dvh;background:var(--bg);overflow:hidden}.page{padding-bottom:calc(var(--tab-h) + var(--safe-bottom) + 24px)}.topnav{position:sticky;top:0;z-index:30;padding:calc(var(--safe-top) + 8px) 16px 8px;background:linear-gradient(180deg,#000000d9,#0000008c 60%,#0000)}.topnav-row{display:flex;align-items:center;justify-content:space-between}.topnav-logo{font-weight:900;letter-spacing:1px;color:var(--accent);font-size:22px}.topnav-actions{display:flex;gap:14px;font-size:13px;color:var(--fg);opacity:.9}.topnav-chips{display:flex;gap:8px;margin-top:10px;overflow-x:auto;scrollbar-width:none}.topnav-chips::-webkit-scrollbar{display:none}.chip{border:1px solid #5a5a5a;border-radius:999px;padding:6px 12px;font-size:12px;white-space:nowrap;background:#0006;color:var(--fg)}.hero{position:relative;height:78dvh;margin-top:-64px;background:#000}.hero-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:brightness(.85)}.hero-fade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000001a,#0000 30%,#00000080 70%,#000)}.hero-meta{position:absolute;left:0;right:0;bottom:16px;text-align:center;padding:0 16px}.hero-tagline{color:var(--accent);font-size:12px;font-weight:700;letter-spacing:2px;margin-bottom:6px}.hero-title{font-size:26px;font-weight:800;margin:0 0 10px;text-shadow:0 2px 12px rgba(0,0,0,.6)}.hero-genres{font-size:12px;color:var(--muted);margin-bottom:14px}.hero-cta{display:flex;justify-content:center;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;border-radius:6px;font-weight:700;font-size:14px}.btn-play{background:#fff;color:#000;flex:1}.btn-info{background:#6e6e6eb3;color:#fff;flex:1}.row{margin:18px 0 6px}.row-title{font-size:16px;font-weight:700;margin:0 16px 8px}.row-track{display:flex;gap:6px;padding:0 12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.row-track::-webkit-scrollbar{display:none}.card{flex:0 0 auto;width:116px;scroll-snap-align:start;position:relative;border-radius:4px;overflow:hidden;background:var(--card)}.card-img{width:100%;height:174px;object-fit:cover}.card-badge{position:absolute;top:6px;left:6px;background:var(--accent);color:#fff;font-size:10px;font-weight:800;padding:2px 6px;border-radius:3px;letter-spacing:.5px}.card-play{position:absolute;right:6px;bottom:6px;width:22px;height:22px;border-radius:50%;background:#0009;display:grid;place-items:center;font-size:11px}.row.big .card{width:140px}.row.big .card-img{height:210px}.bottom-tab{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:var(--tab-bg);border-top:1px solid var(--tab-border);padding:8px 0 calc(8px + var(--safe-bottom));display:grid;grid-template-columns:repeat(4,1fr);z-index:40;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.tab-item{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10px;color:var(--muted);padding:4px 0}.tab-item.active{color:var(--fg)}.tab-icon{font-size:20px;line-height:1}.detail-hero{position:relative;width:100%;aspect-ratio:16/10;background:#000}.detail-hero video,.detail-hero img{width:100%;height:100%;object-fit:cover}.detail-back{position:absolute;top:calc(var(--safe-top) + 10px);left:12px;width:34px;height:34px;border-radius:50%;background:#0000008c;display:grid;place-items:center;z-index:5;font-size:16px}.detail-body{padding:14px 16px 0}.detail-title{font-size:22px;font-weight:800;margin:6px 0 4px}.detail-meta{font-size:12px;color:var(--muted);margin-bottom:12px;display:flex;gap:8px;align-items:center}.detail-tag{border:1px solid #555;padding:1px 6px;border-radius:3px;font-size:10px}.detail-cta{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.detail-cta .btn{width:100%}.detail-overview{font-size:14px;line-height:1.5;color:#e6e6e6;margin-bottom:18px}.detail-actions{display:flex;gap:22px;margin-bottom:22px}.detail-action{display:flex;flex-direction:column;align-items:center;font-size:11px;color:var(--muted);gap:4px}.detail-action .ic{font-size:18px;color:#fff}.search-page{padding:calc(var(--safe-top) + 12px) 16px 16px}.search-input{width:100%;background:#2a2a2a;color:#fff;border-radius:6px;padding:10px 12px;font-size:14px;outline:none;margin-bottom:14px}.search-grid{display:grid;grid-template-columns:1fr;gap:8px}.search-row{display:flex;gap:10px;background:#1a1a1a;border-radius:4px;overflow:hidden}.search-row img{width:130px;height:78px;object-fit:cover}.search-row .meta{flex:1;padding:8px 10px 8px 0}.search-row .meta h4{margin:0 0 4px;font-size:14px}.search-row .meta p{margin:0;font-size:12px;color:var(--muted)}.empty{padding:60px 24px;text-align:center;color:var(--muted);font-size:14px}.gallery{position:relative;width:100%;height:100%;background:#000}.gallery-track{display:flex;width:100%;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.gallery-track::-webkit-scrollbar{display:none}.gallery-slide{flex:0 0 100%;scroll-snap-align:start;height:100%}.gallery-slide img{width:100%;height:100%;object-fit:cover}.gallery-dots{position:absolute;bottom:10px;left:0;right:0;display:flex;justify-content:center;gap:6px}.gallery-dots .dot{width:6px;height:6px;border-radius:50%;background:#fff6}.gallery-dots .dot.on{background:#fff}.gallery-counter{position:absolute;top:calc(var(--safe-top) + 14px);right:14px;background:#0000008c;color:#fff;padding:3px 8px;border-radius:10px;font-size:11px}.letter-view{margin:6px 0 22px}.letter-paper{background:#fdf6e3;color:#2d241c;border-radius:6px;padding:22px 20px 24px;font-family:Apple SD Gothic Neo,Pretendard,sans-serif;line-height:1.75;box-shadow:0 2px 18px #0006}.letter-from{font-size:18px;font-weight:700;margin-bottom:4px}.letter-tagline{font-size:13px;color:#8c7858;margin-bottom:14px}.letter-body{font-size:15px;white-space:pre-wrap;word-break:keep-all}.letter-sign{margin-top:16px;text-align:right;font-size:14px;color:#5b4a30}.letter-row{margin-top:22px;padding-bottom:8px}.letter-row .row-track{padding:0 12px}.letter-card{flex:0 0 auto;width:220px;height:150px;scroll-snap-align:start;background:linear-gradient(135deg,#fdf6e3,#f0e2c2);color:#2d241c;border-radius:6px;padding:14px 16px;display:flex;flex-direction:column;gap:4px;position:relative;box-shadow:0 2px 10px #0006;margin-right:6px}.letter-card-top{display:flex;justify-content:flex-end;margin-bottom:2px}.letter-stamp{font-size:9px;letter-spacing:1px;border:1px dashed #8c7858;padding:2px 6px;color:#8c7858;border-radius:2px}.letter-card-title{font-size:16px;font-weight:700;line-height:1.2}.letter-card-tagline{font-size:12px;color:#6c5a3c;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.letter-card-from{font-size:11px;color:#5b4a30;text-align:right}.profiles-page{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;background:#000}.profiles-title{font-size:26px;font-weight:600;margin:0 0 36px;text-align:center;letter-spacing:-.5px}.profiles-grid{display:grid;grid-template-columns:repeat(2,auto);gap:18px 22px;margin-bottom:36px}.profile-tile{display:flex;flex-direction:column;align-items:center;gap:10px;background:transparent;cursor:pointer;transition:transform .15s ease}.profile-tile:active{transform:scale(.96)}.profile-avatar{width:96px;height:96px;border-radius:8px;display:grid;place-items:center;font-size:44px;border:2px solid transparent;transition:border-color .15s ease,transform .15s ease}.profile-tile:hover .profile-avatar{border-color:#fff;transform:scale(1.04)}.profile-name{color:#b3b3b3;font-size:14px;font-weight:500}.profile-tile:hover .profile-name{color:#fff}.profiles-manage{color:#b3b3b3;border:1px solid #555;border-radius:2px;padding:8px 18px;font-size:13px;letter-spacing:1px}.profiles-manage:hover{color:#fff;border-color:#fff}.topnav-profile{padding:0;display:inline-flex}.topnav-avatar{width:28px;height:28px;border-radius:4px;display:grid;place-items:center;font-size:14px}.splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000;display:grid;place-items:center;overflow:hidden}.splash-out{animation:splash-fade-out .7s ease-in forwards}.splash-n{width:36vw;max-width:220px;filter:drop-shadow(0 0 18px rgba(229,9,20,.55)) drop-shadow(0 0 60px rgba(229,9,20,.35));transform-origin:center;animation:n-pop 3.2s cubic-bezier(.2,.8,.2,1) both}.splash-n svg{width:100%;height:auto;display:block}.n-rise{transform:translateY(220px);animation:n-rise 1.4s cubic-bezier(.2,.7,.2,1) forwards}@keyframes n-rise{0%{transform:translateY(220px);opacity:.95}60%{transform:translateY(0);opacity:1}to{transform:translateY(-220px);opacity:0}}.n-shine{opacity:0;animation:n-shine 1.4s ease-in 1.2s forwards}@keyframes n-shine{0%{transform:translate(0) skew(-18deg);opacity:0}10%{opacity:1}to{transform:translate(520px) skew(-18deg);opacity:0}}@keyframes n-pop{0%{transform:scale(.86);opacity:0}10%{opacity:1}35%{transform:scale(1)}85%{transform:scale(1.04)}to{transform:scale(1.18);opacity:1}}@keyframes splash-fade-out{0%{opacity:1}to{opacity:0;visibility:hidden}}.skeleton{background:linear-gradient(90deg,#1a1a1a,#242424,#1a1a1a);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:4px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}