.header{display:flex;align-items:center;gap:14px;padding:0 16px;height:56px;border-bottom:1px solid var(--border-subtle);background:linear-gradient(to bottom,#141418e6,#0b0b0dcc);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);position:sticky;top:0;z-index:50}.header-brand{display:inline-flex;align-items:center;gap:10px;background:transparent;border:0;cursor:pointer;padding:4px 8px;border-radius:var(--r-sm);color:var(--text-1)}.header-brand:hover{background:var(--bg-elev-1)}.header-brand-name{font-family:var(--font-display);font-weight:600;font-size:16px;letter-spacing:-.01em;color:var(--text-1)}.header-pill-nav{display:flex;gap:2px;padding:3px;background:var(--bg-elev-2);border:1px solid var(--border-subtle);border-radius:var(--r-md);margin-left:8px}.header-pill-nav button{padding:5px 12px;border-radius:7px;font-size:13px;font-weight:500;color:var(--text-2);background:transparent;border:0;cursor:pointer;transition:color var(--ease),background var(--ease)}.header-pill-nav button:hover{color:var(--text-1)}.header-pill-nav button[aria-current=page]{background:var(--bg-elev-3);color:var(--text-1);box-shadow:var(--shadow-sm)}.header-right{margin-left:auto;display:flex;align-items:center;gap:8px}.header-search-btn{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;background:var(--bg-elev-1);border:1px solid var(--border-subtle);border-radius:var(--r-md);color:var(--text-3);font-size:13px;cursor:pointer;transition:all var(--ease)}.header-search-btn:hover{color:var(--text-1);border-color:var(--border-strong);background:var(--bg-elev-2)}.header-search-label{min-width:60px;text-align:left}.header-search-kbd{font-family:var(--font-mono);font-size:11px;padding:1px 6px;border-radius:4px;background:var(--bg-elev-3);color:var(--text-2);border:1px solid var(--border-subtle)}.header-icon-btn{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r-sm);color:var(--text-2);background:transparent;border:0;cursor:pointer;transition:all var(--ease);position:relative}.header-icon-btn:hover,.header-icon-btn.is-active{color:var(--text-1);background:var(--bg-elev-2)}.header-notification-badge{position:absolute;top:4px;right:4px;min-width:16px;height:16px;padding:0 4px;background:var(--rose);border-radius:8px;font-size:.65rem;font-weight:700;color:var(--bg-base);display:flex;align-items:center;justify-content:center;line-height:1}.header-login-btn{padding:7px 16px;background:var(--warm);border-radius:var(--r-md);color:var(--bg-base);font-size:13px;font-weight:600;transition:all var(--ease);border:0;cursor:pointer}.header-login-btn:hover{opacity:.9}.header-avatar-wrap{position:relative}.header-avatar-btn{padding:2px;border-radius:50%;background:transparent;border:0;cursor:pointer;transition:all var(--ease)}.header-avatar-btn:hover,.header-avatar-btn.is-open{box-shadow:0 0 0 2px var(--cool)}.header-avatar{width:30px;height:30px;border-radius:50%;object-fit:cover;display:block}.header-avatar--fallback{display:flex;align-items:center;justify-content:center;background:var(--cool);color:var(--bg-base);font-size:.8rem;font-weight:700}.header-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:180px;padding:6px;background:var(--bg-elev-2);border:1px solid var(--border-subtle);border-radius:var(--r-md);box-shadow:var(--shadow-md);z-index:100;display:flex;flex-direction:column;gap:2px}.header-menu-item{text-align:left;padding:7px 10px;border-radius:var(--r-sm);font-size:13px;color:var(--text-2);background:transparent;border:0;cursor:pointer;transition:all var(--ease)}.header-menu-item:hover{background:var(--bg-elev-3);color:var(--text-1)}.header-menu-item--danger{color:var(--rose)}.header-menu-item--danger:hover{background:var(--rose-bg);color:var(--rose)}.header-menu-sep{height:1px;background:var(--border-subtle);margin:4px 0}@media(max-width:900px){.header-search-label,.header-search-kbd,.header-pill-nav{display:none}}.comments-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:100;display:flex;align-items:flex-end;justify-content:center}.comments-panel{background:#1a1a1a;border-radius:16px 16px 0 0;width:100%;max-width:480px;max-height:60vh;display:flex;flex-direction:column;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.comments-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #333}.comments-header h3{margin:0;font-size:1rem;color:#fff}.comments-close{background:none;border:none;color:#888;font-size:1.2rem;cursor:pointer;padding:4px 8px}.comments-list{flex:1;overflow-y:auto;padding:12px 20px}.comments-loading,.comments-empty{text-align:center;color:#888;padding:32px 0}.comment-row{display:flex;gap:10px;padding:10px 0}.comment-avatar{width:32px;height:32px;border-radius:50%;background:#333;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:#aaa;flex-shrink:0}.comment-content{flex:1;min-width:0}.comment-meta{display:flex;gap:8px;align-items:center;margin-bottom:2px}.comment-name{font-size:.85rem;font-weight:600;color:#fff}.comment-time{font-size:.75rem;color:#666}.comment-body{margin:0;font-size:.9rem;color:#ccc;line-height:1.4}.comments-input{display:flex;gap:8px;padding:12px 20px;border-top:1px solid #333}.comments-input input{flex:1;background:#2a2a2a;border:none;border-radius:20px;padding:8px 16px;color:#fff;font-size:.9rem;outline:none}.comments-input input::placeholder{color:#666}.comments-input button{background:var(--cool, #4ade80);border:none;border-radius:50%;width:36px;height:36px;font-size:1.1rem;cursor:pointer;color:#000;font-weight:700}.comments-input button:disabled{opacity:.3;cursor:not-allowed}.swipe-feed{height:100vh;overflow-y:scroll;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch}.swipe-empty{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:0 24px;color:#aaa;font-size:1rem;text-align:center}.swipe-empty-msg{margin:0;max-width:320px;line-height:1.5}.swipe-empty-btn{padding:10px 20px;border-radius:999px;font-size:.9rem;font-weight:500;color:#fff;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);transition:background .15s}.swipe-empty-btn:hover:not(:disabled){background:#ffffff2e}.swipe-empty-btn:disabled{opacity:.6;cursor:not-allowed}.swipe-card--skeleton{pointer-events:none}.swipe-card--skeleton .skeleton{background:linear-gradient(90deg,#ffffff0f,#ffffff1f,#ffffff0f);background-size:200% 100%;animation:swipe-skeleton-pulse 1.4s ease-in-out infinite;border-radius:4px}.swipe-card--skeleton .skeleton-line--title{width:72%;height:18px;margin-bottom:10px}.swipe-card--skeleton .skeleton-line--meta{width:44%;height:12px}@keyframes swipe-skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.swipe-card{height:100vh;scroll-snap-align:start;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;overflow:hidden}.swipe-card-center{display:flex;flex-direction:column;align-items:center;gap:16px}.swipe-vinyl{width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,#333 20%,#111 80%);display:flex;align-items:center;justify-content:center;transition:transform .3s}.swipe-vinyl--spinning{animation:spin 8s linear infinite}.swipe-vinyl-inner{width:60px;height:60px;border-radius:50%;background:var(--cool, #4ade80);opacity:.8}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swipe-duration{color:#888;font-size:.85rem}.swipe-card-bottom{position:absolute;bottom:80px;left:16px;right:80px}.swipe-title{font-size:1.25rem;font-weight:700;color:#fff;margin:0 0 6px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.swipe-meta{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#aaa}.swipe-channel{color:var(--cool, #4ade80);font-weight:500}.swipe-dot{color:#666}.swipe-progress{margin-top:8px;height:3px;background:#ffffff26;border-radius:2px;overflow:hidden}.swipe-progress-bar{height:100%;background:var(--cool, #4ade80);transition:width .3s}.swipe-actions{position:absolute;right:12px;bottom:120px;display:flex;flex-direction:column;align-items:center;gap:20px}.swipe-action{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px}.swipe-action-icon{font-size:1.5rem}.swipe-action-count{font-size:.7rem;color:#fff}.player{height:100%;background:linear-gradient(to top,var(--bg-elev-1),var(--bg-base));border-top:1px solid var(--border-subtle);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.player--empty{background:#111111b3;display:flex;align-items:center;justify-content:center}.player-inner{height:100%;max-width:1400px;margin:0 auto;padding:12px 20px;padding-bottom:max(12px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:16px}.player-inner--mini{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:24px}.player-placeholder{color:var(--text-3);font-size:.85rem;width:100%;text-align:center}.player-expand{display:flex;align-items:center;gap:12px;min-width:0;padding:6px 8px;border-radius:var(--r-sm);background:transparent;border:1px solid transparent;text-align:left;color:inherit;cursor:pointer;transition:background var(--ease),border-color var(--ease)}.player-expand:hover{background:var(--bg-elev-1);border-color:var(--border-subtle)}.player-expand:focus-visible{outline:2px solid var(--cool);outline-offset:2px}.player-mini-cover{width:56px;height:56px;flex-shrink:0;border-radius:var(--r-sm);background:var(--warm);color:var(--bg-base);font-family:var(--font-display);font-weight:700;font-size:22px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.player-info{flex:1;min-width:0}.player-title{font-family:var(--font-display);font-size:.95rem;font-weight:500;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-channel{font-size:.75rem;color:var(--text-3);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-controls{display:flex;align-items:center;gap:8px;flex-shrink:0;justify-self:center}.player-btn{display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all var(--ease)}.player-btn:focus-visible{outline:2px solid var(--cool);outline-offset:2px}.player-btn--primary{width:40px;height:40px;background:var(--text-1);color:var(--bg-base)}.player-btn--primary:hover{transform:scale(1.06);background:var(--warm)}.player-btn--primary:active{transform:scale(.96)}.player-btn--secondary{width:36px;height:36px;color:var(--text-2)}.player-btn--secondary:hover{color:var(--text-1);background:var(--bg-elev-2)}.player-right{display:flex;align-items:center;gap:10px;flex-shrink:0;min-width:0;justify-self:end}.player-time{font-family:var(--font-mono);font-size:.72rem;color:var(--text-3);font-variant-numeric:tabular-nums;min-width:80px;text-align:right}.player-progress{flex:1;min-width:140px;max-width:280px;height:4px;background:var(--border-subtle);cursor:pointer;position:relative;border-radius:2px;transition:height .15s ease}.player-progress:hover{height:6px}.player-progress-fill{height:100%;background:var(--warm);border-radius:2px;position:relative;transition:width .1s linear}.player-progress:hover .player-progress-fill:after{content:"";position:absolute;right:-5px;top:50%;transform:translateY(-50%);width:10px;height:10px;background:var(--warm);border-radius:50%;box-shadow:0 0 8px var(--warm)}.speed-btn{padding:4px 10px;border-radius:var(--r-md);font-family:var(--font-mono);font-size:.72rem;font-weight:600;color:var(--text-2);background:var(--bg-elev-2);border:1px solid var(--border-subtle);transition:all var(--ease);font-variant-numeric:tabular-nums;min-width:48px}.speed-btn:hover{color:var(--cool);border-color:var(--cool)}.speed-btn:focus-visible{outline:2px solid var(--cool);outline-offset:2px}@media(max-width:899px){.player-inner--mini{grid-template-columns:minmax(0,1fr) auto;gap:12px}.player-right{display:none}}@media(max-width:640px){.player-inner{padding:10px 14px;padding-bottom:max(10px,env(safe-area-inset-bottom));gap:10px}.player-info{display:none}.player-controls{flex:1;justify-content:center}}.player-full{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;background:var(--bg-base);color:var(--text-1);display:flex;flex-direction:column;overflow:hidden;font-family:var(--font-ui)}.player-full:focus{outline:none}.player-full-head{display:flex;justify-content:space-between;align-items:center;padding:18px 32px;border-bottom:1px solid var(--border-subtle);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:linear-gradient(to bottom,#141418e6,#0b0b0db3)}.player-full-eyebrow{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--warm)}.player-full-body{flex:1;display:grid;grid-template-columns:1fr 420px;gap:40px;padding:32px 48px;overflow:hidden}.player-full-left{max-width:720px;overflow-y:auto;padding-right:8px}.player-full-right{background:var(--bg-elev-1);border:1px solid var(--border-subtle);border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column}.player-full--empty .player-full-empty-body{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-3);font-size:14px}.now-art{width:280px;height:280px;border-radius:var(--r-lg);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:72px;box-shadow:0 30px 60px -20px #0009,var(--shadow-glow);margin-bottom:28px;position:relative;overflow:hidden}.now-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ffffff1f,#0003)}.now-meta{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-size:13px;color:var(--text-2)}.now-title{font-family:var(--font-display);font-weight:500;font-size:32px;letter-spacing:-.02em;line-height:1.15;margin:0 0 22px}.waveform{height:72px;background:var(--bg-elev-1);border:1px solid var(--border-subtle);border-radius:var(--r-md);margin-bottom:12px;padding:4px 8px;display:flex;align-items:center;overflow:hidden}.waveform svg{width:100%;height:100%;display:block}.waveform .wave-bar{fill:var(--text-4);transition:fill .2s ease}.waveform .wave-bar.played{fill:var(--warm)}.waveform .wave-bar.current{fill:var(--warm);filter:drop-shadow(0 0 6px var(--warm))}.waveform--empty{justify-content:center}.waveform-placeholder{color:var(--text-3);font-size:12px;font-family:var(--font-mono)}@media(prefers-reduced-motion:reduce){.waveform .wave-bar{transition:none}}.time-row{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:12px;color:var(--text-3);margin-bottom:22px}.time-chip{background:var(--bg-elev-2);padding:2px 8px;border-radius:4px;border:1px solid var(--border-subtle)}.controls{display:flex;align-items:center;gap:12px;margin-bottom:28px}.control-btn{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--text-2);background:transparent;border:none;cursor:pointer;transition:all var(--ease)}.control-btn:hover:not(:disabled){color:var(--text-1);background:var(--bg-elev-2)}.control-btn:focus-visible{outline:2px solid var(--cool);outline-offset:2px}.control-btn:disabled{opacity:.45;cursor:not-allowed}.control-btn.primary{width:56px;height:56px;background:var(--text-1);color:var(--bg-base)}.control-btn.primary:hover:not(:disabled){transform:scale(1.04);background:var(--warm)}.chapters{border-top:1px solid var(--border-subtle);padding-top:22px}.chapters h3{text-transform:uppercase;font-size:11px;letter-spacing:.1em;color:var(--text-3);font-weight:600;margin:0 0 12px}.chapter{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;font-size:13.5px;color:var(--text-2);background:transparent;border:none;width:100%;text-align:left;cursor:pointer;transition:background var(--ease),color var(--ease)}.chapter:hover{background:var(--bg-elev-1)}.chapter:focus-visible{outline:2px solid var(--cool);outline-offset:2px}.chapter.current{background:var(--bg-elev-2);color:var(--text-1)}.chapter .ts{font-family:var(--font-mono);font-size:11.5px;color:var(--text-3);min-width:44px}.chapter.current .ts{color:var(--warm)}.transcript-pane{overflow-y:auto;padding:22px 24px}.transcript-pane--empty{display:flex;flex-direction:column;align-items:stretch}.transcript-empty-msg{color:var(--text-3);font-size:14px;text-align:center;margin:40px 0}.transcript-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--border-subtle)}.transcript-head h3{font-family:var(--font-display);font-weight:500;font-size:18px;margin:0;letter-spacing:-.01em}.transcript-toggles{display:flex;gap:4px}.mini-btn{font-size:11.5px;padding:4px 10px;border-radius:5px;color:var(--text-3);background:transparent;border:1px solid var(--border-subtle);cursor:pointer;transition:all var(--ease)}.mini-btn:hover{color:var(--text-1)}.mini-btn:focus-visible{outline:2px solid var(--cool);outline-offset:2px}.mini-btn.active{color:var(--text-1);background:var(--bg-elev-3)}.tr-para{font-family:var(--font-display);font-size:15px;line-height:1.7;color:var(--text-2);margin:0 0 16px;padding-left:44px;position:relative;cursor:pointer;border-radius:4px;transition:color var(--ease)}.tr-para:hover{color:var(--text-1)}.tr-para:focus-visible{outline:2px solid var(--cool);outline-offset:2px}.tr-para .ts{position:absolute;left:0;top:4px;font-family:var(--font-mono);font-size:10.5px;color:var(--text-4)}.tr-para.current{color:var(--text-1)}.tr-para.current .ts{color:var(--warm)}.tr-para.current:before{content:"";position:absolute;left:36px;top:10px;bottom:10px;width:2px;background:var(--warm);border-radius:2px}@media(max-width:1200px){.player-full-body{grid-template-columns:1fr;gap:24px}.player-full-right{min-height:320px}}@media(max-width:900px){.player-full-head{padding:14px 18px}.player-full-body{padding:18px 20px}.now-art{width:200px;height:200px;font-size:56px}.now-title{font-size:26px}}.auth-page{flex:1;display:flex;align-items:center;justify-content:center;padding:32px 20px;position:relative;overflow:hidden}.auth-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(60% 45% at 15% 15%,var(--cool-bg) 0%,transparent 60%),radial-gradient(40% 35% at 85% 85%,var(--warm-bg) 0%,transparent 70%);z-index:0}.auth-shell{position:relative;z-index:1;width:100%;max-width:1040px;display:grid;grid-template-columns:1.2fr 1fr;gap:56px;align-items:center}@media(max-width:767px){.auth-shell{grid-template-columns:1fr;gap:28px;max-width:440px}}.auth-hero{display:flex;flex-direction:column;gap:24px;min-width:0}.auth-hero-brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:600;font-size:18px;letter-spacing:-.01em;color:var(--text-1)}.auth-hero-dot{width:12px;height:12px;border-radius:50%;background:var(--warm);box-shadow:0 0 14px var(--warm);animation:auth-hero-pulse 2.2s infinite}@keyframes auth-hero-pulse{0%,to{opacity:1}50%{opacity:.55}}.auth-hero-wordmark{font-size:18px}.auth-hero-title{font-family:var(--font-display);font-weight:500;font-size:clamp(2rem,4.2vw,3.5rem);line-height:1.08;letter-spacing:-.02em;color:var(--text-1);margin:0}.auth-hero-title em{font-style:italic;color:var(--cool)}.auth-hero-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid var(--border-subtle);border-radius:999px;background:var(--bg-elev-1);font-size:.8125rem;color:var(--text-2);width:fit-content}.auth-hero-pill-dot{width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 8px var(--mint)}.auth-hero-preview{margin-top:8px;padding:20px;background:var(--bg-elev-1);border:1px solid var(--border-subtle);border-radius:var(--r-lg);max-width:360px}.auth-hero-preview-meta{display:flex;align-items:center;gap:12px;color:var(--text-2);font-size:.8125rem}.auth-hero-preview-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--warm),var(--rose));display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:12px;color:var(--bg-base)}.auth-hero-preview-title{font-weight:600;color:var(--text-1);margin-bottom:2px;font-size:.875rem}.auth-hero-preview-sub{color:var(--text-3);font-size:.75rem}.auth-hero-preview-eq{display:flex;align-items:flex-end;gap:4px;height:40px;margin-top:16px}.auth-hero-preview-bar{flex:1;background:linear-gradient(to top,var(--cool),var(--warm));border-radius:2px;transform-origin:bottom;animation:auth-hero-eq 1.2s ease-in-out infinite}.auth-hero-preview-bar:nth-child(1){animation-delay:0s}.auth-hero-preview-bar:nth-child(2){animation-delay:.15s}.auth-hero-preview-bar:nth-child(3){animation-delay:.3s}.auth-hero-preview-bar:nth-child(4){animation-delay:.45s}.auth-hero-preview-bar:nth-child(5){animation-delay:.2s}.auth-hero-preview-bar:nth-child(6){animation-delay:.05s}.auth-hero-preview-bar:nth-child(7){animation-delay:.4s}.auth-hero-preview-bar:nth-child(8){animation-delay:.25s}.auth-hero-preview-bar:nth-child(9){animation-delay:.1s}.auth-hero-preview-bar:nth-child(10){animation-delay:.35s}@keyframes auth-hero-eq{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@media(prefers-reduced-motion:reduce){.auth-hero-preview-bar{animation:none;transform:scaleY(.6)}.auth-hero-dot{animation:none}}@media(max-width:767px){.auth-hero{align-items:center;text-align:center;gap:14px}.auth-hero-title{font-size:1.625rem}.auth-hero-title br,.auth-hero-preview{display:none}}.auth-card{width:100%;max-width:440px;background:var(--bg-elev-1);border:1px solid var(--border-subtle);border-radius:var(--r-lg);padding:32px 28px;box-shadow:var(--shadow-md);justify-self:end}@media(max-width:767px){.auth-card{justify-self:center}}.auth-header{text-align:center;margin-bottom:28px}.auth-header h2{font-family:var(--font-display);font-size:1.75rem;font-weight:600;letter-spacing:-.01em;margin:0 0 6px;color:var(--text-1)}.auth-subtitle{color:var(--text-2);font-size:.875rem;margin:0}.auth-google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;background:var(--bg-elev-2);border:1px solid var(--border-subtle);border-radius:var(--r-md);color:var(--text-1);font-size:.9rem;font-weight:500;transition:background var(--ease),border-color var(--ease)}.auth-google-btn:hover{background:var(--bg-elev-3);border-color:var(--border-strong)}.auth-google-btn:focus-visible{outline:2px solid var(--cool);outline-offset:2px}.auth-google-btn:disabled{opacity:.5;cursor:not-allowed}.auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--text-3);font-size:.8rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-subtle)}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-form input{width:100%;padding:12px 14px;background:var(--bg-elev-2);border:1px solid var(--border-subtle);border-radius:var(--r-md);color:var(--text-1);font-size:.9rem;outline:none;transition:border-color var(--ease)}.auth-form input:hover{border-color:var(--border-strong)}.auth-form input:focus-visible{outline:2px solid var(--cool);outline-offset:2px;border-color:var(--cool)}.auth-form input::placeholder{color:var(--text-3)}.auth-submit-btn{width:100%;padding:12px;background:var(--cool);border:1px solid var(--cool);border-radius:var(--r-md);color:#fff;font-size:.9rem;font-weight:600;transition:transform var(--ease),filter var(--ease)}.auth-submit-btn:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.auth-submit-btn:focus-visible{outline:2px solid var(--cool);outline-offset:2px}.auth-submit-btn:disabled{opacity:.5;cursor:not-allowed}.auth-error{margin-top:16px;padding:10px 14px;background:var(--rose-bg);border:1px solid var(--rose);border-radius:var(--r-md);color:var(--rose);font-size:.85rem;text-align:center}.auth-toggle{margin-top:20px;text-align:center;color:var(--text-2);font-size:.85rem}.auth-toggle button{color:var(--cool);font-weight:600;text-decoration:underline;text-underline-offset:2px;background:none;border:0;padding:0;cursor:pointer;font:inherit}.auth-toggle button:hover{filter:brightness(1.15)}.auth-toggle button:focus-visible{outline:2px solid var(--cool);outline-offset:2px;border-radius:3px}.landing-root{flex:1;width:100%;color:var(--text-1);scroll-behavior:smooth}.landing-section{width:100%;max-width:1200px;margin:0 auto;padding:6rem 1.5rem}@media(max-width:640px){.landing-section{padding:4rem 1.25rem}}.landing-eyebrow{display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--cool);margin-bottom:1rem}.landing-section-title{font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:700;line-height:1.15;letter-spacing:-.02em;margin-bottom:.75rem}.landing-section-sub{color:var(--text-2);font-size:1.0625rem;max-width:36rem}.landing-hero{position:relative;overflow:hidden;padding-top:5rem;padding-bottom:6rem}.landing-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(60% 50% at 20% 10%,rgba(124,58,237,.25) 0%,transparent 60%),radial-gradient(50% 40% at 85% 30%,rgba(124,58,237,.18) 0%,transparent 70%);z-index:0}.landing-hero-inner{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:6rem 1.5rem 4rem;display:grid;grid-template-columns:1.1fr 1fr;gap:4rem;align-items:center}@media(max-width:900px){.landing-hero-inner{grid-template-columns:1fr;gap:2.5rem;padding:4rem 1.25rem 3rem}}.landing-hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border:1px solid var(--border-subtle);border-radius:999px;background:var(--bg-elev-1);font-size:.8125rem;color:var(--text-2);margin-bottom:1.5rem}.landing-hero-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 8px #34d39999}.landing-hero-title{font-size:clamp(2.25rem,5.5vw,4rem);font-weight:800;line-height:1.05;letter-spacing:-.03em;margin-bottom:1.25rem}.landing-hero-title-accent{background:linear-gradient(90deg,var(--cool) 0%,#a78bfa 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.landing-hero-sub{font-size:1.125rem;line-height:1.6;color:var(--text-2);max-width:32rem;margin-bottom:2rem}.landing-hero-cta{display:flex;gap:.75rem;flex-wrap:wrap}.landing-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:var(--r-md);font-size:.9375rem;font-weight:600;transition:transform var(--ease),background var(--ease),border-color var(--ease);white-space:nowrap}.landing-btn-primary{background:var(--cool);color:#fff;box-shadow:0 10px 30px -10px var(--cool-bg)}.landing-btn-primary:hover{background:var(--cool);transform:translateY(-1px)}.landing-btn-secondary{background:transparent;color:var(--text-1);border:1px solid var(--border-subtle)}.landing-btn-secondary:hover{background:var(--bg-elev-1);border-color:var(--text-3)}.landing-btn-lg{padding:1.125rem 2rem;font-size:1rem}.landing-visual{position:relative;aspect-ratio:1 / 1;max-width:460px;margin:0 auto;border-radius:var(--r-lg);background:linear-gradient(135deg,var(--bg-elev-1) 0%,var(--bg-elev-2) 100%);border:1px solid var(--border-subtle);padding:2rem;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.landing-visual:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,var(--cool) 0%,transparent 40%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.landing-visual-meta{display:flex;align-items:center;gap:.75rem;color:var(--text-2);font-size:.875rem}.landing-visual-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--cool),#a78bfa);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff}.landing-visual-title{font-weight:600;color:var(--text-1);margin-bottom:.125rem}.landing-eq{display:flex;align-items:flex-end;gap:6px;height:120px;margin-top:2rem}.landing-eq-bar{flex:1;background:linear-gradient(to top,var(--cool),#a78bfa);border-radius:3px;transform-origin:bottom;animation:landing-eq-pulse 1.2s ease-in-out infinite}.landing-eq-bar:nth-child(1){animation-delay:0s}.landing-eq-bar:nth-child(2){animation-delay:.15s}.landing-eq-bar:nth-child(3){animation-delay:.3s}.landing-eq-bar:nth-child(4){animation-delay:.45s}.landing-eq-bar:nth-child(5){animation-delay:.2s}.landing-eq-bar:nth-child(6){animation-delay:.05s}.landing-eq-bar:nth-child(7){animation-delay:.4s}.landing-eq-bar:nth-child(8){animation-delay:.25s}.landing-eq-bar:nth-child(9){animation-delay:.1s}.landing-eq-bar:nth-child(10){animation-delay:.35s}.landing-eq-bar:nth-child(11){animation-delay:.2s}.landing-eq-bar:nth-child(12){animation-delay:.05s}@keyframes landing-eq-pulse{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.landing-visual-progress{margin-top:1.25rem;height:3px;background:var(--bg-base);border-radius:999px;overflow:hidden}.landing-visual-progress-bar{height:100%;width:42%;background:var(--cool);border-radius:999px}.landing-visual-time{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-3);margin-top:.5rem;font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){.landing-eq-bar{animation:none;transform:scaleY(.6)}}.landing-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:3rem}@media(max-width:900px){.landing-steps{grid-template-columns:1fr}}.landing-step{padding:1.75rem;background:var(--bg-elev-1);border:1px solid var(--border-subtle);border-radius:var(--r-lg);position:relative}.landing-step-num{position:absolute;top:1.25rem;right:1.25rem;font-size:.75rem;font-weight:700;color:var(--text-3);letter-spacing:.1em}.landing-step-icon{width:44px;height:44px;border-radius:var(--r-md);background:#7c3aed1f;color:var(--cool);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.landing-step-title{font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.landing-step-desc{color:var(--text-2);font-size:.9375rem;line-height:1.55}.landing-features{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:3rem}@media(max-width:900px){.landing-features{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.landing-features{grid-template-columns:1fr}}.landing-feature{padding:1.5rem;background:var(--bg-elev-1);border:1px solid var(--border-subtle);border-radius:var(--r-lg);transition:border-color var(--ease),transform var(--ease)}.landing-feature:hover{border-color:var(--cool);transform:translateY(-2px)}.landing-feature-icon{width:40px;height:40px;border-radius:var(--r-md);background:var(--bg-elev-2);color:var(--cool);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.landing-feature-title{font-size:1rem;font-weight:600;margin-bottom:.375rem}.landing-feature-desc{color:var(--text-2);font-size:.9375rem;line-height:1.5}.landing-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:3rem}@media(max-width:900px){.landing-tiers{grid-template-columns:1fr}}.landing-tier{padding:1.75rem;background:var(--bg-elev-1);border:1px solid var(--border-subtle);border-radius:var(--r-lg);display:flex;flex-direction:column}.landing-tier-featured{border-color:var(--cool);background:linear-gradient(180deg,rgba(124,58,237,.08) 0%,var(--bg-elev-1) 100%)}.landing-tier-badge{align-self:flex-start;font-size:.6875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.25rem .5rem;background:var(--cool);color:#fff;border-radius:999px;margin-bottom:.75rem}.landing-tier-name{font-size:1rem;font-weight:600;color:var(--text-2);margin-bottom:.5rem}.landing-tier-price{font-size:2rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.25rem}.landing-tier-price-unit{font-size:.875rem;font-weight:500;color:var(--text-3)}.landing-tier-desc{color:var(--text-2);font-size:.9375rem;margin-bottom:1.25rem}.landing-tier-features{list-style:none;padding:0;margin:0 0 1.5rem;display:flex;flex-direction:column;gap:.625rem;flex:1}.landing-tier-features li{display:flex;align-items:flex-start;gap:.625rem;font-size:.9375rem;color:var(--text-1)}.landing-tier-check{color:var(--cool);flex-shrink:0;margin-top:2px}.landing-tier-link{text-align:center;margin-top:2rem;color:var(--cool);font-weight:500}.landing-tier-link:hover{text-decoration:underline}.landing-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:3rem 2rem;margin-top:2rem;background:var(--bg-elev-1);border:1px solid var(--border-subtle);border-radius:var(--r-lg)}@media(max-width:640px){.landing-stats{grid-template-columns:1fr;padding:2rem 1.25rem;gap:2rem}}.landing-stat{text-align:center}.landing-stat-value{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;letter-spacing:-.02em;color:var(--cool);margin-bottom:.25rem}.landing-stat-label{color:var(--text-2);font-size:.9375rem}.landing-final{text-align:center;padding:5rem 1.5rem;background:radial-gradient(50% 60% at 50% 50%,rgba(124,58,237,.18) 0%,transparent 70%)}.landing-final-title{font-size:clamp(2rem,4.5vw,3rem);font-weight:800;letter-spacing:-.02em;margin-bottom:1rem}.landing-final-sub{color:var(--text-2);margin-bottom:2rem}.landing-final-note{margin-top:1rem;font-size:.8125rem;color:var(--text-3)}.landing-footer{border-top:1px solid var(--border-subtle);padding:2rem 1.5rem;color:var(--text-3);font-size:.875rem}.landing-footer-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.landing-footer-contact{color:var(--text-3);transition:color var(--ease)}.landing-footer-contact:hover{color:var(--text-1)}.pricing-page{flex:1;width:100%;max-width:1120px;margin:0 auto;padding:48px 20px 96px;color:var(--text-1)}.pricing-hero{text-align:center;margin-bottom:56px}.pricing-hero-eyebrow{display:inline-block;padding:4px 12px;border-radius:999px;background:color-mix(in srgb,var(--cool) 15%,transparent);color:var(--cool);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;margin-bottom:16px}.pricing-hero-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;letter-spacing:-.02em;margin-bottom:12px;line-height:1.1}.pricing-hero-subtitle{color:var(--text-2);font-size:1.0625rem;max-width:580px;margin:0 auto}.pricing-hero-trial{display:inline-flex;align-items:center;gap:6px;margin-top:20px;padding:8px 16px;border:1px solid var(--border-subtle);border-radius:999px;background:var(--bg-elev-1);color:var(--text-1);font-size:.875rem}.pricing-hero-trial-dot{width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 8px var(--mint)}.pricing-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:72px}@media(max-width:900px){.pricing-tiers{grid-template-columns:1fr;max-width:440px;margin-left:auto;margin-right:auto}}.pricing-card{position:relative;padding:28px 24px;background:var(--bg-elev-1);border:1px solid var(--border-subtle);border-radius:var(--r-lg);display:flex;flex-direction:column;transition:transform var(--ease),border-color var(--ease),box-shadow var(--ease)}.pricing-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--cool) 30%,var(--border-subtle))}.pricing-card-featured{border-color:var(--cool);box-shadow:0 0 0 1px var(--cool),0 12px 40px -12px var(--cool-bg)}.pricing-card-featured:hover{box-shadow:0 0 0 1px var(--cool),0 16px 48px -12px var(--cool-bg)}.pricing-card-badge{position:absolute;top:-11px;left:50%;transform:translate(-50%);padding:4px 12px;background:var(--cool);color:#fff;font-size:.6875rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;border-radius:999px}.pricing-card-current{position:absolute;top:16px;right:16px;padding:3px 10px;background:color-mix(in srgb,var(--mint) 15%,transparent);color:var(--mint);border:1px solid color-mix(in srgb,var(--mint) 30%,transparent);font-size:.6875rem;font-weight:600;border-radius:999px}.pricing-card-name{font-size:.875rem;font-weight:600;color:var(--text-2);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.pricing-card-tagline{color:var(--text-3);font-size:.875rem;margin-bottom:20px;min-height:2.5em}.pricing-card-price-row{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}.pricing-card-price{font-size:2.25rem;font-weight:700;letter-spacing:-.02em;line-height:1}.pricing-card-price-period{color:var(--text-2);font-size:.9375rem}.pricing-card-price-usd{color:var(--text-3);font-size:.8125rem;margin-bottom:24px}.pricing-card-features{list-style:none;margin-bottom:24px;flex:1;display:flex;flex-direction:column;gap:10px}.pricing-card-feature{display:flex;align-items:flex-start;gap:10px;font-size:.9375rem;color:var(--text-1);line-height:1.4}.pricing-card-feature-check{flex-shrink:0;width:18px;height:18px;border-radius:50%;background:color-mix(in srgb,var(--cool) 20%,transparent);color:var(--cool);display:flex;align-items:center;justify-content:center;font-size:.625rem;margin-top:2px}.pricing-card-cta{width:100%;padding:12px 16px;border-radius:var(--r-md);font-size:.9375rem;font-weight:600;transition:background var(--ease),opacity var(--ease),transform var(--ease);border:1px solid var(--border-subtle);background:var(--bg-elev-2);color:var(--text-1)}.pricing-card-cta:hover:not(:disabled){background:var(--bg-elev-2)}.pricing-card-cta-primary{background:var(--cool);border-color:var(--cool);color:#fff}.pricing-card-cta-primary:hover:not(:disabled){background:var(--cool);border-color:var(--cool)}.pricing-card-cta-premium{background:linear-gradient(135deg,var(--cool) 0%,#ec4899 100%);border-color:transparent;color:#fff}.pricing-card-cta-premium:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.1)}.pricing-card-cta:disabled{opacity:.6;cursor:not-allowed}.pricing-card-cta-active{background:transparent;border-color:var(--border-subtle);color:var(--text-2);cursor:default}.pricing-card-cta-active:hover{background:transparent}.pricing-compare{margin-bottom:72px}.pricing-section-title{font-size:1.5rem;font-weight:700;text-align:center;margin-bottom:8px;letter-spacing:-.01em}.pricing-section-subtitle{text-align:center;color:var(--text-2);margin-bottom:32px;font-size:.9375rem}.pricing-compare-toggle{display:block;margin:0 auto 24px;padding:8px 16px;border:1px solid var(--border-subtle);border-radius:var(--r-md);background:var(--bg-elev-1);color:var(--text-1);font-size:.875rem;transition:background var(--ease)}.pricing-compare-toggle:hover{background:var(--bg-elev-2)}.pricing-compare-table-wrap{border:1px solid var(--border-subtle);border-radius:var(--r-lg);background:var(--bg-elev-1);overflow:hidden}.pricing-compare-table{width:100%;border-collapse:collapse;font-size:.9375rem}.pricing-compare-table th,.pricing-compare-table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--border-subtle)}.pricing-compare-table th{background:var(--bg-elev-2);color:var(--text-2);font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;position:sticky;top:0}.pricing-compare-table th:not(:first-child),.pricing-compare-table td:not(:first-child){text-align:center;width:22%}.pricing-compare-table th.pricing-compare-col-featured{color:var(--cool)}.pricing-compare-table tbody tr:last-child td{border-bottom:none}.pricing-compare-table tbody tr:hover{background:color-mix(in srgb,var(--bg-elev-2) 50%,transparent)}@media(max-width:640px){.pricing-compare-table-wrap{background:transparent;border:none;border-radius:0}.pricing-compare-table,.pricing-compare-table tbody{display:block;width:100%}.pricing-compare-table thead{display:none}.pricing-compare-table tr{display:block;background:var(--bg-elev-1);border:1px solid var(--border-subtle);border-radius:var(--r-md);margin-bottom:10px;padding:4px 0}.pricing-compare-table tr:hover{background:var(--bg-elev-1)}.pricing-compare-table tr.pricing-compare-category{background:var(--bg-elev-2);padding:10px 14px;margin-top:16px;margin-bottom:8px;border-radius:var(--r-md)}.pricing-compare-table tr.pricing-compare-category td{padding:0;border-bottom:none}.pricing-compare-table td{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--border-subtle);width:100%!important;text-align:right!important}.pricing-compare-table tr td:last-child{border-bottom:none}.pricing-compare-table td:first-child{font-weight:600;background:color-mix(in srgb,var(--bg-elev-2) 50%,transparent);color:var(--text-1);text-align:left!important;justify-content:flex-start}.pricing-compare-table td[data-tier]:before{content:attr(data-tier);font-size:.8125rem;font-weight:500;color:var(--text-2);text-transform:none;letter-spacing:0}.pricing-compare-table td[data-tier=Pro]:before{color:var(--cool);font-weight:600}}.pricing-compare-cell-value{color:var(--text-1);font-weight:500}.pricing-compare-cell-yes{color:var(--cool);font-weight:700}.pricing-compare-cell-no{color:var(--text-3)}.pricing-compare-category{background:var(--bg-elev-2);color:var(--text-2);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.pricing-faq{max-width:720px;margin:0 auto 72px}.pricing-faq-list{display:flex;flex-direction:column;gap:12px}.pricing-faq-item{border:1px solid var(--border-subtle);border-radius:var(--r-md);background:var(--bg-elev-1);overflow:hidden}.pricing-faq-question{width:100%;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;gap:16px;text-align:left;font-size:.9375rem;font-weight:500;color:var(--text-1);transition:background var(--ease)}.pricing-faq-question:hover{background:var(--bg-elev-2)}.pricing-faq-icon{flex-shrink:0;color:var(--text-2);transition:transform var(--ease);font-size:1.25rem;line-height:1}.pricing-faq-item[data-open=true] .pricing-faq-icon{transform:rotate(45deg);color:var(--cool)}.pricing-faq-answer{padding:0 20px 18px;color:var(--text-2);font-size:.9375rem;line-height:1.6}.pricing-trust{text-align:center;padding-top:32px;border-top:1px solid var(--border-subtle);color:var(--text-3);font-size:.875rem}.pricing-trust-dot{margin:0 8px;opacity:.5}.paywall-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000;animation:paywall-fade-in .15s ease}@keyframes paywall-fade-in{0%{opacity:0}to{opacity:1}}.paywall{position:relative;max-width:440px;width:100%;padding:32px 28px;background:var(--bg-elev-1);border:1px solid var(--border-subtle);border-radius:var(--r-lg);text-align:center;box-shadow:0 24px 80px -20px #0009;animation:paywall-slide-in .2s ease}@keyframes paywall-slide-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.paywall-inline{margin:16px 0;animation:none;box-shadow:none}.paywall-tier-pro{border-color:var(--cool);box-shadow:0 0 0 1px var(--cool),0 24px 80px -20px var(--cool-bg)}.paywall-tier-premium{border-color:transparent;background:linear-gradient(var(--bg-elev-1),var(--bg-elev-1)) padding-box,linear-gradient(135deg,var(--cool) 0%,#ec4899 100%) border-box;border:1px solid transparent}.paywall-close{position:absolute;top:8px;right:8px;width:44px;height:44px;min-width:44px;min-height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-2);font-size:1.5rem;line-height:1;transition:background var(--ease),color var(--ease)}.paywall-close:hover{background:var(--bg-elev-2);color:var(--text-1)}.paywall-lock{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:color-mix(in srgb,var(--cool) 15%,transparent);color:var(--cool);font-size:1.5rem;margin-bottom:16px}.paywall-tier-premium .paywall-lock{background:linear-gradient(135deg,color-mix(in srgb,var(--cool) 20%,transparent),color-mix(in srgb,#ec4899 20%,transparent));color:#ec4899}.paywall-eyebrow{font-size:.6875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--cool);margin-bottom:8px}.paywall-tier-premium .paywall-eyebrow{background:linear-gradient(135deg,var(--cool),#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.paywall-title{font-size:1.375rem;font-weight:700;margin-bottom:10px;letter-spacing:-.01em;line-height:1.25}.paywall-description{color:var(--text-2);font-size:.9375rem;margin-bottom:20px;line-height:1.5}.paywall-benefits{list-style:none;text-align:left;display:flex;flex-direction:column;gap:8px;margin-bottom:24px;padding:14px 16px;background:var(--bg-elev-2);border-radius:var(--r-md)}.paywall-benefit{display:flex;align-items:flex-start;gap:10px;font-size:.875rem;color:var(--text-1);line-height:1.4}.paywall-benefit-check{flex-shrink:0;color:var(--cool);font-weight:700;margin-top:1px}.paywall-actions{display:flex;flex-direction:column;gap:8px}.paywall-cta{width:100%;padding:12px 20px;border-radius:var(--r-md);font-size:.9375rem;font-weight:600;background:var(--cool);color:#fff;transition:background var(--ease),opacity var(--ease),transform var(--ease)}.paywall-cta:hover:not(:disabled){background:var(--cool)}.paywall-tier-premium .paywall-cta{background:linear-gradient(135deg,var(--cool) 0%,#ec4899 100%)}.paywall-tier-premium .paywall-cta:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.1)}.paywall-cta:disabled{opacity:.65;cursor:not-allowed}.paywall-secondary{width:100%;padding:10px 16px;border-radius:var(--r-md);color:var(--text-2);font-size:.875rem;transition:color var(--ease),background var(--ease)}.paywall-secondary:hover{color:var(--text-1);background:var(--bg-elev-2)}.agents-page{flex:1;max-width:680px;margin:0 auto;padding:24px 20px 120px;width:100%}.agents-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.agents-header h2{font-size:1.125rem;font-weight:700}.agents-create-btn{padding:8px 16px;background:var(--cool);border-radius:var(--r-md);color:#fff;font-size:.85rem;font-weight:600;transition:background var(--ease)}.agents-create-btn:hover{background:var(--cool)}.agents-error{padding:10px 14px;background:var(--rose-bg);border:1px solid rgba(251,113,133,.3);border-radius:var(--r-md);color:var(--rose);font-size:.85rem;margin-bottom:16px}.agents-loading{text-align:center;color:var(--text-2);padding:60px 0}.agents-empty{text-align:center;color:var(--text-2);padding:40px 0;font-size:.9rem}.agents-secret-banner{background:#7c3aed1a;border:1px solid rgba(124,58,237,.3);border-radius:var(--r-lg);padding:16px;margin-bottom:20px}.agents-secret-banner p{font-size:.9rem;margin-bottom:12px}.agents-secret-box{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.agents-secret-box label{font-size:.75rem;color:var(--text-3);margin-top:8px}.agents-secret-box label:first-child{margin-top:0}.agents-secret-box code{padding:8px 12px;background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--r-md);font-size:.8rem;color:var(--cool);word-break:break-all;-webkit-user-select:all;user-select:all}.agents-secret-banner>button{padding:8px 16px;background:var(--bg-elev-2);border:1px solid var(--border-subtle);border-radius:var(--r-md);font-size:.85rem;color:var(--text-1);transition:background var(--ease)}.agents-secret-banner>button:hover{background:var(--bg-elev-2)}.agents-form{background:var(--bg-elev-1);border:1px solid var(--border-subtle);border-radius:var(--r-lg);padding:20px;margin-bottom:20px}.agents-field{margin-bottom:16px}.agents-field>label{display:block;font-size:.8rem;color:var(--text-2);margin-bottom:6px}.agents-field input[type=text]{width:100%;padding:10px 12px;background:var(--bg-elev-2);border:1px solid var(--border-subtle);border-radius:var(--r-md);color:var(--text-1);font-size:.9rem;font-family:monospace;outline:none;transition:border-color var(--ease)}.agents-field input[type=text]:focus{border-color:var(--cool)}.agents-channel-list{display:flex;flex-direction:column;gap:6px}.agents-channel-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-elev-2);border-radius:var(--r-md);font-size:.85rem;cursor:pointer}.agents-channel-item input[type=checkbox]{accent-color:var(--cool)}.agents-submit-btn{width:100%;padding:10px;background:var(--cool);border-radius:var(--r-md);color:#fff;font-size:.9rem;font-weight:600;transition:background var(--ease)}.agents-submit-btn:hover{background:var(--cool)}.agents-submit-btn:disabled{opacity:.5;cursor:not-allowed}.agents-list{display:flex;flex-direction:column;gap:12px}.agents-card{background:var(--bg-elev-1);border:1px solid var(--border-subtle);border-radius:var(--r-lg);padding:16px;transition:border-color var(--ease)}.agents-card:hover{border-color:var(--cool)}.agents-card--inactive{opacity:.5}.agents-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.agents-card-name{font-weight:600;font-size:.95rem}.agents-card-status{font-size:.75rem;padding:2px 8px;border-radius:10px;background:#fb718526;color:var(--rose)}.agents-card-status--active{background:#34d39926;color:var(--mint)}.agents-card-id{font-size:.8rem;font-family:monospace;color:var(--text-3);margin-bottom:8px}.agents-card-meta{display:flex;gap:16px;font-size:.8rem;color:var(--text-2);margin-bottom:12px}.agents-card-actions{display:flex;gap:8px}.agents-card-actions button{padding:6px 14px;background:var(--bg-elev-2);border:1px solid var(--border-subtle);border-radius:var(--r-md);font-size:.8rem;color:var(--text-1);transition:background var(--ease)}.agents-card-actions button:hover{background:var(--bg-elev-2)}.agents-card-delete{color:var(--rose)!important;border-color:#fb71854d!important}.agents-card-delete:hover{background:var(--rose-bg)!important}.channels-page{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:32px 48px 48px}.ch-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px}.ch-hero-title{font-family:var(--font-display);font-weight:500;font-size:30px;letter-spacing:-.02em;margin:0 0 4px;color:var(--text-1)}.ch-hero-sub{color:var(--text-3);font-style:italic;font-weight:400}.ch-hero-tagline{color:var(--text-2);font-size:14px;margin:0}.ch-filters{display:flex;gap:6px;flex-wrap:wrap}.ch-section-label{text-transform:uppercase;font-size:11px;font-weight:600;letter-spacing:.1em;color:var(--text-3);margin:28px 0 12px;display:flex;align-items:center;gap:10px}.ch-section-label:after{content:"";flex:1;height:1px;background:var(--border-subtle)}.ch-featured{display:block;margin-bottom:14px}.ch-hero-card{background:linear-gradient(135deg,#1f1410,#0b0b0d);border:1px solid var(--border-subtle);border-radius:var(--r-lg);padding:26px;min-height:220px;position:relative;overflow:hidden;cursor:pointer;transition:border-color var(--ease)}.ch-hero-card:hover{border-color:var(--border-strong)}.ch-hero-card:before{content:"";position:absolute;top:-60px;right:-60px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(245,158,11,.25),transparent 60%);pointer-events:none}.ch-hero-card .eyebrow{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--warm);margin-bottom:10px}.ch-hero-head{display:flex;align-items:center;gap:16px;margin-bottom:12px}.ch-hero-card h2{font-family:var(--font-display);font-weight:500;font-size:26px;letter-spacing:-.02em;margin:0;line-height:1.2;color:var(--text-1)}.ch-hero-bio{color:var(--text-2);font-size:13.5px;line-height:1.55;margin:0 0 16px;max-width:620px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.ch-hero-episodes{list-style:none;padding:0;margin:0 0 18px;display:flex;flex-direction:column;gap:6px}.ch-hero-episodes li{font-family:var(--font-display);font-size:14px;color:var(--text-2);padding-left:12px;position:relative}.ch-hero-episodes li:before{content:"›";position:absolute;left:0;color:var(--text-4)}.ch-hero-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.ch-hero-meta{display:flex;gap:16px;font-family:var(--font-mono);font-size:12px;color:var(--text-3)}.ch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.ch-card{background:var(--bg-elev-1);border:1px solid var(--border-subtle);border-radius:var(--r-md);padding:18px;transition:background var(--ease),border-color var(--ease),transform .18s ease;cursor:pointer;display:flex;flex-direction:column}.ch-card:hover{background:var(--bg-elev-2);border-color:var(--border-strong);transform:translateY(-2px)}.ch-art{width:56px;height:56px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:22px;margin-bottom:14px;position:relative;overflow:hidden;flex-shrink:0}.ch-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ffffff1f,#00000026);pointer-events:none}.ch-art--lg{width:72px;height:72px;border-radius:var(--r-md);font-size:28px}.ch-art--img{object-fit:cover}.ch-card h4{font-family:var(--font-display);font-weight:500;font-size:16px;letter-spacing:-.01em;margin:0 0 4px;line-height:1.25;color:var(--text-1)}.ch-card .ch-handle{font-family:var(--font-mono);font-size:11.5px;color:var(--text-3);margin-bottom:10px}.ch-card p{color:var(--text-2);font-size:13px;line-height:1.5;margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:39px;flex:1}.ch-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}.ch-stats{font-family:var(--font-mono);font-size:11.5px;color:var(--text-3)}.ch-side-card{background:var(--bg-elev-1);border:1px solid var(--border-subtle);border-radius:var(--r-md);padding:16px;cursor:pointer;display:flex;flex-direction:column;gap:8px;transition:background var(--ease)}.ch-side-card:hover{background:var(--bg-elev-2)}.ch-side-card .ch-art{width:32px;height:32px;font-size:14px;margin-bottom:8px}.ch-side-title{font-family:var(--font-display);font-weight:500;font-size:14px;color:var(--text-1);margin:0}.ch-side-desc{color:var(--text-2);font-size:12px;line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ch-side-footer{margin-top:8px}.btn-sub{padding:6px 14px;border-radius:999px;font-size:12px;font-weight:500;border:1px solid var(--border-strong);color:var(--text-1);background:transparent;cursor:pointer;transition:background var(--ease),color var(--ease),border-color var(--ease);white-space:nowrap}.btn-sub:hover{background:var(--text-1);color:var(--bg-base)}.btn-sub.subbed{background:var(--mint);color:#0b0b0d;border-color:var(--mint)}.btn-sub.subbed:hover{background:var(--mint);filter:brightness(.95)}.discover-empty,.discover-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:240px;padding:0 20px;color:var(--text-3);font-size:.9rem;text-align:center}.discover-empty-msg,.discover-error-msg{margin:0;max-width:320px;color:var(--text-2)}.load-more-btn{padding:8px 18px;border-radius:var(--r-md);font-size:13px;font-weight:500;border:1px solid var(--border-strong);color:var(--text-1);background:transparent;cursor:pointer;transition:background var(--ease),color var(--ease)}.load-more-btn:hover{background:var(--text-1);color:var(--bg-base)}.discover-load-more{display:flex;justify-content:center;padding:24px 0}.discover-spinner{width:24px;height:24px;border:2px solid var(--border-subtle);border-top-color:var(--cool);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.channel-card--skeleton{pointer-events:none;min-height:180px}.channel-card--skeleton .skeleton{background:linear-gradient(90deg,var(--bg-elev-2) 0%,var(--bg-elev-3) 50%,var(--bg-elev-2) 100%);background-size:200% 100%;animation:discover-skeleton-pulse 1.4s ease-in-out infinite;border-radius:4px}.channel-card--skeleton .skeleton-art{width:56px;height:56px;border-radius:var(--r-sm);margin-bottom:14px}.channel-card--skeleton .skeleton-line{height:10px;margin-top:8px}.channel-card--skeleton .skeleton-line--title{width:60%;height:14px;margin-top:0;margin-bottom:4px}.channel-card--skeleton .skeleton-line--body{width:92%;height:9px}.channel-card--skeleton .skeleton-line--meta{width:50%;height:9px}.channel-card--skeleton .skeleton-pill{width:72px;height:28px;border-radius:14px}@keyframes discover-skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:900px){.channels-page{padding:24px 24px 40px}.ch-hero{flex-direction:column;align-items:flex-start;gap:12px}.ch-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.channels-page{padding:16px}.ch-grid{grid-template-columns:1fr}.ch-hero-card{padding:20px}.ch-hero-head{flex-direction:column;align-items:flex-start;gap:12px}}.collections-page{flex:1;max-width:680px;margin:0 auto;padding:24px 20px 120px;width:100%}.collections-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.collections-header h2{font-size:1.125rem;font-weight:700}.collections-create-btn{padding:8px 16px;background:var(--cool);border-radius:var(--r-md);color:#fff;font-size:.85rem;font-weight:600;transition:background var(--ease)}.collections-create-btn:hover{background:var(--cool)}.collections-loading{text-align:center;color:var(--text-2);padding:60px 0}.collections-empty{text-align:center;color:var(--text-2);padding:40px 0;font-size:.9rem}.collections-error{padding:10px 14px;background:var(--rose-bg);border:1px solid rgba(251,113,133,.3);border-radius:var(--r-md);color:var(--rose);font-size:.85rem;margin-bottom:16px}.collections-form{background:var(--bg-elev-1);border:1px solid var(--border-subtle);border-radius:var(--r-lg);padding:20px;margin-bottom:20px;display:flex;gap:10px;align-items:flex-end}.collections-form-field{flex:1}.collections-form-field label{display:block;font-size:.8rem;color:var(--text-2);margin-bottom:6px}.collections-form-field input{width:100%;padding:10px 12px;background:var(--bg-elev-2);border:1px solid var(--border-subtle);border-radius:var(--r-md);color:var(--text-1);font-size:.9rem;outline:none;transition:border-color var(--ease)}.collections-form-field input:focus{border-color:var(--cool)}.collections-form-submit{padding:10px 20px;background:var(--cool);border-radius:var(--r-md);color:#fff;font-size:.85rem;font-weight:600;white-space:nowrap;transition:background var(--ease)}.collections-form-submit:hover{background:var(--cool)}.collections-form-submit:disabled{opacity:.5;cursor:not-allowed}.collections-list{display:flex;flex-direction:column;gap:12px}.collections-card{background:var(--bg-elev-1);border:1px solid var(--border-subtle);border-radius:var(--r-lg);overflow:hidden;transition:border-color var(--ease)}.collections-card:hover{border-color:var(--cool)}.collections-card-header{display:flex;align-items:center;justify-content:space-between;padding:16px;cursor:pointer}.collections-card-info{flex:1;min-width:0}.collections-card-name{font-weight:600;font-size:.95rem}.collections-card-meta{display:flex;gap:12px;font-size:.8rem;color:var(--text-2);margin-top:4px}.collections-card-actions{display:flex;gap:8px;flex-shrink:0}.collections-card-actions button{padding:6px 14px;background:var(--bg-elev-2);border:1px solid var(--border-subtle);border-radius:var(--r-md);font-size:.8rem;color:var(--text-1);transition:background var(--ease)}.collections-card-actions button:hover{background:var(--bg-elev-2)}.collections-delete-btn{color:var(--rose)!important;border-color:#fb71854d!important}.collections-delete-btn:hover{background:var(--rose-bg)!important}.collections-clips{border-top:1px solid var(--border-subtle);padding:12px 16px;background:var(--bg-base)}.collections-clips-empty{text-align:center;color:var(--text-3);font-size:.85rem;padding:16px 0}.collections-clip-item{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border-subtle)}.collections-clip-item:last-child{border-bottom:none}.collections-clip-title{font-size:.85rem;color:var(--text-1);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collections-clip-remove{padding:4px 10px;font-size:.75rem;color:var(--text-3);border-radius:var(--r-md);transition:all var(--ease)}.collections-clip-remove:hover{color:var(--rose);background:var(--rose-bg)}.notifications-page{flex:1;max-width:680px;margin:0 auto;padding:24px 20px 120px;width:100%}.notifications-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.notifications-header h2{font-size:1.125rem;font-weight:700}.notifications-mark-all{padding:7px 14px;border-radius:var(--r-md);font-size:.85rem;color:var(--cool);background:#7c3aed1a;transition:all var(--ease)}.notifications-mark-all:hover{background:#7c3aed33}.notifications-loading{text-align:center;color:var(--text-2);padding:60px 0}.notifications-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;color:var(--text-2);padding:48px 20px;font-size:.9rem}.notifications-empty-icon{font-size:2.25rem;line-height:1;opacity:.8}.notifications-empty-msg{margin:0;max-width:320px}.notifications-error{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:48px 20px}.notifications-error-msg{margin:0;color:var(--text-2);font-size:.9rem;max-width:320px}.notification-item--skeleton{pointer-events:none;background:var(--bg-elev-1)}.notifications-list .skeleton{background:linear-gradient(90deg,var(--bg-elev-2) 0%,var(--bg-elev-2) 50%,var(--bg-elev-2) 100%);background-size:200% 100%;animation:notif-skeleton-pulse 1.4s ease-in-out infinite;border-radius:4px}.notifications-list .skeleton-circle{width:28px;height:28px;border-radius:50%}.notifications-list .skeleton-line{height:12px}.notifications-list .skeleton-line--title{width:70%;height:14px;margin-bottom:8px}.notifications-list .skeleton-line--meta{width:38%;height:10px}@keyframes notif-skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.notifications-list{display:flex;flex-direction:column;gap:2px}.notification-item{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:var(--bg-elev-1);border-radius:var(--r-md);cursor:pointer;transition:background var(--ease)}.notification-item:hover,.notification-item--unread{background:var(--bg-elev-2)}.notification-item--unread .notification-message{color:var(--text-1);font-weight:500}.notification-icon{width:32px;height:32px;border-radius:50%;background:var(--bg-elev-2);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.9rem}.notification-content{flex:1;min-width:0}.notification-message{font-size:.9rem;color:var(--text-2);line-height:1.4}.notification-time{font-size:.75rem;color:var(--text-3);margin-top:4px}.notification-dot{width:8px;height:8px;border-radius:50%;background:var(--cool);flex-shrink:0;margin-top:6px}.notifications-load-more{display:block;margin:16px auto 0;padding:10px 24px;background:var(--bg-elev-2);border:1px solid var(--border-subtle);border-radius:var(--r-md);font-size:.85rem;color:var(--text-2);transition:all var(--ease)}.notifications-load-more:hover{background:var(--bg-elev-2);color:var(--text-1)}.profile-page{flex:1;max-width:680px;margin:0 auto;padding:24px 20px 120px;width:100%}.profile-page h2{font-size:1.125rem;font-weight:700;margin-bottom:20px}.profile-card{background:var(--bg-elev-1);border:1px solid var(--border-subtle);border-radius:var(--r-lg);padding:24px;margin-bottom:20px}.profile-card-top{display:flex;align-items:center;gap:16px;margin-bottom:16px}.profile-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover}.profile-avatar--fallback{display:flex;align-items:center;justify-content:center;background:var(--cool);color:#fff;font-size:1.4rem;font-weight:700}.profile-info{flex:1;min-width:0}.profile-name{font-size:1.1rem;font-weight:600}.profile-email{font-size:.85rem;color:var(--text-2);margin-top:2px}.profile-badges{display:flex;gap:8px;margin-top:8px}.profile-badge{display:inline-block;padding:3px 10px;border-radius:10px;font-size:.75rem;font-weight:600;text-transform:capitalize}.profile-badge--free{background:#71717a33;color:#a1a1aa}.profile-badge--pro{background:#7c3aed33;color:#a78bfa}.profile-badge--premium{background:#eab30833;color:#facc15}.profile-badge--role{background:#34d39926;color:var(--mint)}.profile-edit-btn{padding:8px 16px;background:var(--bg-elev-2);border:1px solid var(--border-subtle);border-radius:var(--r-md);font-size:.85rem;color:var(--text-1);transition:background var(--ease)}.profile-edit-btn:hover{background:var(--bg-elev-2)}.profile-edit-form{display:flex;gap:10px;align-items:flex-end;margin-top:16px;padding-top:16px;border-top:1px solid var(--border-subtle)}.profile-edit-field{flex:1}.profile-edit-field label{display:block;font-size:.8rem;color:var(--text-2);margin-bottom:6px}.profile-edit-field input{width:100%;padding:10px 12px;background:var(--bg-elev-2);border:1px solid var(--border-subtle);border-radius:var(--r-md);color:var(--text-1);font-size:.9rem;outline:none;transition:border-color var(--ease)}.profile-edit-field input:focus{border-color:var(--cool)}.profile-save-btn{padding:10px 20px;background:var(--cool);border-radius:var(--r-md);color:#fff;font-size:.85rem;font-weight:600;white-space:nowrap;transition:background var(--ease)}.profile-save-btn:hover{background:var(--cool)}.profile-save-btn:disabled{opacity:.5;cursor:not-allowed}.profile-cancel-btn{padding:10px 16px;background:var(--bg-elev-2);border:1px solid var(--border-subtle);border-radius:var(--r-md);font-size:.85rem;color:var(--text-2);white-space:nowrap;transition:all var(--ease)}.profile-cancel-btn:hover{background:var(--bg-elev-2);color:var(--text-1)}.profile-section{background:var(--bg-elev-1);border:1px solid var(--border-subtle);border-radius:var(--r-lg);padding:20px}.profile-section h3{font-size:.95rem;font-weight:600;margin-bottom:16px}.profile-following-list{display:flex;flex-direction:column;gap:8px}.profile-following-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg-elev-2);border-radius:var(--r-md)}.profile-following-name{font-size:.9rem;font-weight:500}.profile-following-type{font-size:.75rem;color:var(--text-3)}.profile-following-empty{text-align:center;color:var(--text-3);font-size:.85rem;padding:16px 0}.profile-loading{text-align:center;color:var(--text-2);padding:60px 0}.onboarding-page{flex:1;width:100%;max-width:720px;margin:0 auto;padding:48px 20px 96px;color:var(--text-1)}.onboarding-progress{display:flex;gap:8px;margin-bottom:32px}.onboarding-progress-bar{flex:1;height:4px;border-radius:999px;background:var(--border-subtle);transition:background var(--ease)}.onboarding-progress-bar[data-active=true]{background:var(--cool)}.onboarding-title{font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:700;letter-spacing:-.02em;line-height:1.15;margin-bottom:12px}.onboarding-subtitle{color:var(--text-2);font-size:1.05rem;margin-bottom:32px}.onboarding-chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-bottom:32px}.onboarding-chip{padding:14px 16px;border-radius:8px;background:var(--bg-elev-1);border:1px solid var(--border-subtle);color:var(--text-1);font-size:.95rem;font-weight:500;text-align:center;transition:all var(--ease)}.onboarding-chip:hover{border-color:var(--cool)}.onboarding-chip[data-selected=true]{background:color-mix(in srgb,var(--cool) 15%,transparent);border-color:var(--cool);color:var(--cool)}.onboarding-channels{display:flex;flex-direction:column;gap:10px;margin-bottom:32px}.onboarding-channel{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:8px;background:var(--bg-elev-1);border:1px solid var(--border-subtle);text-align:left;width:100%;transition:border-color var(--ease)}.onboarding-channel[data-checked=true]{border-color:var(--cool)}.onboarding-channel-avatar{width:44px;height:44px;border-radius:50%;background:var(--bg-elev-2);flex-shrink:0;display:grid;place-items:center;color:var(--cool);font-weight:700;overflow:hidden}.onboarding-channel-avatar img{width:100%;height:100%;object-fit:cover}.onboarding-channel-meta{flex:1;min-width:0}.onboarding-channel-name{font-weight:600;font-size:.95rem;margin-bottom:2px}.onboarding-channel-desc{color:var(--text-2);font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.onboarding-channel-check{width:22px;height:22px;border-radius:50%;border:2px solid var(--border-subtle);display:grid;place-items:center;color:transparent;flex-shrink:0}.onboarding-channel[data-checked=true] .onboarding-channel-check{background:var(--cool);border-color:var(--cool);color:#fff}.onboarding-actions{display:flex;gap:12px;flex-wrap:wrap}.onboarding-btn{padding:12px 24px;border-radius:8px;font-weight:600;font-size:.95rem;transition:all var(--ease)}.onboarding-btn-primary{background:var(--cool);color:#fff;flex:1;min-width:160px}.onboarding-btn-primary:hover:not(:disabled){background:var(--cool)}.onboarding-btn-primary:disabled{opacity:.5;cursor:not-allowed}.onboarding-btn-ghost{background:transparent;color:var(--text-2);border:1px solid var(--border-subtle)}.onboarding-btn-ghost:hover{color:var(--text-1);border-color:var(--text-2)}.onboarding-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:16px;color:var(--text-2);text-align:center}.onboarding-spinner{width:32px;height:32px;border:3px solid var(--border-subtle);border-top-color:var(--cool);border-radius:50%;animation:onboarding-spin .8s linear infinite}@keyframes onboarding-spin{to{transform:rotate(360deg)}}.search{flex:1;max-width:900px;margin:0 auto;width:100%;padding:24px 20px}.search-header{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.search-title{font-size:1.5rem;font-weight:700;color:var(--text-1);letter-spacing:-.01em}.search-input-wrap{position:relative;width:100%}.search-input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-3);pointer-events:none}.search-input{width:100%;padding:12px 44px;background:var(--bg-elev-1);border:1px solid var(--border-subtle);border-radius:var(--r-md);color:var(--text-1);font-size:.95rem;transition:all var(--ease)}.search-input::placeholder{color:var(--text-3)}.search-input:focus{outline:none;border-color:var(--cool);background:var(--bg-elev-2);box-shadow:0 0 0 3px #7c3aed33}.search-input::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.search-clear-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-3);border-radius:50%;cursor:pointer;transition:all var(--ease)}.search-clear-btn:hover,.search-clear-btn:focus-visible{background:var(--bg-elev-2);color:var(--text-1);outline:none}.search-idle{padding:32px 4px;display:flex;flex-direction:column;gap:16px}.search-idle-hint{color:var(--text-2);font-size:.95rem;line-height:1.5}.search-suggestions{display:flex;flex-wrap:wrap;gap:8px}.search-suggestion-chip{padding:8px 16px;border:1px solid var(--border-subtle);background:var(--bg-elev-1);color:var(--text-1);border-radius:999px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all var(--ease)}.search-suggestion-chip:hover,.search-suggestion-chip:focus-visible{border-color:var(--cool);background:var(--bg-elev-2);color:var(--cool);outline:none}.search-skeletons{display:flex;flex-direction:column;gap:8px}.search-skeleton{background:var(--bg-elev-1);border:1px solid var(--border-subtle);border-radius:var(--r-lg);padding:16px 18px;display:flex;flex-direction:column;gap:10px}.search-skeleton-title,.search-skeleton-meta,.search-skeleton-line{background:linear-gradient(90deg,var(--bg-elev-2) 0%,rgba(255,255,255,.06) 50%,var(--bg-elev-2) 100%);background-size:200% 100%;animation:search-shimmer 1.4s ease-in-out infinite;border-radius:4px}.search-skeleton-title{height:16px;width:60%}.search-skeleton-meta{height:10px;width:35%}.search-skeleton-line{height:10px;width:100%}.search-skeleton-line--short{width:75%}@keyframes search-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.search-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:180px;padding:24px;background:#fb71850f;border:1px solid rgba(251,113,133,.25);border-radius:var(--r-lg);text-align:center}.search-error-title{font-size:1rem;font-weight:600;color:var(--rose)}.search-error-msg{font-size:.875rem;color:var(--text-2);margin-bottom:8px}.search-retry-btn{padding:8px 20px;background:var(--cool);border:none;border-radius:var(--r-md);color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--ease)}.search-retry-btn:hover,.search-retry-btn:focus-visible{filter:brightness(1.1);outline:none;box-shadow:0 0 0 3px #7c3aed4d}.search-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:200px;padding:32px 16px;text-align:center}.search-empty-title{font-size:1.05rem;font-weight:600;color:var(--text-1);line-height:1.4}.search-empty-title em{color:var(--cool);font-style:normal}.search-empty-hint{font-size:.875rem;color:var(--text-2);line-height:1.5;max-width:420px}.search-result-count{font-size:.95rem;color:var(--text-2);margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-subtle)}.search-result-count strong{color:var(--text-1);font-size:1.1rem;font-weight:700;font-variant-numeric:tabular-nums}.search-result-query{color:var(--cool);font-weight:600}.search-section{margin-bottom:32px}.search-section-title{font-size:.8rem;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;display:flex;align-items:center;gap:8px}.search-section-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 6px;border-radius:10px;background:var(--bg-elev-2);color:var(--text-2);font-size:.7rem;font-weight:600;letter-spacing:0;font-variant-numeric:tabular-nums}.search-clip-list{display:flex;flex-direction:column;gap:8px;list-style:none;padding:0;margin:0}.search-clip-item{background:var(--bg-elev-1);border:1px solid var(--border-subtle);border-radius:var(--r-lg);padding:16px 18px;cursor:pointer;transition:all var(--ease);display:flex;flex-direction:column;gap:6px}.search-clip-item:hover,.search-clip-item:focus-visible{background:var(--bg-elev-2);border-color:var(--cool);outline:none;transform:translateY(-1px)}.search-clip-title{font-size:1rem;font-weight:600;color:var(--text-1);line-height:1.35;letter-spacing:-.005em}.search-clip-snippet{font-size:.875rem;color:var(--text-2);line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.search-clip-snippet mark{background:#fef3c7;color:#1f2937;padding:0 2px;border-radius:2px;font-weight:600}.search-clip-meta{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-3);margin-top:2px}.search-clip-channel{font-weight:500;color:var(--text-2)}.search-clip-dot{color:var(--text-3);opacity:.6}.search-clip-time{font-variant-numeric:tabular-nums}.search-channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.search-channel-card{background:var(--bg-elev-1);border:1px solid var(--border-subtle);border-radius:var(--r-lg);padding:20px;display:flex;flex-direction:column;gap:10px;transition:all var(--ease)}.search-channel-card:hover{background:var(--bg-elev-2);border-color:var(--text-3)}.search-channel-name{font-size:.95rem;font-weight:600;color:var(--text-1);line-height:1.3}.search-channel-desc{font-size:.82rem;color:var(--text-2);line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.search-channel-meta{display:flex;align-items:center;gap:8px;font-size:.75rem;color:var(--text-3);font-variant-numeric:tabular-nums;margin-top:auto}.search-channel-badge{padding:2px 8px;border-radius:4px;background:#7c3aed26;color:var(--cool);font-weight:600}@media(max-width:768px){.search-channel-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.search{padding:16px}.search-title{font-size:1.25rem}.search-channel-grid{grid-template-columns:1fr}.search-result-count{font-size:.875rem}}.atelier-root{--bg-base: #0B0B0D;--bg-elev-1: #141418;--bg-elev-2: #1C1C22;--bg-elev-3: #24242C;--border-subtle:#27272F;--border-strong:#3A3A45;--text-1:#F4F4F5;--text-2:#A1A1AA;--text-3:#71717A;--text-4:#52525B;--warm: #F59E0B;--warm-bg: rgba(245, 158, 11, .12);--cool: #818CF8;--cool-bg: rgba(129, 140, 248, .12);--mint: #34D399;--rose: #FB7185;--font-display: "Fraunces", "Iowan Old Style", Georgia, serif;--font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--r-sm: 6px;--r-md: 10px;--r-lg: 16px;--r-xl: 22px;--shadow-sm: 0 1px 2px rgba(0,0,0,.35);--shadow-md: 0 6px 20px rgba(0,0,0,.35);--shadow-glow: 0 0 0 1px rgba(245,158,11,.25), 0 0 40px -8px rgba(245,158,11,.45);background:var(--bg-base);color:var(--text-1);font-family:var(--font-ui);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.atelier-root *,.atelier-root *:before,.atelier-root *:after{box-sizing:border-box}.atelier-root button{font-family:inherit;color:inherit;background:none;border:0;cursor:pointer}.atelier-root a{color:var(--cool);text-decoration:none}.atelier-root.app{display:grid;grid-template-columns:260px 1fr;grid-template-rows:52px 1fr 84px;grid-template-areas:"top top" "sidebar main" "player player";height:100vh}.atelier-root .top{grid-area:top;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;padding:0 16px;gap:14px;background:linear-gradient(to bottom,#141418e6,#0b0b0dcc);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.atelier-root .top-brand{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:600;font-size:16px;letter-spacing:-.01em;width:260px;padding-right:16px;border-right:1px solid var(--border-subtle);height:100%;margin-left:-16px;padding-left:16px}.atelier-root .brand-dot{width:10px;height:10px;border-radius:50%;background:var(--warm);box-shadow:0 0 12px var(--warm);animation:atelier-pulse 2.2s infinite}.atelier-root .top-nav{display:flex;gap:2px;background:var(--bg-elev-2);padding:3px;border-radius:var(--r-md);border:1px solid var(--border-subtle)}.atelier-root .top-nav button{padding:5px 12px;border-radius:7px;font-size:13px;color:var(--text-2);font-weight:500;letter-spacing:-.005em;display:inline-flex;align-items:center;gap:6px;transition:all .18s ease}.atelier-root .top-nav button:hover{color:var(--text-1)}.atelier-root .top-nav button.active{background:var(--bg-elev-3);color:var(--text-1);box-shadow:var(--shadow-sm)}.atelier-root .top-spacer{flex:1}.atelier-root .search{display:flex;align-items:center;gap:8px;background:var(--bg-elev-2);border:1px solid var(--border-subtle);padding:6px 10px;border-radius:var(--r-md);color:var(--text-3);font-size:13px;min-width:280px;cursor:pointer;text-align:left;font-family:inherit}.atelier-root .search:hover{background:var(--bg-elev-3);color:var(--text-2)}.atelier-root .search kbd{font-family:var(--font-mono);font-size:11px;padding:1px 5px;border-radius:4px;background:var(--bg-elev-3);border:1px solid var(--border-subtle);color:var(--text-3)}.atelier-root .avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#fb7185);display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#0b0b0d}.atelier-root .sidebar{grid-area:sidebar;border-right:1px solid var(--border-subtle);background:var(--bg-elev-1);overflow-y:auto;padding:14px 10px}.atelier-root .side-section{margin-bottom:18px}.atelier-root .side-label{text-transform:uppercase;font-size:11px;font-weight:600;letter-spacing:.08em;color:var(--text-3);padding:0 10px 6px;display:flex;justify-content:space-between;align-items:center}.atelier-root .side-label button{color:var(--text-3);font-size:14px}.atelier-root .side-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:7px;font-size:13.5px;color:var(--text-2);cursor:pointer;font-weight:500;transition:all .14s ease}.atelier-root .side-item:hover{background:var(--bg-elev-2);color:var(--text-1)}.atelier-root .side-item.active{background:var(--bg-elev-3);color:var(--text-1)}.atelier-root .side-item .icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-3)}.atelier-root .side-item.active .icon{color:var(--warm)}.atelier-root .side-item .count{margin-left:auto;font-size:11px;font-family:var(--font-mono);color:var(--text-3)}.atelier-root .side-item .dot-new{width:6px;height:6px;border-radius:50%;background:var(--warm);margin-left:auto}.atelier-root .chan-avatar{width:20px;height:20px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;font-family:var(--font-display)}.atelier-root .main{grid-area:main;overflow-y:auto;position:relative}.atelier-root .screen{display:none}.atelier-root .screen.active{display:block}.atelier-root .feed-hero{padding:32px 48px 24px;border-bottom:1px solid var(--border-subtle);background:radial-gradient(ellipse 1000px 400px at 20% -100px,rgba(245,158,11,.08),transparent),var(--bg-base)}.atelier-root .feed-hero h1{font-family:var(--font-display);font-weight:500;font-size:34px;letter-spacing:-.025em;margin:0 0 6px;line-height:1.15}.atelier-root .feed-hero h1 em{font-style:italic;font-weight:400;color:var(--warm)}.atelier-root .feed-hero p{color:var(--text-2);margin:0;font-size:14px;max-width:600px}.atelier-root .feed-hero-meta{display:flex;gap:14px;margin-top:18px;font-size:12.5px;color:var(--text-3);font-family:var(--font-mono)}.atelier-root .feed-hero-meta span strong{color:var(--text-1);font-weight:500}.atelier-root .feed-filters{padding:14px 48px;display:flex;gap:6px;border-bottom:1px solid var(--border-subtle);position:sticky;top:0;background:var(--bg-base);z-index:5;overflow-x:auto}.atelier-root .chip{padding:5px 12px;border-radius:999px;border:1px solid var(--border-subtle);font-size:12.5px;color:var(--text-2);font-weight:500;white-space:nowrap;cursor:pointer;transition:all .14s ease}.atelier-root .chip:hover{color:var(--text-1);border-color:var(--border-strong)}.atelier-root .chip.active{background:var(--text-1);color:var(--bg-base);border-color:var(--text-1)}.atelier-root .chip .badge{margin-left:6px;font-family:var(--font-mono);font-size:10.5px;color:var(--text-3)}.atelier-root .chip.active .badge{color:var(--bg-elev-2)}.atelier-root .feed-list{padding:12px 32px 40px}.atelier-root .feed-card{display:grid;grid-template-columns:56px 1fr auto;gap:16px;padding:16px;border-radius:var(--r-md);cursor:pointer;transition:background .15s ease;position:relative}.atelier-root .feed-card:hover{background:var(--bg-elev-1)}.atelier-root .feed-card.playing{background:linear-gradient(to right,var(--warm-bg),transparent 70%);box-shadow:inset 2px 0 0 var(--warm)}.atelier-root .feed-card.playing .card-title{color:var(--warm)}.atelier-root .feed-art{width:56px;height:56px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:18px;position:relative;overflow:hidden}.atelier-root .feed-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ffffff1a,#0000001a)}.atelier-root .feed-card.playing .feed-art{box-shadow:var(--shadow-glow)}.atelier-root .card-meta-top{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-3);margin-bottom:4px}.atelier-root .card-chan{color:var(--text-2);font-weight:500}.atelier-root .card-chan:hover{color:var(--text-1)}.atelier-root .tier{font-family:var(--font-mono);font-size:10px;padding:1px 6px;border-radius:3px;letter-spacing:.02em;text-transform:uppercase;font-weight:500}.atelier-root .tier-free{background:#a1a1aa1f;color:var(--text-2)}.atelier-root .tier-hd{background:var(--cool-bg);color:var(--cool)}.atelier-root .tier-11x{background:var(--warm-bg);color:var(--warm)}.atelier-root .card-title{font-family:var(--font-display);font-weight:500;font-size:17px;letter-spacing:-.015em;line-height:1.3;margin:0 0 4px;color:var(--text-1)}.atelier-root .card-excerpt{color:var(--text-2);font-size:13.5px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.atelier-root .card-meta-bot{display:flex;gap:14px;margin-top:8px;font-size:12px;color:var(--text-3);font-family:var(--font-mono)}.atelier-root .card-meta-bot span{display:inline-flex;align-items:center;gap:4px}.atelier-root .card-right{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.atelier-root .play-btn{width:36px;height:36px;border-radius:50%;background:var(--bg-elev-3);border:1px solid var(--border-subtle);display:inline-flex;align-items:center;justify-content:center;color:var(--text-1);transition:all .15s ease}.atelier-root .feed-card:hover .play-btn{background:var(--text-1);color:var(--bg-base);border-color:var(--text-1)}.atelier-root .feed-card.playing .play-btn{background:var(--warm);color:var(--bg-base);border-color:var(--warm)}.atelier-root .feed-divider{display:flex;align-items:center;gap:12px;padding:20px 16px 8px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);font-weight:600}.atelier-root .feed-divider:after{content:"";flex:1;height:1px;background:var(--border-subtle)}.atelier-root .player-bar{grid-area:player;border-top:1px solid var(--border-subtle);background:linear-gradient(to top,var(--bg-elev-1),var(--bg-base));padding:0 20px;display:grid;grid-template-columns:320px 1fr 320px;align-items:center;gap:24px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.atelier-root .pl-current{display:flex;align-items:center;gap:14px;min-width:0}.atelier-root .pl-art{width:48px;height:48px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:18px;flex-shrink:0;position:relative;overflow:hidden}.atelier-root .pl-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ffffff1a,#0000001a)}.atelier-root .pl-info{min-width:0}.atelier-root .pl-title{font-family:var(--font-display);font-size:14px;font-weight:500;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.atelier-root .pl-chan{font-size:12px;color:var(--text-3)}.atelier-root .pl-mid{display:flex;flex-direction:column;align-items:center;gap:6px}.atelier-root .pl-controls{display:flex;align-items:center;gap:8px}.atelier-root .pl-btn{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--text-2);transition:all .14s ease}.atelier-root .pl-btn:hover{color:var(--text-1);background:var(--bg-elev-2)}.atelier-root .pl-btn:disabled,.atelier-root .side-label button:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.atelier-root .pl-btn.main{width:36px;height:36px;background:var(--text-1);color:var(--bg-base)}.atelier-root .pl-btn.main:hover{transform:scale(1.08);background:var(--warm)}.atelier-root .pl-progress{display:flex;align-items:center;gap:10px;width:100%;max-width:520px;font-family:var(--font-mono);font-size:11px;color:var(--text-3)}.atelier-root .pl-bar{flex:1;height:3px;background:var(--border-subtle);border-radius:2px;position:relative;overflow:hidden;cursor:pointer}.atelier-root .pl-bar-fill{position:absolute;left:0;top:0;bottom:0;background:var(--warm)}.atelier-root .pl-bar-fill:after{content:"";position:absolute;right:-4px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:var(--warm);box-shadow:0 0 6px var(--warm)}.atelier-root .pl-right{display:flex;justify-content:flex-end;gap:10px;align-items:center}.atelier-root .pl-next{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--text-3);padding:4px 8px;border-radius:6px;border:1px dashed var(--border-subtle);max-width:200px}.atelier-root .pl-next strong{color:var(--text-2);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:140px}.atelier-root .speed-chip{padding:5px 10px;border-radius:999px;border:1px solid var(--border-subtle);font-family:var(--font-mono);font-size:12px;color:var(--text-2)}.atelier-root .vol-control{position:relative;display:flex;align-items:center}.atelier-root .vol-popover{position:absolute;bottom:calc(100% + 8px);right:0;display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;background:var(--bg-elev-2);border:1px solid var(--border-subtle);box-shadow:0 6px 18px #00000052;opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .12s ease,transform .12s ease;z-index:30}.atelier-root .vol-control:hover .vol-popover,.atelier-root .vol-control:focus-within .vol-popover{opacity:1;pointer-events:auto;transform:translateY(0)}.atelier-root .vol-popover input[type=range]{width:120px;accent-color:var(--warm);cursor:pointer}.atelier-root .vol-readout{font-family:var(--font-mono);font-size:11px;color:var(--text-3);min-width:24px;text-align:right}.atelier-root .mini-btn{font-size:11.5px;padding:3px 8px;border-radius:5px;color:var(--text-3);border:1px solid var(--border-subtle)}.atelier-root .mini-btn.active{color:var(--text-1);background:var(--bg-elev-3)}.atelier-root ::-webkit-scrollbar{width:10px;height:10px}.atelier-root ::-webkit-scrollbar-track{background:transparent}.atelier-root ::-webkit-scrollbar-thumb{background:var(--bg-elev-3);border-radius:10px;border:2px solid var(--bg-base)}.atelier-root ::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.atelier-root .i{width:16px;height:16px;flex-shrink:0}.atelier-root .i-sm{width:14px;height:14px}.atelier-root .i-lg{width:22px;height:22px}.atelier-root .ch-screen{padding:32px 48px}.atelier-root .ch-hero{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px;gap:24px;flex-wrap:wrap}.atelier-root .ch-hero h1{font-family:var(--font-display);font-weight:500;font-size:30px;letter-spacing:-.02em;margin:0 0 4px}.atelier-root .ch-hero p{color:var(--text-2);font-size:14px;margin:0}.atelier-root .ch-filters{display:flex;gap:6px;flex-wrap:wrap}.atelier-root .ch-section-label{text-transform:uppercase;font-size:11px;font-weight:600;letter-spacing:.1em;color:var(--text-3);margin:28px 0 12px;display:flex;align-items:center;gap:10px}.atelier-root .ch-section-label:after{content:"";flex:1;height:1px;background:var(--border-subtle)}.atelier-root .ch-featured{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;margin-bottom:14px}@media(max-width:900px){.atelier-root .ch-featured{grid-template-columns:1fr}}.atelier-root .ch-hero-card{background:linear-gradient(135deg,#1f1410,#0b0b0d);border:1px solid var(--border-subtle);border-radius:var(--r-lg);padding:26px;min-height:220px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}.atelier-root .ch-hero-card:before{content:"";position:absolute;top:-60px;right:-60px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(245,158,11,.25),transparent 60%)}.atelier-root .ch-hero-card .eyebrow{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--warm);margin-bottom:10px}.atelier-root .ch-hero-card h2{font-family:var(--font-display);font-weight:500;font-size:26px;letter-spacing:-.02em;margin:0 0 8px;line-height:1.2}.atelier-root .ch-hero-card p{color:var(--text-2);font-size:13.5px;margin:0 0 18px;max-width:460px}.atelier-root .ch-hero-meta{display:flex;gap:16px;font-family:var(--font-mono);font-size:12px;color:var(--text-3);flex-wrap:wrap}.atelier-root .ch-subside{display:grid;grid-template-rows:1fr 1fr;gap:20px}.atelier-root .ch-side-card{background:var(--bg-elev-1);border:1px solid var(--border-subtle);border-radius:var(--r-lg);padding:20px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:all .18s ease}.atelier-root .ch-side-card:hover{background:var(--bg-elev-2);border-color:var(--border-strong)}.atelier-root .ch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.atelier-root .ch-card{background:var(--bg-elev-1);border:1px solid var(--border-subtle);border-radius:var(--r-md);padding:18px;transition:all .18s ease;cursor:pointer}.atelier-root .ch-card:hover{background:var(--bg-elev-2);border-color:var(--border-strong);transform:translateY(-2px)}.atelier-root .ch-art{width:56px;height:56px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:22px;margin-bottom:14px;position:relative;overflow:hidden}.atelier-root .ch-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ffffff1f,#00000026);pointer-events:none}.atelier-root .ch-card h4{font-family:var(--font-display);font-weight:500;font-size:16px;letter-spacing:-.01em;margin:0 0 4px;line-height:1.25}.atelier-root .ch-card .ch-handle{font-family:var(--font-mono);font-size:11.5px;color:var(--text-3);margin-bottom:10px}.atelier-root .ch-card p{color:var(--text-2);font-size:13px;line-height:1.5;margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:39px}.atelier-root .ch-footer{display:flex;align-items:center;justify-content:space-between}.atelier-root .ch-stats{font-family:var(--font-mono);font-size:11.5px;color:var(--text-3)}.atelier-root .btn-sub{padding:5px 12px;border-radius:999px;font-size:12px;font-weight:500;border:1px solid var(--border-strong);color:var(--text-1);background:transparent;transition:all .15s ease;cursor:pointer}.atelier-root .btn-sub:disabled{opacity:.6;cursor:wait}.atelier-root .atelier-right-rail{display:none}@media(min-width:1200px){.atelier-root.app{grid-template-columns:260px 1fr 320px;grid-template-areas:"top top top" "sidebar main right" "player player player"}.atelier-root .atelier-right-rail{grid-area:right;display:flex;flex-direction:column;gap:16px;padding:16px 16px 24px;border-left:1px solid var(--border-subtle);background:var(--bg-base);overflow-y:auto;position:sticky;top:52px;align-self:start;max-height:calc(100vh - 136px)}}.atelier-root .rail-section{background:var(--bg-elev-1);border:1px solid var(--border-subtle);border-radius:var(--r-md);padding:14px;display:flex;flex-direction:column;gap:10px}.atelier-root .rail-section-head{display:flex;align-items:center;justify-content:space-between}.atelier-root .rail-section-title{font-family:var(--font-display);font-weight:500;font-size:14px;letter-spacing:-.01em;margin:0;color:var(--text-1)}.atelier-root .rail-section-count{font-family:var(--font-mono);font-size:11px;color:var(--text-3);padding:2px 6px;border:1px solid var(--border-subtle);border-radius:999px}.atelier-root .rail-empty{font-size:12.5px;color:var(--text-3);margin:0;padding:8px 0}.atelier-root .rail-skeleton{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.atelier-root .rail-skeleton-row{height:32px;background:var(--bg-elev-2);border-radius:var(--r-sm);animation:railPulse 1.4s ease-in-out infinite}.atelier-root .rail-skeleton-row.tall{height:48px}@keyframes railPulse{0%,to{opacity:.6}50%{opacity:.9}}.atelier-root .rail-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;counter-reset:rail-rank}.atelier-root .rail-list-item{display:flex;flex-direction:column;gap:2px;padding:6px 8px;border-radius:var(--r-sm);background:var(--bg-elev-2)}.atelier-root .rail-item-title{font-size:13px;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.atelier-root .rail-item-meta{display:flex;justify-content:space-between;font-size:11px;color:var(--text-3);font-family:var(--font-mono)}.atelier-root .rail-item-channel{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.atelier-root .rail-link,.atelier-root .rail-cta{align-self:flex-start;font-size:12px;color:var(--cool);background:none;border:0;padding:4px 0;cursor:pointer}.atelier-root .rail-cta{margin-top:4px;padding:6px 10px;border:1px solid var(--border-strong);border-radius:var(--r-sm);color:var(--text-1)}.atelier-root .rail-cta:hover{background:var(--text-1);color:var(--bg-base)}.atelier-root .rail-now-meta{display:flex;flex-direction:column;gap:2px}.atelier-root .rail-now-title{font-family:var(--font-display);font-size:14px;font-weight:500;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.atelier-root .rail-now-channel{font-size:12px;color:var(--text-3)}.atelier-root .rail-now-snippet{list-style:none;margin:0;display:flex;flex-direction:column;gap:4px;border-left:2px solid var(--border-subtle);padding:0 0 0 10px}.atelier-root .rail-snippet-line{font-size:12.5px;line-height:1.45;color:var(--text-3)}.atelier-root .rail-snippet-line.active{color:var(--text-1);font-weight:500}.atelier-root .rail-snippet-placeholder{font-size:12px;color:var(--text-4);margin:0}.atelier-root .rail-channel-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.atelier-root .rail-channel-card{background:var(--bg-elev-2);border-radius:var(--r-sm)}.atelier-root .rail-channel-btn{width:100%;display:flex;align-items:center;gap:10px;padding:8px;border:0;background:transparent;cursor:pointer;text-align:left}.atelier-root .rail-channel-btn:hover{background:var(--bg-elev-3)}.atelier-root .rail-channel-avatar{width:32px;height:32px;border-radius:var(--r-sm);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:600;font-size:14px;color:#0b0b0d;flex-shrink:0}.atelier-root .rail-channel-meta{display:flex;flex-direction:column;gap:1px;min-width:0}.atelier-root .rail-channel-name{font-size:13px;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.atelier-root .rail-channel-tagline{font-size:11.5px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html,body{overflow-x:hidden;max-width:100vw}.atelier-root .top-hamburger{display:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--r-sm);color:var(--text-2);flex-shrink:0}.atelier-root .top-hamburger:hover{color:var(--text-1);background:var(--bg-elev-2)}.atelier-root .atelier-scrim{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:40}@media(max-width:768px){.atelier-root.app{grid-template-columns:1fr;grid-template-areas:"top" "main" "player";overflow-x:hidden;max-width:100vw}.atelier-root .top-hamburger{display:inline-flex}.atelier-root .sidebar{position:fixed;top:52px;left:0;bottom:84px;width:min(280px,85vw);z-index:50;transform:translate(-100%);transition:transform .22s ease;border-right:1px solid var(--border-subtle)}.atelier-root.sidebar-open .sidebar{transform:translate(0)}.atelier-root.sidebar-open .atelier-scrim{display:block}.atelier-root .atelier-right-rail{display:none}.atelier-root .top-brand{width:auto;border-right:0;padding-right:8px;margin-left:0;padding-left:4px;gap:6px;font-size:14px;min-width:0}.atelier-root .search{min-width:0;flex:1 1 auto;max-width:100%}.atelier-root .search-kbd{display:none}.atelier-root .top-nav button{padding:5px 8px}.atelier-root .feed-hero,.atelier-root .feed-filters,.atelier-root .ch-screen{padding-left:16px;padding-right:16px}.atelier-root .feed-list{padding-left:12px;padding-right:12px}.atelier-root .player-bar{grid-template-columns:1fr;gap:8px;padding:8px 12px}.atelier-root .pl-right{justify-content:flex-start}}@media(max-width:480px){.atelier-root .brand-sub,.atelier-root .search-text,.atelier-root .top-nav-label{display:none}.atelier-root .top{gap:8px;padding:0 10px}.atelier-root .search{min-width:0;width:36px;height:36px;padding:0;flex:0 0 auto;justify-content:center}.atelier-root .search-flex{display:none}.atelier-root .top-brand{font-size:13px}.atelier-root .top-nav{padding:2px}.atelier-root .top-nav button{padding:4px 6px}.atelier-root .avatar{width:26px;height:26px;font-size:10px;flex-shrink:0}.atelier-root .feed-hero{padding:18px 14px 14px}.atelier-root .feed-hero h1{font-size:24px}}.atelier-root .player-screen{padding:40px 48px;display:grid;grid-template-columns:1fr 400px;gap:40px;height:100%;overflow:hidden;min-height:0}.atelier-root .player-left{max-width:640px;overflow-y:auto;min-height:0}.atelier-root .player-screen .now-art{width:280px;height:280px;border-radius:var(--r-lg);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:72px;box-shadow:0 30px 60px -20px #0009,var(--shadow-glow);margin-bottom:28px;position:relative;overflow:hidden}.atelier-root .player-screen .now-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ffffff1f,#0003)}.atelier-root .now-meta{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-size:13px;color:var(--text-2);flex-wrap:wrap}.atelier-root .now-title{font-family:var(--font-display);font-weight:500;font-size:32px;letter-spacing:-.02em;line-height:1.15;margin:0 0 10px;font-style:italic}.atelier-root .now-chan-row{display:flex;align-items:center;gap:10px;margin-bottom:22px}.atelier-root .now-chan-row .chan-avatar{width:28px;height:28px;font-size:13px;border-radius:var(--r-sm)}.atelier-root .now-chan-name{font-weight:500;color:var(--text-1)}.atelier-root .now-chan-sub{font-size:12px;color:var(--text-3)}.atelier-root .player-screen .waveform{height:72px;background:var(--bg-elev-1);border:1px solid var(--border-subtle);border-radius:var(--r-md);margin-bottom:12px;display:flex;align-items:center;padding:0 10px;gap:2px;position:relative}.atelier-root .player-screen .waveform svg{width:100%;height:100%}.atelier-root .player-screen .wave-bar{fill:var(--text-4);transition:all .3s ease}.atelier-root .player-screen .wave-bar.played{fill:var(--warm)}.atelier-root .player-screen .wave-bar.current{fill:var(--warm);filter:drop-shadow(0 0 8px var(--warm))}.atelier-root .player-screen .time-row{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:12px;color:var(--text-3);margin-bottom:22px;gap:12px}.atelier-root .player-screen .time-chip{background:var(--bg-elev-2);padding:2px 8px;border-radius:4px;border:1px solid var(--border-subtle)}.atelier-root .controls{display:flex;align-items:center;gap:12px;margin-bottom:28px;flex-wrap:wrap}.atelier-root .control-btn{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--text-2);transition:all .14s ease}.atelier-root .control-btn:hover{color:var(--text-1);background:var(--bg-elev-2)}.atelier-root .control-btn:focus-visible{outline:2px solid var(--cool);outline-offset:2px}.atelier-root .control-btn.primary{width:56px;height:56px;background:var(--text-1);color:var(--bg-base)}.atelier-root .control-btn.primary:hover{transform:scale(1.05);background:var(--warm)}.atelier-root .control-btn[aria-pressed=true]{color:var(--rose)}.atelier-root .control-btn:disabled,.atelier-root .btn-sub:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.atelier-root .player-screen .chapters{border-top:1px solid var(--border-subtle);padding-top:22px}.atelier-root .player-screen .chapters h3{text-transform:uppercase;font-size:11px;letter-spacing:.1em;color:var(--text-3);font-weight:600;margin:0 0 12px}.atelier-root .player-screen .chapter{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;font-size:13.5px;cursor:pointer;width:100%;text-align:left;background:transparent;border:0;color:inherit}.atelier-root .player-screen .chapter:hover{background:var(--bg-elev-1)}.atelier-root .player-screen .chapter.current{background:var(--bg-elev-2);color:var(--text-1)}.atelier-root .player-screen .chapter .ts{font-family:var(--font-mono);font-size:11.5px;color:var(--text-3);min-width:44px}.atelier-root .player-screen .chapter.current .ts{color:var(--warm)}.atelier-root .player-right{background:var(--bg-elev-1);border:1px solid var(--border-subtle);border-radius:var(--r-lg);overflow-y:auto;padding:22px 24px;min-height:0}.atelier-root .transcript-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--border-subtle)}.atelier-root .transcript-head h3{font-family:var(--font-display);font-weight:500;font-size:18px;margin:0;letter-spacing:-.01em}.atelier-root .transcript-toggles{display:flex;gap:4px}.atelier-root .tr-para{font-family:var(--font-display);font-size:15px;line-height:1.7;color:var(--text-2);margin:0 0 16px;padding-left:44px;position:relative;cursor:pointer}.atelier-root .tr-para .ts{position:absolute;left:0;top:4px;font-family:var(--font-mono);font-size:10.5px;color:var(--text-4)}.atelier-root .tr-para.current{color:var(--text-1)}.atelier-root .tr-para.current .ts{color:var(--warm)}.atelier-root .tr-para.current:before{content:"";position:absolute;left:36px;top:10px;bottom:10px;width:2px;background:var(--warm);border-radius:2px}.atelier-root .btn-sub{padding:5px 12px;border-radius:999px;font-size:12px;font-weight:500;border:1px solid var(--border-strong);color:var(--text-1);transition:all .15s ease;display:inline-flex;align-items:center;gap:4px}.atelier-root .btn-sub:hover{background:var(--text-1);color:var(--bg-base)}.atelier-root .btn-sub.subbed{background:var(--mint);color:#0b0b0d;border-color:var(--mint)}.atelier-root .lang-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-family:var(--font-mono);font-size:11px;background:var(--bg-elev-2);color:var(--text-2);border:1px solid var(--border-subtle);cursor:pointer;transition:all .14s ease}.atelier-root .lang-chip:hover{color:var(--text-1);border-color:var(--border-strong)}.atelier-root .player-skeleton{padding:40px 48px;display:grid;grid-template-columns:1fr 400px;gap:40px;height:100%}.atelier-root .skel-block{background:linear-gradient(90deg,var(--bg-elev-1),var(--bg-elev-2),var(--bg-elev-1));background-size:200% 100%;border-radius:var(--r-md);animation:skel-pulse 1.4s ease-in-out infinite}@keyframes skel-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.atelier-root .player-empty,.atelier-root .player-error{padding:80px 48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;color:var(--text-2)}.atelier-root .player-empty h2,.atelier-root .player-error h2{font-family:var(--font-display);font-weight:500;font-size:24px;margin:0;color:var(--text-1);font-style:italic}.atelier-root .player-error .btn-sub{margin-top:8px}@media(max-width:640px){.atelier-root .player-screen{grid-template-columns:1fr;padding:24px 20px;gap:24px}.atelier-root .player-screen .now-art{width:200px;height:200px;font-size:56px}.atelier-root .player-right{display:none}.atelier-root .now-title{font-size:24px}}.redeem-page{flex:1;max-width:520px;margin:0 auto;padding:24px 20px 120px;width:100%}.redeem-page h2{font-size:1.125rem;font-weight:700;margin-bottom:12px}.redeem-help{color:var(--text-2);font-size:.875rem;margin-bottom:16px;line-height:1.5}.redeem-help code{background:var(--bg-elev-1);padding:2px 6px;border-radius:4px;font-size:.8rem}.redeem-form{display:flex;flex-direction:column;gap:10px}.redeem-label{font-size:.8rem;color:var(--text-2);font-weight:500}.redeem-input{width:100%;background:var(--bg-elev-1);border:1px solid var(--border-subtle);border-radius:var(--r-md, 8px);color:var(--text-1);padding:10px 12px;font-size:.95rem;font-family:SF Mono,Menlo,Consolas,monospace;letter-spacing:.05em}.redeem-input:focus{outline:2px solid var(--accent, #4f46e5);outline-offset:1px}.redeem-submit{align-self:flex-start;background:var(--accent, #4f46e5);color:#fff;border:none;border-radius:var(--r-md, 8px);padding:10px 20px;font-size:.9rem;font-weight:600;cursor:pointer}.redeem-submit:disabled{background:var(--bg-elev-2, #3f3f46);color:var(--text-3, #71717a);cursor:not-allowed}.redeem-error{margin-top:12px;padding:10px 12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--r-md, 8px);color:#ef4444;font-size:.875rem}.redeem-success{margin-top:12px;padding:12px 14px;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:var(--r-md, 8px);color:#22c55e}.redeem-success p{margin:6px 0 0;color:var(--text-1);font-size:.9rem}.credit-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:var(--bg-elev-1);border:1px solid var(--border-subtle);border-radius:999px;color:var(--text-1);font-size:.8rem;font-weight:600;cursor:pointer;font-variant-numeric:tabular-nums}.credit-badge:hover{background:var(--bg-elev-2)}.credit-badge-icon{color:#f59e0b;font-size:.75rem}.credit-ledger-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.credit-ledger-modal{background:var(--bg-elev-1);border:1px solid var(--border-subtle);border-radius:var(--r-lg, 12px);width:100%;max-width:520px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.credit-ledger-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-subtle)}.credit-ledger-header h3{font-size:1rem;font-weight:700;margin:0}.credit-ledger-close{background:transparent;border:none;color:var(--text-2);font-size:1.5rem;cursor:pointer;line-height:1}.credit-ledger-body{padding:16px 20px;overflow-y:auto;flex:1}.credit-ledger-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.credit-ledger-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--bg-elev-2);border-radius:var(--r-md, 8px);font-size:.85rem}.credit-ledger-item-meta{display:flex;flex-direction:column;gap:2px}.credit-ledger-item-type{font-weight:600}.credit-ledger-item-source,.credit-ledger-item-time{color:var(--text-3);font-size:.75rem}.credit-ledger-item-amount{font-weight:700;font-variant-numeric:tabular-nums}.credit-ledger-item-amount--in{color:#22c55e}.credit-ledger-item-amount--out{color:#ef4444}.credit-ledger-empty,.credit-ledger-loading{text-align:center;color:var(--text-2);padding:20px}.credit-ledger-error{margin:0 0 10px;padding:10px 12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--r-md, 8px);color:#ef4444;font-size:.875rem}.credit-ledger-more{margin-top:14px;width:100%;padding:8px;background:var(--bg-elev-2);border:1px solid var(--border-subtle);border-radius:var(--r-md, 8px);color:var(--text-1);cursor:pointer}.subscription-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;border:1px solid var(--border-subtle);font-size:.75rem;font-weight:600;cursor:pointer}.subscription-badge--free{background:var(--bg-elev-2);color:var(--text-2)}.subscription-badge--pro{background:#3b82f626;color:#3b82f6;border-color:#3b82f64d}.subscription-badge--premium{background:#eab30826;color:#eab308;border-color:#eab3084d}.subscription-badge-until{font-weight:400;opacity:.8}.subscription-page{flex:1;max-width:520px;margin:0 auto;padding:24px 20px 120px;width:100%}.subscription-page h2{font-size:1.125rem;font-weight:700;margin-bottom:16px}.subscription-card{background:var(--bg-elev-1);border:1px solid var(--border-subtle);border-radius:var(--r-lg, 12px);padding:20px;display:flex;flex-direction:column;gap:12px}.subscription-card-plan{display:flex;align-items:center;gap:10px}.subscription-card-plan-label{font-size:.8rem;color:var(--text-2)}.subscription-card-valid{margin:0;color:var(--text-2);font-size:.875rem}.subscription-cancel-btn{align-self:flex-start;background:transparent;color:#ef4444;border:1px solid rgba(239,68,68,.3);border-radius:var(--r-md, 8px);padding:8px 14px;font-size:.85rem;cursor:pointer}.subscription-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.subscription-error{margin-top:10px;padding:10px 12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--r-md, 8px);color:#ef4444;font-size:.875rem}.subscription-loading{color:var(--text-2)}.subscription-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.subscription-confirm-modal{background:var(--bg-elev-1);border:1px solid var(--border-subtle);border-radius:var(--r-lg, 12px);padding:20px 24px;max-width:420px;width:100%}.subscription-confirm-modal h3{margin:0 0 8px;font-size:1rem;font-weight:700}.subscription-confirm-modal p{margin:0 0 16px;color:var(--text-2);font-size:.875rem}.subscription-confirm-actions{display:flex;justify-content:flex-end;gap:10px}.subscription-confirm-cancel,.subscription-confirm-ok{padding:8px 16px;border-radius:var(--r-md, 8px);font-size:.85rem;cursor:pointer;font-weight:600}.subscription-confirm-cancel{background:var(--bg-elev-2);border:1px solid var(--border-subtle);color:var(--text-1)}.subscription-confirm-ok{background:#ef4444;border:1px solid #ef4444;color:#fff}.subscription-confirm-ok:disabled{opacity:.5;cursor:not-allowed}:root{--bg-base: #0B0B0D;--bg-elev-1: #141418;--bg-elev-2: #1C1C22;--bg-elev-3: #24242C;--border-subtle:#27272F;--border-strong:#3A3A45;--text-1: #F4F4F5;--text-2: #A1A1AA;--text-3: #71717A;--text-4: #52525B;--warm: #F59E0B;--warm-bg: rgba(245, 158, 11, .12);--cool: #818CF8;--cool-bg: rgba(129, 140, 248, .12);--mint: #34D399;--mint-bg: rgba(52, 211, 153, .12);--rose: #FB7185;--rose-bg: rgba(251, 113, 133, .12);--font-display: "Fraunces", "Iowan Old Style", Georgia, serif;--font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--r-sm: 6px;--r-md: 10px;--r-lg: 16px;--r-xl: 22px;--shadow-sm: 0 1px 2px rgba(0,0,0,.35);--shadow-md: 0 6px 20px rgba(0,0,0,.35);--shadow-glow: 0 0 0 1px rgba(245,158,11,.25), 0 0 40px -8px rgba(245,158,11,.45);--ease: .15s ease;--ease-lift: .18s ease}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.display{font-family:var(--font-display);letter-spacing:-.02em}.mono{font-family:var(--font-mono)}.tier{font-family:var(--font-mono);font-size:10.5px;padding:1px 6px;border-radius:3px;letter-spacing:.02em;text-transform:uppercase;font-weight:500;display:inline-block}.tier-free{background:#a1a1aa1f;color:var(--text-2)}.tier-hd{background:var(--cool-bg);color:var(--cool)}.tier-11x{background:var(--warm-bg);color:var(--warm)}.app.app--shell{display:grid;grid-template-columns:260px 1fr;grid-template-rows:56px 1fr 84px;grid-template-areas:"top top" "sidebar main" "player player";height:100vh;overflow:hidden;background:var(--bg-base);color:var(--text-1);font-family:var(--font-ui)}.app--shell .app-top{grid-area:top}.app--shell .sidebar{grid-area:sidebar}.app--shell .main{grid-area:main}.app--shell .app-player-slot{grid-area:player}@media(max-width:899px){.app.app--shell{grid-template-columns:1fr;grid-template-rows:56px 1fr 84px;grid-template-areas:"top" "main" "player"}.app--shell .sidebar{display:none}}.atelier-top{grid-area:top;display:flex;align-items:center;gap:14px;padding:0 16px;border-bottom:1px solid var(--border-subtle);background:linear-gradient(to bottom,#141418e6,#0b0b0dcc);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.atelier-brand{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:600;font-size:16px;letter-spacing:-.01em}.atelier-brand-dot{width:10px;height:10px;border-radius:50%;background:var(--warm);box-shadow:0 0 12px var(--warm);animation:atelier-pulse 2.2s infinite}@keyframes atelier-pulse{0%,to{opacity:1}50%{opacity:.55}}.atelier-pill-nav{display:flex;gap:2px;padding:3px;background:var(--bg-elev-2);border:1px solid var(--border-subtle);border-radius:var(--r-md)}.atelier-pill-nav button{padding:5px 12px;border-radius:7px;font-size:13px;font-weight:500;color:var(--text-2);background:transparent;border:0;cursor:pointer;transition:color var(--ease),background var(--ease)}.atelier-pill-nav button:hover{color:var(--text-1)}.atelier-pill-nav button[aria-current=page]{background:var(--bg-elev-3);color:var(--text-1);box-shadow:var(--shadow-sm)}.sidebar{background:var(--bg-elev-1);border-right:1px solid var(--border-subtle);overflow-y:auto;padding:14px 10px}.side-section+.side-section{margin-top:18px}.side-label{padding:0 10px 6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);display:flex;justify-content:space-between;align-items:center}.side-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:7px;font-size:13.5px;font-weight:500;color:var(--text-2);cursor:pointer;transition:color var(--ease),background var(--ease)}.side-item:hover{background:var(--bg-elev-2);color:var(--text-1)}.side-item[aria-current=page]{background:var(--bg-elev-3);color:var(--text-1)}.side-item[aria-current=page] .icon{color:var(--warm)}.side-item .count{margin-left:auto;font-family:var(--font-mono);font-size:11px;color:var(--text-3)}.side-item .dot-new{margin-left:auto;width:6px;height:6px;border-radius:50%;background:var(--warm)}.side-item .chan-avatar{width:20px;height:20px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:10px;color:var(--bg-base);flex-shrink:0}.side-add{color:var(--text-3);font-size:14px;padding:0 4px;border-radius:4px;line-height:1}.side-add:hover{color:var(--text-1);background:var(--bg-elev-2)}.side-empty{padding:8px 10px;font-size:12.5px;color:var(--text-4);font-style:italic;margin:0}.main{overflow-y:auto;background:var(--bg-base)}.app-player-slot{border-top:1px solid var(--border-subtle);background:var(--bg-elev-1);display:flex;align-items:center}.app-player-slot:empty{background:linear-gradient(to top,var(--bg-elev-1),var(--bg-base))}.atelier-player{grid-area:player;display:grid;grid-template-columns:320px 1fr 320px;gap:24px;align-items:center;padding:0 20px;border-top:1px solid var(--border-subtle);background:linear-gradient(to top,var(--bg-elev-1),var(--bg-base));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.feed-card{display:grid;grid-template-columns:56px 1fr auto;gap:16px;padding:16px;border-radius:var(--r-md);cursor:pointer;transition:background var(--ease)}.feed-card:hover{background:var(--bg-elev-1)}.feed-card[data-playing=true]{background:linear-gradient(to right,var(--warm-bg),transparent 70%);box-shadow:inset 2px 0 0 var(--warm)}.feed-card[data-playing=true] .card-title{color:var(--warm)}.card-title{font-family:var(--font-display);font-weight:500;font-size:17px;letter-spacing:-.015em;line-height:1.3;margin:0 0 4px}.card-excerpt{color:var(--text-2);font-size:13.5px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border:1px solid var(--border-subtle);border-radius:999px;font-size:12.5px;font-weight:500;color:var(--text-2);background:transparent;white-space:nowrap;cursor:pointer;transition:color var(--ease),border-color var(--ease),background var(--ease)}.chip:hover{color:var(--text-1);border-color:var(--border-strong)}.chip[aria-pressed=true]{background:var(--text-1);color:var(--bg-base);border-color:var(--text-1)}.chip--sm{padding:3px 10px;font-size:11.5px}.chip-icon{display:inline-flex;align-items:center}.chip-badge{margin-left:2px;font-family:var(--font-mono);font-size:10.5px;color:var(--text-3)}.chip[aria-pressed=true] .chip-badge{color:var(--bg-elev-2)}button:focus-visible,a:focus-visible,.chip:focus-visible,.side-item:focus-visible,.feed-card:focus-visible{outline:2px solid var(--cool);outline-offset:2px;border-radius:6px}.library-uploads{display:flex;flex-direction:column;gap:20px;padding:20px;max-width:1100px;margin:0 auto;color:var(--text-1)}.library-quota{display:flex;flex-direction:column;gap:10px;padding:14px 16px;background:var(--bg-elev-1);border:1px solid var(--border-subtle);border-radius:var(--r-md)}.library-quota-loading{color:var(--text-3);font-size:13px;font-style:italic}.library-quota-row{display:grid;grid-template-columns:80px 1fr 160px;align-items:center;gap:12px}.library-quota-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3)}.library-quota-value{font-family:var(--font-mono);font-size:12px;color:var(--text-2);text-align:right;order:3}.library-quota-bar{position:relative;height:6px;background:var(--bg-elev-3);border-radius:999px;overflow:hidden}.library-quota-bar-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(to right,var(--warm),var(--cool));transition:width var(--ease)}.library-upload-zone{display:flex;flex-direction:column;gap:12px}.library-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:36px 20px;background:var(--bg-elev-1);border:1.5px dashed var(--border-subtle);border-radius:var(--r-md);cursor:pointer;text-align:center;transition:background var(--ease),border-color var(--ease),transform var(--ease)}.library-dropzone:hover{background:var(--bg-elev-2);border-color:var(--border-strong)}.library-dropzone.is-dragover{background:var(--warm-bg, rgba(255, 170, 100, .08));border-color:var(--warm);border-style:solid;transform:translateY(-1px)}.library-dropzone.is-uploading{pointer-events:none;opacity:.7}.library-dropzone:focus-visible{outline:2px solid var(--cool);outline-offset:3px}.library-dropzone-title{margin:0;font-family:var(--font-display);font-size:15px;font-weight:500;color:var(--text-1)}.library-dropzone-hint{margin:0;font-size:12.5px;color:var(--text-3)}.library-upload-form{display:flex;flex-direction:column;gap:10px;padding:14px;background:var(--bg-elev-1);border:1px solid var(--border-subtle);border-radius:var(--r-md)}.library-upload-label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3)}.library-upload-label input[type=text]{padding:8px 10px;background:var(--bg-base);color:var(--text-1);border:1px solid var(--border-subtle);border-radius:8px;font-size:14px;font-family:inherit;transition:border-color var(--ease)}.library-upload-label input[type=text]:focus{outline:none;border-color:var(--cool)}.library-upload-label input[type=text]:focus-visible{outline:2px solid var(--cool);outline-offset:1px}.library-upload-label input[type=text]:disabled{opacity:.55;cursor:not-allowed}.library-upload-actions{display:flex;justify-content:flex-end;gap:8px}.library-upload-progress{height:4px;background:var(--bg-elev-3);border-radius:999px;overflow:hidden}.library-upload-progress-bar{height:100%;background:linear-gradient(to right,var(--warm),var(--cool));transition:width .12s linear}.library-upload-error,.library-error{margin:0;padding:10px 14px;background:#dc464614;border:1px solid rgba(220,70,70,.35);border-radius:10px;color:#ff8a8a;font-size:13px}.library-error p{margin:0}.library-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:40px 20px;text-align:center;color:var(--text-2)}.library-empty p{margin:0;font-size:15px;font-weight:500}.library-empty-hint{font-size:13px!important;font-weight:400!important;color:var(--text-3)}.library-skeleton{display:flex;flex-direction:column;gap:10px}.library-skeleton .library-row.skeleton{display:block;height:64px;width:100%;background:linear-gradient(90deg,var(--bg-elev-1) 0%,var(--bg-elev-2) 50%,var(--bg-elev-1) 100%);background-size:200% 100%;animation:library-skeleton-shimmer 1.4s ease-in-out infinite;border-radius:var(--r-md)}@keyframes library-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.library-uploads-grid{display:flex;flex-direction:column;gap:14px}.library-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;max-width:880px}.library-row{display:flex;align-items:stretch;gap:4px;background:transparent;border:none;padding:0;border-radius:var(--r-md)}.library-row.dragging{opacity:.6}.library-row-btn{flex:1;display:grid;grid-template-columns:32px 1fr;align-items:center;gap:12px;padding:12px 14px;background:var(--bg-elev-1);border:1px solid var(--border-subtle);border-radius:var(--r-md);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background var(--ease),border-color var(--ease);min-width:0}.library-row-btn:hover{background:var(--bg-elev-2);border-color:var(--border-strong)}.library-row-btn:focus-visible{outline:2px solid var(--warm);outline-offset:2px}.library-grip{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:var(--bg-elev-3);color:var(--warm);flex-shrink:0}.library-row-body{min-width:0;display:flex;flex-direction:column;gap:4px}.library-row-title{font-family:var(--font-ui);font-weight:600;font-size:15px;line-height:1.35;color:var(--text-1);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.library-row-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-family:var(--font-ui);font-size:12.5px;color:var(--text-3)}.library-row-action{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;background:transparent;border:1px solid transparent;border-radius:8px;color:var(--text-2);font-size:13px;cursor:pointer;transition:color var(--ease),background var(--ease),border-color var(--ease)}.library-row-action:hover{color:var(--text-1);background:var(--bg-elev-3);border-color:var(--border-strong)}.library-row-action:focus-visible{outline:2px solid var(--cool);outline-offset:2px}.library-load-more{display:flex;justify-content:center;padding:8px 0 4px}@media(max-width:639px){.library-uploads{padding:14px;gap:16px}.library-quota-row{grid-template-columns:1fr auto;grid-template-areas:"label value" "bar bar";row-gap:6px}.library-quota-label{grid-area:label}.library-quota-value{grid-area:value;order:unset}.library-quota-bar{grid-area:bar}.library-dropzone{padding:28px 14px}}.library-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 24px;min-height:320px;width:100%;text-align:center;color:var(--text-2);font-family:var(--font-ui)}.library-state--empty{background:var(--bg-elev-1);border:1px dashed var(--border-subtle);border-radius:var(--r-md)}.library-empty-icon{width:64px;height:64px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-elev-2);color:var(--text-3);font-size:28px;margin-bottom:4px}.library-empty-title{font-family:var(--font-display);font-weight:600;font-size:18px;letter-spacing:-.01em;line-height:1.3;color:var(--text-1);margin:0}.library-empty-hint{font-size:13.5px;line-height:1.5;color:var(--text-3);max-width:360px;margin:0}.library-state--loading{display:grid;grid-template-columns:1fr;gap:12px;padding:16px 0;min-height:unset;align-items:stretch;text-align:left}.library-skeleton-card{position:relative;display:grid;grid-template-columns:56px 1fr 80px;gap:16px;align-items:center;padding:16px;background:var(--bg-elev-1);border:1px solid var(--border-subtle);border-radius:var(--r-md);overflow:hidden;min-height:88px}.library-skeleton-card:before,.library-skeleton-card:after{content:"";display:block;background:var(--bg-elev-2);border-radius:6px}.library-skeleton-card:before{width:56px;height:56px;border-radius:8px}.library-skeleton-card:after{height:14px;width:100%;max-width:280px;box-shadow:0 22px 0 -4px var(--bg-elev-2),0 22px 0 -4px var(--bg-elev-2)}.library-skeleton-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.04) 40%,rgba(255,255,255,.08) 50%,rgba(255,255,255,.04) 60%,transparent 100%);background-size:200% 100%;animation:library-shimmer 1.5s infinite ease-in-out}@keyframes library-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.library-skeleton-shimmer{animation:none;opacity:.5}}.library-state--error{background:#b43c3c0f;border:1px solid rgba(180,60,60,.28);border-radius:var(--r-md);color:var(--text-1)}.library-state--error .library-empty-icon{background:#b43c3c24;color:#ff8a8a}.library-state--error .library-empty-hint{color:var(--text-2)}.library-error-banner{display:flex;align-items:center;gap:12px;width:100%;padding:10px 14px;margin:0 0 12px;background:#b43c3c1a;border:1px solid rgba(180,60,60,.32);border-radius:var(--r-md);color:#ffb3b3;font-size:13.5px;line-height:1.4;font-family:var(--font-ui)}.library-error-banner strong{color:#ffd0d0;font-weight:600}.mcp-token-page{max-width:760px;margin:0 auto;padding:28px 20px 80px;color:var(--text-1);font-family:var(--font-ui)}.mcp-token-page h2{font-family:var(--font-display);font-size:26px;font-weight:600;letter-spacing:-.01em;margin:0 0 8px}.mcp-token-page h3{font-family:var(--font-display);font-size:17px;font-weight:600;margin:0 0 12px;color:var(--text-1)}.mcp-token-help{color:var(--text-2);font-size:14px;line-height:1.55;margin:0 0 24px;max-width:60ch}.mcp-token-error{background:var(--rose-bg);border:1px solid rgba(251,113,133,.32);color:var(--rose);padding:10px 14px;border-radius:var(--r-md);font-size:13.5px;margin-bottom:16px}.mcp-token-actions{display:flex;gap:10px;margin-bottom:28px;flex-wrap:wrap}.mcp-token-generate-btn,.mcp-token-revoke-all-btn,.mcp-token-revoke-btn,.mcp-token-modal-cancel,.mcp-token-modal-confirm,.mcp-token-modal-close,.mcp-token-copy-btn{font:inherit;font-size:13.5px;font-weight:500;padding:9px 16px;border-radius:var(--r-md);border:1px solid var(--border-subtle);background:var(--bg-elev-2);color:var(--text-1);cursor:pointer;transition:background var(--ease),border-color var(--ease),color var(--ease),transform var(--ease)}.mcp-token-generate-btn{background:var(--cool);border-color:var(--cool);color:#0b0b0d}.mcp-token-generate-btn:hover:not(:disabled){filter:brightness(1.08)}.mcp-token-revoke-all-btn,.mcp-token-revoke-btn{background:transparent;color:var(--rose);border-color:#fb718552}.mcp-token-revoke-all-btn:hover:not(:disabled),.mcp-token-revoke-btn:hover:not(:disabled){background:var(--rose-bg)}.mcp-token-generate-btn:disabled,.mcp-token-revoke-all-btn:disabled,.mcp-token-revoke-btn:disabled,.mcp-token-modal-cancel:disabled,.mcp-token-modal-confirm:disabled,.mcp-token-copy-btn:disabled{opacity:.5;cursor:not-allowed}.mcp-token-list-section{margin-bottom:36px}.mcp-token-loading,.mcp-token-empty{color:var(--text-3);font-size:13.5px;padding:18px 0;margin:0}.mcp-token-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.mcp-token-item{display:grid;grid-template-columns:1fr auto;grid-template-areas:"main action" "meta meta";gap:12px 16px;padding:16px 18px;background:var(--bg-elev-1);border:1px solid var(--border-subtle);border-radius:var(--r-md);transition:border-color var(--ease),background var(--ease)}.mcp-token-item:hover{border-color:var(--border-strong)}.mcp-token-item--revoked{opacity:.62}.mcp-token-item-main{grid-area:main;display:flex;align-items:center;gap:10px}.mcp-token-item-hint{font-family:var(--font-mono);font-size:14px;color:var(--text-1);background:var(--bg-elev-2);padding:4px 10px;border-radius:var(--r-sm);letter-spacing:.04em}.mcp-token-badge{font-family:var(--font-mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:3px;font-weight:500}.mcp-token-badge--active{background:var(--mint-bg);color:var(--mint)}.mcp-token-badge--revoked{background:#a1a1aa1f;color:var(--text-3)}.mcp-token-item-meta{grid-area:meta;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px 18px;margin:0;padding-top:8px;border-top:1px dashed var(--border-subtle)}.mcp-token-item-meta>div{display:flex;flex-direction:column;gap:2px}.mcp-token-item-meta dt{font-size:11px;color:var(--text-3);text-transform:uppercase;letter-spacing:.04em}.mcp-token-item-meta dd{margin:0;font-size:13px;color:var(--text-2)}.mcp-token-revoke-btn{grid-area:action;align-self:start;padding:6px 12px;font-size:12.5px}.mcp-token-setup-section p{color:var(--text-2);font-size:13.5px;line-height:1.55;margin:0 0 12px}.mcp-token-setup-section code{font-family:var(--font-mono);font-size:12.5px;background:var(--bg-elev-2);padding:1px 6px;border-radius:var(--r-sm);color:var(--cool)}.mcp-token-config-snippet{font-family:var(--font-mono);font-size:12.5px;line-height:1.55;background:var(--bg-elev-1);border:1px solid var(--border-subtle);border-radius:var(--r-md);padding:14px 16px;margin:0;overflow-x:auto;color:var(--text-2)}.mcp-token-config-snippet code{background:transparent;padding:0;color:inherit;font-size:inherit}.mcp-token-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#08080a9e;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:100;animation:mcp-token-fade-in .16s ease}@keyframes mcp-token-fade-in{0%{opacity:0}to{opacity:1}}.mcp-token-modal{background:var(--bg-elev-1);border:1px solid var(--border-strong);border-radius:var(--r-lg);box-shadow:var(--shadow-md);padding:24px 24px 20px;max-width:520px;width:100%;color:var(--text-1);animation:mcp-token-pop-in .18s ease}@keyframes mcp-token-pop-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.mcp-token-modal h3{margin:0 0 10px}.mcp-token-modal p{color:var(--text-2);font-size:13.5px;line-height:1.55;margin:0 0 18px}.mcp-token-modal p code{font-family:var(--font-mono);font-size:12.5px;background:var(--bg-elev-2);padding:1px 6px;border-radius:var(--r-sm);color:var(--text-1)}.mcp-token-warning{color:var(--warm)!important;font-weight:500}.mcp-token-reveal{display:flex;align-items:stretch;gap:8px;margin-bottom:14px}.mcp-token-plaintext{flex:1;font-family:var(--font-mono);font-size:13.5px;background:var(--bg-base);border:1px solid var(--border-strong);border-radius:var(--r-md);padding:12px 14px;color:var(--text-1);word-break:break-all;-webkit-user-select:all;user-select:all;cursor:copy;position:relative;transition:border-color var(--ease),box-shadow var(--ease)}.mcp-token-plaintext:after{content:"Tap để chọn — Cmd/Ctrl+C để copy";position:absolute;bottom:-18px;left:2px;font-family:var(--font-ui);font-size:11px;color:var(--text-3);letter-spacing:0;pointer-events:none}.mcp-token-plaintext:hover{border-color:var(--warm);box-shadow:var(--shadow-glow)}.mcp-token-copy-btn{background:var(--warm);border-color:var(--warm);color:#0b0b0d;font-weight:600;padding:0 18px;white-space:nowrap}.mcp-token-copy-btn:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.mcp-token-copy-btn:active:not(:disabled){transform:translateY(0)}.mcp-token-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.mcp-token-modal-cancel{background:transparent;color:var(--text-2)}.mcp-token-modal-cancel:hover:not(:disabled){background:var(--bg-elev-2);color:var(--text-1)}.mcp-token-modal-confirm{background:var(--cool);border-color:var(--cool);color:#0b0b0d;font-weight:600}.mcp-token-modal-confirm:hover:not(:disabled){filter:brightness(1.08)}.mcp-token-modal-confirm--danger{background:var(--rose);border-color:var(--rose)}.mcp-token-modal-close{background:var(--mint);border-color:var(--mint);color:#0b0b0d;font-weight:600}.mcp-token-modal-close:hover:not(:disabled){filter:brightness(1.08)}.mcp-token-generate-btn:focus-visible,.mcp-token-revoke-all-btn:focus-visible,.mcp-token-revoke-btn:focus-visible,.mcp-token-modal-cancel:focus-visible,.mcp-token-modal-confirm:focus-visible,.mcp-token-modal-close:focus-visible,.mcp-token-copy-btn:focus-visible{outline:2px solid var(--warm);outline-offset:2px}.mcp-token-plaintext:focus-visible{outline:2px solid var(--warm);outline-offset:2px;border-color:var(--warm)}.mcp-token-modal:focus-visible{outline:none}@media(max-width:600px){.mcp-token-page{padding:20px 14px 80px}.mcp-token-item{grid-template-columns:1fr;grid-template-areas:"main" "meta" "action"}.mcp-token-revoke-btn{justify-self:start}.mcp-token-reveal{flex-direction:column}.mcp-token-copy-btn{padding:10px 18px}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-ui);background-color:var(--bg-base);color:var(--text-1);line-height:1.5;min-height:100dvh;overflow-x:hidden}#root{min-height:100dvh;display:flex;flex-direction:column}.app{display:flex;flex-direction:column;min-height:100dvh}button{border:none;background:none;color:inherit;cursor:pointer;font:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-3)}::selection{background:var(--cool);color:var(--bg-base)}button:focus-visible,a:focus-visible{outline:2px solid var(--cool);outline-offset:2px;border-radius:4px}.atelier-root{--text-3: #9CA3AF;--text-4: #71717A}.atelier-root .tier-hd{color:#a5b4fc}.atelier-root .tier-11x{color:#fcd34d}.atelier-root .tier-free{color:#d4d4d8}.atelier-root .rail-link,.atelier-root .rail-cta,.atelier-root a{color:#a5b4fc}.auth-subtitle,.auth-toggle,.auth-forgot-link{color:#c4c4cc!important}.atelier-root .pl-chan,.atelier-root .pl-next,.atelier-root .vol-readout,.atelier-root .speed-chip{color:#c4c4cc}.atelier-root .card-meta-top,.atelier-root .card-meta-bot,.atelier-root .feed-hero-meta,.atelier-root .side-label,.atelier-root .ch-section-label,.atelier-root .feed-divider{color:#b5b5bd}