:root{--ink: #f3f3f5;--panel: #ffffff;--panel-2: #ecedf1;--line: #e2e2e8;--paper: #1b1a1e;--muted: #5d5d67;--amber: #b23c0a;--amber-hot: #ff9f45;--sun-1: #ff7a3d;--sun-2: #ffb24d;--teal: #0f766e;--danger: #dc2626;--success: #15803d;--font-display: "Be Vietnam Pro", system-ui, sans-serif;--font-body: "Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--radius: 12px;--player-h: 88px;--maxw: 1000px;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(900px 480px at 82% -8%,rgba(255,122,61,.1),transparent 60%),radial-gradient(760px 420px at -8% 4%,rgba(15,118,110,.06),transparent 55%),var(--ink);color:var(--paper);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;line-height:1.55}a{color:var(--amber);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;line-height:1.08;text-wrap:balance}h1{font-size:1.8rem;margin:0 0 .3em}:focus-visible{outline:2px solid var(--teal);outline-offset:2px;border-radius:4px}.muted{color:var(--muted)}.small{font-size:.82rem}.danger{color:var(--danger)}.success{color:var(--success)}.centered{text-align:center;display:grid;place-items:center;gap:1rem;min-height:50vh;min-height:50dvh}.row{display:flex;align-items:center}.row.gap{gap:.6rem}.row.center{justify-content:center}button{font:inherit;cursor:pointer;touch-action:manipulation}input,textarea{font:inherit;font-size:16px;width:100%;background:var(--panel-2);border:1px solid var(--line);color:var(--paper);border-radius:9px;padding:.6rem .7rem;outline:none}textarea{font-family:var(--font-mono);line-height:1.5;resize:vertical;min-height:88px}input:focus,textarea:focus{border-color:var(--amber)}input:focus-visible,textarea:focus-visible{outline:none;box-shadow:0 0 0 3px #b23c0a29}label{display:grid;gap:.35rem;font-size:.9rem;color:var(--muted);margin-bottom:.8rem}.primary-btn{background:linear-gradient(135deg,var(--sun-1),var(--sun-2));color:#1a1206;border:none;border-radius:9px;padding:.6rem 1.1rem;font-weight:600;font-family:var(--font-display);transition:transform .06s ease,box-shadow .2s;box-shadow:0 6px 20px -8px #b23c0a8c}.primary-btn:hover{box-shadow:0 8px 26px -8px #b23c0ab3;text-decoration:none}.primary-btn:active{transform:translateY(1px)}.primary-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.primary-btn.big{padding:.8rem 1.5rem;font-size:1.05rem}.primary-btn svg,.ghost-btn svg{vertical-align:-.125em;margin-right:.35rem}.primary-btn.block,.ghost-btn.block{width:100%}.ghost-btn{background:var(--panel-2);border:1px solid var(--line);color:var(--paper);border-radius:9px;padding:.55rem 1rem}.ghost-btn:hover{border-color:var(--amber);text-decoration:none}.ghost-btn:disabled{opacity:.45;cursor:not-allowed}.ghost-btn:disabled:hover{border-color:var(--line)}.ghost-btn.big{padding:.8rem 1.4rem}.ghost-btn.danger{color:var(--danger)}.ghost-btn.active{color:var(--amber);border-color:#b23c0a8c}.link-btn{background:none;border:none;color:var(--amber);padding:0;font-family:var(--font-mono);font-size:.8rem}.icon-btn{background:transparent;border:none;color:var(--paper);font-size:.95rem;width:38px;height:38px;border-radius:50%;display:inline-grid;place-items:center;text-decoration:none}.icon-btn:hover{text-decoration:none;background:var(--panel-2)}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.icon-btn.primary{background:linear-gradient(135deg,var(--sun-1),var(--sun-2));color:#1a1206;width:48px;height:48px;font-size:1rem}.icon-btn.danger:hover{color:var(--danger)}.eq{display:inline-flex;align-items:flex-end;gap:2px;height:20px;width:22px}.eq-bar{width:3px;height:28%;background:linear-gradient(var(--sun-2),var(--sun-1));border-radius:2px}.eq.playing .eq-bar{animation:eq .85s ease-in-out infinite alternate}@keyframes eq{0%{height:16%}to{height:100%}}.app-shell{min-height:100%}.app-shell.has-player{padding-bottom:calc(var(--player-h) + env(safe-area-inset-bottom))}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:1.2rem;padding:.7rem 1.2rem;background:#f3f3f5d1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.brand{font-family:var(--font-display);font-weight:700;font-size:1.2rem;color:var(--paper);letter-spacing:-.02em}.brand:hover{text-decoration:none}.brand-mark{color:var(--amber)}.nav{display:flex;gap:.2rem;flex:1}.nav a{color:var(--muted);padding:.45rem .7rem;border-radius:8px;font-size:.92rem}.nav a:hover{color:var(--paper);text-decoration:none;background:var(--panel)}.nav a.active{color:var(--paper);background:var(--panel-2)}.nav a.nav-cta{color:var(--amber)}.user-menu{display:flex;align-items:center;gap:.7rem}.content{max-width:var(--maxw);margin:0 auto;padding:1.8rem 1.2rem}.page.narrow{max-width:560px;margin:0 auto}.page-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.2rem;flex-wrap:wrap}.page-sub{margin:.4rem 0 0;font-family:var(--font-mono);font-size:.78rem;color:var(--muted)}.dur-badge{font-family:var(--font-mono);font-size:.74rem;font-weight:600;line-height:1;color:var(--muted);background:var(--panel-2);border:1px solid var(--line);padding:.2rem .42rem;border-radius:6px;white-space:nowrap}.detail-art .dur-badge{position:absolute;right:8px;bottom:8px}.ai-badge{font-family:var(--font-mono);font-size:.62rem;font-weight:700;line-height:1;letter-spacing:.06em;color:var(--muted);border:1px solid var(--line);padding:.16rem .32rem;border-radius:4px;white-space:nowrap;flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skel-row{pointer-events:none}.skel{display:block;background:var(--line);border-radius:4px;animation:skel-pulse 1.2s ease-in-out infinite}.skel-circle{width:38px;height:38px;border-radius:50%;justify-self:center}.skel-lines{display:grid;gap:.45rem;min-width:0}.skel-line{height:.85rem;width:62%}.skel-line.short{height:.7rem;width:34%}.skel-pill{width:44px;height:20px;border-radius:5px}@keyframes skel-pulse{0%,to{opacity:.5}50%{opacity:1}}.tracklist{list-style:none;margin:1rem 0 0;padding:0;display:flex;flex-direction:column;gap:.5rem}.track-row{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:.85rem;padding:.7rem .85rem;border-radius:14px;border:1px solid var(--line);background:linear-gradient(180deg,var(--panel),var(--panel-2));transition:border-color .15s ease,box-shadow .2s ease}.track-row:hover{border-color:#b23c0a73;box-shadow:0 8px 22px -16px #17172824}.track-row.active{border-color:var(--amber);background:linear-gradient(180deg,var(--panel-2),var(--panel));box-shadow:0 6px 22px -8px #b23c0a59}.track-row.browse{position:relative;cursor:pointer}.track-row.browse .track-title:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px}.track-row.browse:focus-within{border-color:var(--amber)}.track-title{font-weight:600;color:var(--paper);overflow-wrap:anywhere}a.track-title:hover{color:var(--amber);text-decoration:none}.track-row.active .track-title{color:var(--amber)}.track-info{min-width:0;display:flex;flex-direction:column;gap:.15rem}.track-title-row{display:flex;flex-wrap:wrap;align-items:center;gap:.2rem .4rem;min-width:0}.track-snippet{margin:0;font-size:.8rem;line-height:1.45;color:var(--muted);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.track-meta{display:flex;align-items:center;gap:.45rem;font-family:var(--font-mono);font-size:.72rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-meta span[aria-hidden]{opacity:.55}.track-right{display:flex;align-items:center;gap:.5rem}.proc{display:inline-flex;align-items:center;gap:.45rem}.proc-bar{width:84px;height:6px;border-radius:999px;background:var(--line);overflow:hidden}.proc-bar>span{display:block;height:100%;background:linear-gradient(90deg,var(--sun-1),var(--sun-2));transition:width .4s ease}.proc-pct{font-family:var(--font-mono);font-size:.72rem;color:var(--amber);min-width:2.6em;text-align:right}.track-status{font-size:.72rem;padding:.1rem .5rem;border-radius:999px;border:1px solid var(--line);color:var(--muted);font-family:var(--font-mono);text-transform:lowercase}.status-ready{color:var(--teal);border-color:#0f766e66}.status-processing{color:var(--amber);border-color:#b23c0a66}.status-failed{color:var(--danger);border-color:#ff6b6b66}.player-bar{position:fixed;bottom:0;left:0;right:0;min-height:var(--player-h);z-index:20;display:flex;align-items:center;gap:1.5rem;padding:0 1.4rem;padding-bottom:env(safe-area-inset-bottom);background:linear-gradient(180deg,#fffffff0,#f3f3f5f0);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--line);box-shadow:0 -10px 30px -20px #17172824;transform:translateZ(0)}.player-meta{width:230px;min-width:0;display:flex;align-items:center;gap:.7rem}.player-meta-text{min-width:0}.player-title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-controls{flex:1;display:flex;flex-direction:column;align-items:center;gap:.35rem}.player-buttons{display:flex;align-items:center;gap:.6rem}.player-seek{display:flex;align-items:center;gap:.7rem;width:100%;max-width:580px}.player-seek span{font-family:var(--font-mono);font-size:.78rem;color:var(--muted)}.player-seek input[type=range]{flex:1;accent-color:var(--amber);padding:0;background:transparent;border:none;height:4px}.auth-page{display:grid;place-items:center;min-height:100vh;min-height:100dvh;padding:1.2rem}.auth-card{width:100%;max-width:380px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1.9rem}.auth-card h1{margin-bottom:1rem}.upload-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem;margin-top:1rem}.file-drop{display:grid;place-items:center;border:1.5px dashed var(--line);border-radius:12px;padding:2rem;margin-bottom:1rem;color:var(--muted);cursor:pointer}.file-drop:hover{border-color:var(--amber)}.file-drop input{display:none}.progress{display:flex;align-items:center;gap:.6rem;margin:.6rem 0}.progress .small{font-family:var(--font-mono)}.progress-bar{height:8px;border-radius:999px;background:linear-gradient(90deg,var(--sun-1),var(--sun-2));transition:width .2s;flex:1;min-width:4px}.search-box{position:relative;margin:1.1rem 0 1.4rem}.search-icon{position:absolute;left:.95rem;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.search-input{font-size:1.05rem;padding:.85rem 1rem .85rem 2.7rem;border-radius:14px;background:var(--panel)}.search-input:focus{border-color:var(--amber);box-shadow:0 0 0 3px #b23c0a29}.landing,.public-page{max-width:var(--maxw);margin:0 auto;padding:1.2rem}.landing-nav,.public-head{display:flex;align-items:center;justify-content:space-between;padding:.6rem 0}.hero{text-align:center;padding:3.4rem 1rem 2.4rem}.eyebrow{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--teal);margin:0 0 1rem}.hero h1{font-size:clamp(2.2rem,7vw,4rem);font-weight:700}.hero h1 .hl{color:var(--amber)}.hero-wave{margin:1.6rem auto 1.8rem;max-width:760px}.hero-wave svg{width:100%;height:116px;display:block}.wave-line{stroke:var(--amber);stroke-width:2.5;stroke-linecap:round;filter:drop-shadow(0 0 10px rgba(178,60,10,.45))}.wave-line-2{stroke:var(--teal);stroke-width:1.5;opacity:.55;filter:none;stroke-dasharray:6 12;animation:flow 14s linear infinite}@keyframes flow{to{stroke-dashoffset:-360}}.lede{color:var(--muted);font-size:1.15rem;max-width:600px;margin:0 auto 1.8rem}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:2.5rem 0}.features article{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1.3rem}.features h2{font-size:1.1rem;margin:0 0 .4rem}.features p{color:var(--muted);margin:0}.faq{max-width:720px;margin:3rem auto}.faq details{border-bottom:1px solid var(--line);padding:.9rem 0}.faq summary{cursor:pointer;font-weight:600;font-family:var(--font-display)}.faq p{color:var(--muted)}.landing-footer{text-align:center;padding:2rem 0}.cta-band{margin-top:2.5rem;text-align:center;background:linear-gradient(155deg,var(--panel-2),var(--panel));border:1px solid var(--line);border-radius:var(--radius);padding:2rem;display:grid;gap:1rem;place-items:center}.rate-btn{background:var(--panel-2);border:1px solid var(--line);color:var(--paper);border-radius:999px;height:34px;min-width:46px;padding:0 .6rem;font-family:var(--font-mono);font-size:.78rem;font-weight:500;display:inline-grid;place-items:center}.rate-btn:hover{border-color:var(--amber)}.rate-btn.active{color:var(--amber);border-color:#b23c0a8c}.player-tool{position:relative;display:inline-flex}.player-popover{position:absolute;bottom:calc(100% + .6rem);right:0;z-index:30;width:248px;max-width:calc(100vw - 1.6rem);background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:.85rem .9rem;box-shadow:0 14px 34px -18px #17172824}.player-popover:after{content:"";position:absolute;top:100%;right:16px;border:7px solid transparent;border-top-color:var(--panel)}.player-popover.popover-bottom{bottom:auto;top:calc(100% + .6rem);left:0;right:auto}.player-popover.popover-bottom:after{top:auto;bottom:100%;left:24px;right:auto;border-top-color:transparent;border-bottom-color:var(--panel)}.popover-title{display:flex;justify-content:space-between;align-items:baseline;font-size:.82rem;font-weight:600;margin-bottom:.6rem}.popover-title strong{color:var(--amber);font-family:var(--font-mono)}.player-popover input[type=range]{width:100%;accent-color:var(--amber)}.popover-scale{display:flex;justify-content:space-between;align-items:center;margin-top:.35rem;font-family:var(--font-mono);font-size:.75rem;color:var(--muted)}.popover-scale strong{color:var(--amber);font-size:.9rem}.speed-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:.35rem;margin-top:.65rem}.speed-opt{background:var(--panel-2);border:1px solid var(--line);color:var(--paper);border-radius:8px;padding:.4rem .15rem;font-family:var(--font-mono);font-size:.74rem}.speed-opt:hover{border-color:var(--amber)}.speed-opt.active{color:var(--amber);border-color:#b23c0a8c;background:#b23c0a1f}.sleep-options{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.sleep-opt{background:var(--panel-2);border:1px solid var(--line);color:var(--paper);border-radius:8px;padding:.45rem .3rem;font-size:.82rem}.sleep-opt:hover{border-color:var(--amber)}.sleep-opt.active{color:var(--amber);border-color:#b23c0a8c}.sleep-status{display:flex;flex-direction:column;gap:.4rem;margin-top:.65rem;padding-top:.6rem;border-top:1px solid var(--line);font-size:.8rem;color:var(--amber)}.sleep-cancel{background:transparent;border:1px solid var(--line);color:var(--muted);border-radius:8px;padding:.4rem;font-size:.8rem}.sleep-cancel:hover{border-color:var(--danger);color:var(--danger)}.track-detail .detail-card{display:flex;gap:1.4rem;align-items:center;background:linear-gradient(155deg,var(--panel-2),var(--panel));border:1px solid var(--line);border-radius:var(--radius);padding:1.6rem;margin-top:.8rem}.detail-art{position:relative;flex:0 0 auto;width:124px;height:124px;display:grid;place-items:center;font-size:3.4rem;color:var(--amber);background:radial-gradient(circle at 32% 28%,rgba(178,60,10,.2),transparent 70%),var(--ink);border:1px solid var(--line);border-radius:var(--radius)}.detail-body{min-width:0}.detail-body h1{margin:.25rem 0 .7rem;overflow-wrap:anywhere}.detail-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .9rem;margin-bottom:1.3rem;font-family:var(--font-mono);font-size:.82rem}.detail-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem}.detail-actions .ghost-btn.big{font-size:1rem}.admin-tabs{display:flex;flex-wrap:wrap;gap:.25rem;margin:.4rem 0 1.4rem;border-bottom:1px solid var(--line)}.admin-tabs button{background:none;border:none;color:var(--muted);font-family:var(--font-display);font-size:.95rem;padding:.6rem .9rem;border-bottom:2px solid transparent;margin-bottom:-1px}.admin-tabs button:hover{color:var(--paper)}.admin-tabs button.active{color:var(--amber);border-bottom-color:var(--amber)}.toggle-row{display:flex;align-items:center;gap:.6rem;color:var(--paper);font-size:.95rem;margin-bottom:1rem}.toggle-row input[type=checkbox]{width:18px;height:18px;padding:0;flex:0 0 auto;accent-color:var(--amber)}.pager{display:flex;align-items:center;justify-content:center;gap:1rem;margin:1.6rem 0 .5rem}.gate-preview{display:grid;gap:.3rem;margin:.2rem 0 1rem}.gate-preview img{max-width:220px;border-radius:10px;border:1px solid var(--line)}.edit-modal{width:100%;max-width:420px;margin-top:0}.gate-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:1rem;background:#000000b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow:auto}.gate-modal{position:relative;width:100%;max-width:420px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1.7rem 1.3rem 1.3rem;text-align:center;box-shadow:0 24px 60px -20px #17172824}.gate-modal.gate-modal-clickable{cursor:pointer;padding-top:3.3rem}.gate-close{position:absolute;top:.55rem;right:.55rem;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1.5px solid var(--muted);border-radius:50%;background:var(--panel-2);color:var(--paper);font-size:1.35rem;font-weight:700;line-height:1;box-shadow:0 1px 3px #0000001f}.gate-close:hover,.gate-close:focus-visible{border-color:var(--paper);background:var(--paper);color:var(--panel)}.gate-title{font-family:var(--font-display);font-weight:600;font-size:1.05rem;line-height:1.35;margin:0 0 1rem}.gate-link{display:inline-flex;align-items:center;gap:.4rem;max-width:100%;margin-bottom:1rem;padding:.55rem .9rem;border:1px solid var(--amber);border-radius:999px;color:var(--amber);font-family:var(--font-mono);font-size:.8rem}.gate-link:hover{background:#b23c0a1a;text-decoration:none}.gate-link-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gate-image{display:block;width:100%;height:auto;border-radius:10px;margin-bottom:1.1rem}.gate-desc{color:var(--muted);font-size:.85rem;margin:.9rem 0 0}.gate-steps{text-align:left;display:grid;gap:.45rem;margin:.2rem 0;padding:.9rem 1rem;border:1px solid var(--amber);border-radius:12px;background:#b23c0a1a}.gate-steps-label{font-family:var(--font-display);font-weight:700;font-size:.95rem;color:var(--amber)}.gate-step{font-size:.95rem;color:var(--paper)}.gate-step b{color:var(--amber)}.gate-or{margin:1rem 0 .7rem;color:var(--muted);font-size:.8rem;letter-spacing:.04em}.gate-copy-label{margin:0 0 .4rem;font-size:.9rem;color:var(--paper);text-align:left}.gate-link-show{padding:.55rem .7rem;border:1px solid var(--line);border-radius:9px;background:var(--panel-2);font-family:var(--font-mono);font-size:.76rem;color:var(--paper);word-break:break-all;text-align:left;-webkit-user-select:all;user-select:all;cursor:pointer}.gate-reminder{position:fixed;left:50%;bottom:calc(var(--player-h) + .8rem + env(safe-area-inset-bottom));transform:translate(-50%);z-index:30;display:flex;align-items:center;gap:.7rem;max-width:calc(100vw - 1.6rem);padding:.45rem .5rem .45rem 1rem;background:var(--panel-2);border:1px solid var(--line);border-radius:999px;box-shadow:0 14px 34px -16px #17172824;font-size:.9rem;white-space:nowrap}.gate-reminder-text{overflow:hidden;text-overflow:ellipsis}.gate-reminder button{flex:0 0 auto;padding:.4rem .95rem}@media(max-width:680px){:root{--player-h: 118px}.topbar{gap:.5rem;padding:.6rem .8rem}.brand{flex:0 1 auto;min-width:0;font-size:1.05rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav{flex:0 1 auto;margin-left:auto;gap:.1rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav-home{display:none}.nav a{padding:.4rem .6rem;font-size:.9rem;white-space:nowrap}.user-menu{flex:0 0 auto;gap:.4rem}.user-menu .muted{display:none}.user-menu .ghost-btn{padding:.45rem .8rem}.content{padding:1.3rem 1rem}.track-row{grid-template-columns:44px 1fr auto;gap:.6rem;padding:.6rem .7rem}.track-status{display:none}.track-row .icon-btn{width:44px;height:44px}.player-bar{display:grid;grid-template-columns:1fr auto;grid-template-areas:"meta buttons" "seek seek";align-items:center;gap:.3rem .8rem;padding:.5rem .9rem;padding-bottom:calc(.4rem + env(safe-area-inset-bottom))}.player-meta{grid-area:meta;width:auto}.player-controls{display:contents}.player-buttons{grid-area:buttons;gap:.35rem}.player-buttons>.icon-btn:not(.primary){display:none}.player-buttons .icon-btn{width:44px;height:44px;font-size:1.05rem}.player-buttons .icon-btn.primary{width:52px;height:52px;font-size:1.15rem}.player-seek{grid-area:seek;width:100%;max-width:none;gap:.5rem}.player-seek input[type=range]{height:44px}.skel-circle{width:44px;height:44px}.rate-btn{height:44px;min-width:44px}.track-detail .detail-card{flex-direction:column;align-items:flex-start;padding:1.2rem}.detail-art{width:100%;height:132px}.gate-modal{padding:1.4rem 1rem 1.1rem}.admin-tabs button{padding:.55rem .7rem;font-size:.88rem}}.episode-list{margin-top:1.6rem}.episode-head{font-size:1.05rem;margin-bottom:.8rem}.episode-rows{list-style:none;display:flex;flex-direction:column;gap:.5rem;padding:0;margin:0}.episode-row{width:100%;display:flex;align-items:center;gap:.9rem;text-align:left;background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:.75rem .9rem;color:var(--paper);transition:border-color .15s,background .15s}.episode-row:hover:not(:disabled){border-color:var(--amber)}.episode-row:disabled{opacity:.5;cursor:not-allowed}.episode-row.active{border-color:#f5b14c8c;background:#f5b14c1a}.episode-num{flex:0 0 auto;min-width:1.6rem;text-align:center;font-family:var(--font-mono);font-size:.95rem;color:var(--muted)}.episode-row.active .episode-num{color:var(--amber)}.episode-info{display:flex;flex-direction:column;gap:.15rem;min-width:0;flex:1}.episode-title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.episode-dur{font-family:var(--font-mono);font-size:.78rem;color:var(--muted)}.episode-row.active .episode-dur{color:var(--amber)}.episode-playing{color:var(--amber);font-size:1rem;flex:0 0 auto}.episode-lock{font-size:.95rem;flex:0 0 auto;opacity:.85}.episode-row.locked .episode-title{opacity:.85}.episode-row.locked .episode-num{color:var(--amber)}.lock-episodes{display:grid;gap:.5rem;margin:.4rem 0 .6rem}.lock-episodes-head{font-size:.9rem;color:var(--paper)}.lock-episodes-grid{display:flex;flex-wrap:wrap;gap:.4rem}.lock-chip{border:1px solid var(--line);background:var(--panel-2);color:var(--muted);border-radius:999px;padding:.35rem .7rem;font-size:.82rem;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.lock-chip:hover{border-color:var(--amber)}.lock-chip.locked{border-color:#f5b14c8c;background:#f5b14c1f;color:var(--amber)}.lock-point-picker{display:grid;gap:.4rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--line)}.lock-point-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem;font-size:.86rem;color:var(--paper)}.lock-point-row select{flex:0 1 auto;min-width:9rem;border:1px solid var(--line);background:var(--panel-2);color:var(--paper);border-radius:8px;padding:.3rem .5rem;font-size:.82rem}.lock-points{display:flex;flex-direction:column;gap:1rem;margin:.6rem 0}.lock-point-card{display:grid;gap:.5rem;border:1px solid var(--line);border-radius:12px;padding:.85rem;background:var(--panel-2)}.redirect-links{display:flex;flex-direction:column;gap:.8rem;margin-top:.6rem}.redirect-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.6rem}.redirect-row label{margin:0}@media(prefers-reduced-motion:reduce){.eq.playing .eq-bar{animation:none;height:60%}.wave-line-2{animation:none}.primary-btn,.progress-bar{transition:none}.skel{animation:none;opacity:.6}}.site-footer{margin-top:2.5rem;padding:1.5rem 0 .5rem;border-top:1px solid var(--line);text-align:center}.footer-links{display:flex;flex-wrap:wrap;gap:.4rem 1.1rem;justify-content:center}.footer-links a{color:var(--muted);text-decoration:none;font-size:.88rem}.footer-links a:hover{color:var(--amber)}.footer-copy{margin:.9rem 0 0;color:var(--muted);font-size:.82rem}.info-page{max-width:760px;line-height:1.7}.info-page h2{font-family:var(--font-display);font-size:1.15rem;margin:1.6rem 0 .5rem;color:var(--paper)}.info-page p,.info-page li{color:#3b3a42}.info-page ul{padding-left:1.2rem;display:grid;gap:.35rem}.info-page a{color:var(--teal)}.info-page a:hover{color:var(--amber)}.info-updated{color:var(--muted)!important;font-size:.85rem}.info-contact{font-size:1.05rem}.ssr-seo{max-width:720px;margin:0 auto;padding:2rem 1.25rem 6rem}.ssr-seo a{color:var(--teal)}.ssr-seo ul{list-style:none;padding:0;display:grid;gap:.4rem}.track-desc{margin-top:1.5rem}.track-desc h2{font-size:1.1rem;margin-bottom:.5rem}.track-desc p{white-space:pre-line;line-height:1.65;color:var(--muted)}.live-badge{display:inline-flex;align-items:center;gap:.35rem;color:var(--success);white-space:nowrap}.live-badge:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.shelf{margin:1.5rem 0}.shelf-head{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem .7rem;margin-bottom:.7rem}.shelf-head h2{font-size:1.1rem;margin:0}.shelf-arrows{margin-left:auto;display:flex;gap:.3rem}.shelf-rail{list-style:none;margin:0;padding:.15rem;display:grid;grid-auto-flow:column;grid-auto-columns:min(68vw,240px);gap:.7rem;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}.shelf-rail::-webkit-scrollbar{display:none}.shelf-card{scroll-snap-align:start;display:flex}.shelf-card-link{display:flex;gap:.65rem;width:100%;background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid var(--line);border-radius:var(--radius);padding:.75rem .85rem;color:var(--paper);transition:border-color .15s ease,box-shadow .2s ease}.shelf-card-link:hover{text-decoration:none;border-color:#b23c0a73;box-shadow:0 8px 22px -16px #17172824}.shelf-rank{font-family:var(--font-mono);font-weight:600;font-size:1.25rem;line-height:1;color:var(--muted);min-width:1.5ch;text-align:right;padding-top:.15rem}.shelf-card-body{display:flex;flex-direction:column;gap:.4rem;min-width:0}.shelf-title{font-weight:600;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.shelf-badges{display:flex;flex-wrap:wrap;gap:.3rem}.shelf-stat{margin-top:auto;font-family:var(--font-mono);font-size:.75rem;color:var(--muted);display:flex;align-items:center;flex-wrap:wrap;gap:.3rem .6rem}.shelf-empty{padding:.75rem .2rem}.shelf-tabs{display:flex;gap:.35rem}.shelf-tab{font-family:var(--font-mono);font-size:.75rem;color:var(--muted);background:var(--panel-2);border:1px solid var(--line);border-radius:999px;padding:.3rem .75rem;cursor:pointer}.shelf-tab.active{color:var(--amber);border-color:var(--amber);background:var(--panel)}@media(max-width:680px){.shelf-arrows{display:none}}.list-head{font-size:1.1rem;margin:1.7rem 0 .7rem}.stat-views{display:inline-flex;align-items:center;gap:.3rem;color:var(--paper);font-weight:500;white-space:nowrap}.stat-views svg{color:var(--muted);flex-shrink:0}.comments{margin-top:2.2rem}.comments h2{font-size:1.15rem;margin-bottom:.9rem}.cmt-login a{font-weight:600}.cmt-new,.cmt{display:flex;gap:.55rem;align-items:flex-start}.cmt-new{margin-bottom:1.1rem}.cmt-avatar{flex-shrink:0;width:34px;height:34px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.95rem;font-family:var(--font-display);-webkit-user-select:none;user-select:none}.cmt-main{flex:1;min-width:0}.cmt-list{display:grid;gap:1rem}.cmt-thread{display:grid;gap:.6rem}.cmt-replies{margin-left:2.5rem;padding-left:.7rem;border-left:2px solid var(--line);display:grid;gap:.6rem}.cmt-bubble{display:inline-block;max-width:100%;background:var(--panel);border:1px solid var(--line);border-radius:4px 16px 16px;padding:.45rem .8rem}.cmt-name{display:block;font-weight:600;font-size:.85rem}.cmt-content{margin:.1rem 0 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.95rem}.cmt-sticker{font-size:3rem;line-height:1.15}.cmt-actions{display:flex;align-items:center;gap:.7rem;margin-top:.25rem;font-size:.8rem}.cmt-act{background:none;border:none;padding:0;color:var(--muted);font-weight:600;font-size:.8rem}.cmt-act:hover,.cmt-act.liked{color:var(--amber)}.cmt-act.danger:hover{color:var(--danger)}.cmt-composer{position:relative}.cmt-box{display:flex;align-items:flex-end;gap:.15rem;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:.3rem .35rem .3rem .85rem;position:relative}.cmt-box:focus-within{border-color:var(--amber);box-shadow:0 0 0 3px #b23c0a1f}.cmt-box textarea{font-family:var(--font-body);background:transparent;border:none;border-radius:0;padding:.35rem 0;min-height:0;height:auto;resize:none;line-height:1.4}.cmt-box textarea:focus,.cmt-box textarea:focus-visible{border:none;box-shadow:none}.cmt-tool{background:none;border:none;font-size:1.15rem;padding:.3rem;border-radius:999px;line-height:1}.cmt-tool:hover{background:var(--panel-2)}.cmt-send{background:linear-gradient(135deg,var(--sun-1),var(--sun-2));color:#1a1206;border:none;border-radius:999px;width:32px;height:32px;flex-shrink:0;font-size:.9rem;line-height:1;display:inline-flex;align-items:center;justify-content:center}.cmt-send:disabled{opacity:.45;cursor:default}.cmt-cancel{margin-top:.4rem;padding:.3rem .8rem;font-size:.85rem}.cmt-error{margin:.35rem 0 0}.cmt-pop-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.cmt-pop{position:absolute;bottom:calc(100% + 8px);right:0;z-index:41;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px #1b1a1e29;padding:.5rem;display:grid;grid-template-columns:repeat(8,1fr);gap:.1rem;width:min(320px,78vw);max-height:240px;overflow-y:auto}.cmt-pop button{background:none;border:none;font-size:1.35rem;padding:.25rem;border-radius:8px;line-height:1}.cmt-pop button:hover{background:var(--panel-2)}@media(max-width:680px){.cmt-replies{margin-left:1.4rem}}img.cmt-avatar{object-fit:cover;border-radius:999px;flex-shrink:0;display:inline-block}.user-chip{display:inline-flex;align-items:center;gap:.45rem;text-decoration:none;border-radius:999px;padding:.15rem .6rem .15rem .2rem}.user-chip:hover{background:var(--panel-2)}.profile-page h1{font-size:1.6rem;margin-bottom:1.1rem}.profile-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem 1.2rem;margin-bottom:1rem}.profile-card h2{font-size:1.05rem;margin-bottom:.8rem}.profile-card form{max-width:420px}.profile-avatar-row{display:flex;align-items:center;gap:1rem}.profile-avatar-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.profile-avatar-actions .muted{flex-basis:100%;margin:0}.google-login{display:grid;gap:.6rem;margin-bottom:.9rem}.google-login-btn{display:flex;justify-content:center;min-height:40px}.auth-divider{display:flex;align-items:center;gap:.7rem;color:var(--muted);font-size:.85rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-top:1px solid var(--line)}.avatar-btn{background:none;border:none;padding:0;border-radius:999px;line-height:0;flex-shrink:0;cursor:zoom-in}.cmt-img-btn{display:block;background:none;border:none;padding:0;margin-top:.35rem;cursor:zoom-in;line-height:0}.cmt-img{max-width:min(260px,100%);max-height:260px;border-radius:10px;display:block}.cmt-img-preview{position:relative;display:inline-block;margin-bottom:.45rem}.cmt-img-preview img{max-height:84px;max-width:160px;border-radius:8px;display:block;border:1px solid var(--line)}.cmt-img-preview button{position:absolute;top:-8px;right:-8px;width:22px;height:22px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--paper);font-size:.7rem;line-height:1;display:inline-flex;align-items:center;justify-content:center}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#1b1a1ec7;display:flex;align-items:center;justify-content:center;cursor:zoom-out;padding:4vh 4vw}.lightbox img{max-width:92vw;max-height:88vh;border-radius:10px;box-shadow:0 24px 64px #0006}.cmt-bubble{position:relative}.cmt-sticker-wrap{position:relative;display:inline-block}.cmt-like-pill{position:absolute;bottom:-12px;right:-8px;background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:1px 7px;font-size:.75rem;line-height:1.4;white-space:nowrap;box-shadow:0 2px 6px #1b1a1e1a}.cmt-login{display:grid;gap:.15rem;justify-items:start;margin-bottom:1.1rem}.cmt-login .google-login{margin-bottom:.35rem}.cmt-login .google-login-btn{justify-content:flex-start}.simulator-bar{background:#1b1a1e;color:#fff;padding:.45rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:.8rem;font-size:.82rem;font-family:var(--font-mono);position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(255,255,255,.1)}.simulator-bar select{background:#2a2930;color:#fff;border:1px solid #444;border-radius:6px;padding:.2rem .5rem;font-size:.8rem;outline:none}.simulator-bar button{background:var(--amber);color:#fff;border:none;border-radius:6px;padding:.2rem .6rem;font-size:.78rem;font-weight:600}.simulator-bar .close-sim{background:transparent;color:#aaa;font-size:1rem}.toast{position:fixed;top:1.5rem;left:50%;transform:translate(-50%);background:#1b1a1ef2;color:#fff;padding:.6rem 1.2rem;border-radius:30px;box-shadow:0 10px 30px #0000004d;z-index:9999;font-size:.9rem;display:flex;align-items:center;gap:.5rem;border:1px solid rgba(255,255,255,.15);animation:toastIn .25s ease}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-15px)}to{opacity:1;transform:translate(-50%)}}.admin-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem;margin-bottom:1.25rem}.badge-pill{display:inline-block;padding:.2rem .6rem;border-radius:999px;font-size:.75rem;font-family:var(--font-mono);font-weight:600}.badge-pill.amber{background:#ff7a3d26;color:var(--amber);border:1px solid rgba(255,122,61,.3)}.badge-pill.teal{background:#0f766e26;color:var(--teal);border:1px solid rgba(15,118,110,.3)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem;overflow-y:auto}.modal-content{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem;width:100%;max-width:580px;box-shadow:0 20px 50px #0000004d;position:relative;max-height:90vh;overflow-y:auto}.gate-floating-pill{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:99;display:inline-flex;align-items:center;gap:12px;background:#ebebee;color:#222;padding:5px 6px 5px 16px;border-radius:999px;box-shadow:0 4px 18px #0000001a;font-size:.85rem;font-weight:500;transition:bottom .25s ease,opacity .2s ease,transform .2s ease;-webkit-user-select:none;user-select:none}.app-shell.has-player .gate-floating-pill{bottom:84px}.gate-floating-pill .pill-text{color:#333;font-size:.85rem;white-space:nowrap}.gate-floating-pill .pill-btn{background:var(--accent, #ff5b36);color:#fff;border:none;border-radius:999px;padding:5px 14px;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .15s ease,transform .1s ease;white-space:nowrap}.gate-floating-pill .pill-btn:hover{background:#e04825;transform:scale(1.03)}.gate-floating-pill .pill-btn:active{transform:scale(.97)}