:root{--paper:oklch(98.5% .012 90);--paper-2:oklch(96% .016 90);--paper-3:oklch(92.5% .022 90);--ink:oklch(24% .015 250);--ink-2:oklch(42% .015 250);--ink-3:oklch(58% .01 250);--accent-cyan:oklch(60% .16 235);--accent-cyan-h:oklch(54% .18 235);--accent-coral:oklch(62% .2 20);--accent-coral-h:oklch(56% .22 20);--accent-pear:oklch(84% .14 95);--accent-pear-h:oklch(78% .16 95);--accent:var(--accent-cyan);--accent-hover:var(--accent-cyan-h);--accent-subtle:oklch(60% .16 235/.08);--border:oklch(91% .015 90);--border-heavy:oklch(80% .022 90);--rule:oklch(94% .012 90);--paper-glass:oklch(98.5% .012 90/.65);--paper-2-glass:oklch(96% .016 90/.5);--paper-3-glass:oklch(92.5% .022 90/.4);--glass-blur:0px;--bg-color:var(--paper);--bg-gradient:var(--paper);--panel-bg:var(--paper-2);--panel-bg-heavy:var(--paper-2);--panel-bg-solid:var(--paper-2);--panel-hover-bg:var(--paper-3);--panel-border:var(--border);--panel-border-active:var(--accent);--glass-bg:var(--paper-2);--glass-bg-heavy:var(--paper-2);--glass-bg-solid:var(--paper-2);--glass-border:var(--border);--glass-border-active:var(--accent);--primary:var(--accent);--primary-hover:var(--accent-hover);--primary-glow:var(--accent-subtle);--primary-glow-strong:oklch(60% .16 235/.16);--primary-rgb:70, 130, 180;--primary-gradient-end:var(--accent-hover);--color-danger:var(--accent-coral);--color-info:var(--accent-cyan);--accent-indigo:var(--accent-cyan);--accent-blue:var(--accent-cyan);--accent-teal:var(--accent-cyan);--accent-pink:var(--accent-coral);--accent-amber:var(--accent-pear);--text-main:var(--ink);--text-primary:var(--ink);--text-muted:var(--ink-2);--text-subtle:var(--ink-3);--text-inverse:oklch(98.5% .012 90);--success:oklch(60% .15 145);--success-glow:oklch(60% .15 145/.12);--error:var(--accent-coral);--error-glow:oklch(62% .2 20/.12);--warning:var(--accent-pear);--shadow-color:oklch(20% .015 250/.05);--shadow-xs:0 1px 2px var(--shadow-color);--shadow-card:0 4px 12px var(--shadow-color), 0 1px 3px oklch(20% .015 250/.02);--shadow-lg:0 12px 28px oklch(20% .015 250/.08), 0 3px 8px oklch(20% .015 250/.04);--shadow-modal:0 20px 48px oklch(20% .015 250/.14), 0 4px 12px oklch(20% .015 250/.06);--surface-0:var(--paper);--surface-1:var(--paper-2);--surface-2:var(--paper-3);--surface-3:oklch(88% .02 90);--surface-hover:var(--paper-3);--font-display:"Instrument Serif", Georgia, serif;--font-main:"Geist", system-ui, -apple-system, sans-serif;--font-ui:"Geist Mono", ui-monospace, monospace;--font-mono:"Geist Mono", ui-monospace, monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--sidebar-width:240px;--sidebar-collapsed-width:64px;--sidebar-transition:.2s ease-out;--z-base:1;--z-sidebar:100;--z-tooltip:200;--z-modal:300;--z-toast:400;--radius-sm:6px;--radius-card:16px;--radius-pill:999px;--radius-input:12px;--transition-fast:.15s ease-out;--transition-base:.2s ease-out;--transition-slow:.3s ease-out;--transition-spring:.25s cubic-bezier(.34, 1.56, .64, 1);--focus-ring:0 0 0 2px var(--paper), 0 0 0 4px var(--accent)}[data-theme=dark]{--paper:oklch(15% .015 240);--paper-2:oklch(18% .018 240);--paper-3:oklch(22% .022 240);--ink:oklch(95% .008 240);--ink-2:oklch(76% .01 240);--ink-3:oklch(56% .01 240);--accent-cyan:oklch(68% .15 235);--accent-cyan-h:oklch(62% .17 235);--accent-coral:oklch(68% .18 20);--accent-coral-h:oklch(62% .2 20);--accent-pear:oklch(86% .12 95);--accent-pear-h:oklch(80% .14 95);--accent:var(--accent-cyan);--accent-hover:var(--accent-cyan-h);--accent-subtle:oklch(68% .15 235/.12);--border:oklch(24% .018 240);--border-heavy:oklch(36% .022 240);--rule:oklch(22% .018 240);--surface-0:var(--paper);--surface-1:var(--paper-2);--surface-2:var(--paper-3);--surface-3:oklch(28% .022 240);--surface-hover:var(--paper-3);--shadow-color:oklch(0% 0 0/.35);--shadow-xs:0 1px 2px var(--shadow-color);--shadow-card:0 4px 12px var(--shadow-color);--shadow-lg:0 12px 28px var(--shadow-color);--shadow-modal:0 20px 48px oklch(0% 0 0/.5);--text-main:var(--ink);--text-primary:var(--ink);--text-muted:var(--ink-2);--text-subtle:var(--ink-3);--text-inverse:oklch(15% .015 240);--paper-glass:oklch(15% .015 240/.65);--paper-2-glass:oklch(18% .018 240/.5);--paper-3-glass:oklch(22% .022 240/.4);--glass-blur:16px;--bloom-1:oklch(38% .18 250/.25);--bloom-2:oklch(42% .2 20/.2);--bg-grid:oklch(96% .004 250/.04)}[data-theme=light]{--paper:oklch(98.5% .012 90);--paper-2:oklch(96% .016 90);--paper-3:oklch(92.5% .022 90);--ink:oklch(24% .015 250);--ink-2:oklch(42% .015 250);--ink-3:oklch(58% .01 250);--accent-cyan:oklch(60% .16 235);--accent-cyan-h:oklch(54% .18 235);--accent-coral:oklch(62% .2 20);--accent-coral-h:oklch(56% .22 20);--accent-pear:oklch(84% .14 95);--accent-pear-h:oklch(78% .16 95);--border:oklch(91% .015 90);--rule:oklch(94% .012 90);--paper-glass:oklch(98.5% .012 90/.65);--paper-2-glass:oklch(96% .016 90/.5);--paper-3-glass:oklch(92.5% .022 90/.4);--glass-blur:16px;--bloom-1:oklch(92% .12 235/.55);--bloom-2:oklch(95% .09 90/.65);--bg-grid:oklch(24% .015 250/.035)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%;overflow-x:clip}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-main);color:var(--ink);background-color:var(--paper);background-image:radial-gradient(circle at 80% 20%, var(--bloom-1), transparent 800px), radial-gradient(circle at 20% 80%, var(--bloom-2), transparent 800px), linear-gradient(var(--bg-grid) 1px, transparent 1px), linear-gradient(90deg, var(--bg-grid) 1px, transparent 1px);font-feature-settings:"kern";-webkit-font-smoothing:antialiased;background-size:100% 100%,100% 100%,32px 32px,32px 32px;background-attachment:fixed;font-size:1rem;line-height:1.62}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;font-feature-settings:"kern";font-variant-numeric:lining-nums;font-weight:400;line-height:1.15}h4,h5,h6{font-family:var(--font-ui);letter-spacing:0;font-weight:600}body:before{display:none}a{color:var(--accent);text-decoration:none}a:hover{text-underline-offset:3px;text-decoration:underline}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--paper-2)}::-webkit-scrollbar-thumb{background:var(--border-heavy);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--ink-3)}:focus-visible{box-shadow:var(--focus-ring);outline:none}button:focus:not(:focus-visible),a:focus:not(:focus-visible){box-shadow:none;outline:none}select,input{font-family:var(--font-main);color:var(--ink);background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-input);transition:border-color var(--transition-fast);font-size:.875rem}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%233876c6' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:16px 16px;padding-right:28px!important}[data-theme=dark] select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%235676c6' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E")}select:focus,input:focus{border-color:var(--accent);box-shadow:none;outline:none}select option{background:var(--paper);color:var(--ink)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{max-width:1200px;padding:0 var(--space-6);margin:0 auto}.landing-container{max-width:1100px;padding:0 var(--space-6);margin:0 auto}.full-width{width:100%}.help-cursor{cursor:help}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.spinner-lg{border-width:3px;width:32px;height:32px}.animate-fade{animation:.2s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.skeleton{background:linear-gradient(90deg, var(--paper-2) 25%, var(--paper-3) 50%, var(--paper-2) 75%);border-radius:var(--radius-card);background-size:200% 100%;animation:1.4s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.skeleton-text{border-radius:var(--radius-sm);height:1em}.skeleton-text.short{width:40%}.skeleton-text.medium{width:70%}.skeleton-card{height:80px}.btn-primary{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--accent);color:var(--text-inverse);border:2px solid var(--accent);border-radius:var(--radius-pill);font-family:var(--font-main);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);letter-spacing:.02em;text-transform:uppercase;font-size:.8rem;font-weight:600;display:inline-flex}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px oklch(60% .16 235/.25)}.btn-primary:active{transform:translateY(1px)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);color:var(--ink);border:1.5px solid var(--border-heavy);border-radius:var(--radius-pill);font-family:var(--font-main);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);letter-spacing:.02em;text-transform:uppercase;background:0 0;font-size:.8rem;font-weight:500;display:inline-flex}.btn-secondary:hover{background:var(--paper-2);border-color:var(--ink-3);transform:translateY(-1px)}.btn-secondary:active{transform:translateY(1px)}.btn-secondary:disabled{opacity:.4;cursor:not-allowed}.btn-secondary:focus-visible{box-shadow:var(--focus-ring)}.btn-text{color:var(--accent);font-family:var(--font-main);cursor:pointer;padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;font-size:.8rem;font-weight:600}.btn-text:hover{background:var(--accent-subtle)}.btn-text--active{font-weight:700}.btn-icon{border:1.5px solid var(--border);border-radius:var(--radius-pill);width:36px;height:36px;color:var(--ink-2);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast), background var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:inline-flex}.btn-icon:hover{border-color:var(--ink);color:var(--ink);background:var(--paper-2)}.btn-icon.active{border-color:var(--accent);color:var(--accent)}.panel-card,.glass-panel{background:var(--paper-2-glass);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.tooltip-surface{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-input);box-shadow:var(--shadow-card)}.setting-label{align-items:center;gap:var(--space-1);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);font-size:.72rem;font-weight:600;display:flex}.dashboard-section-head h3{font-family:var(--font-display);margin:0}.filetype-icon{flex-shrink:0}.filetype-pdf{color:var(--color-danger)}.filetype-image{color:var(--color-info)}.filetype-music{color:var(--accent)}.num-tabular,.confidence-badge,.balance-number,.history-table td:is(:nth-child(3),:nth-child(4)),.pricing-page-tokens,.pricing-page-price{font-variant-numeric:tabular-nums}.section-rule{border:none;border-top:1px solid var(--border);margin:var(--space-8) 0}.section-rule--accent{border-top:2px solid var(--accent);margin:var(--space-6) 0}.text-muted{color:var(--ink-3)}.dashboard-guide-card{align-items:flex-start;gap:var(--space-2);padding:var(--space-4);flex-direction:column;display:flex}.dashboard-guide-icon{color:var(--ink-3)}.dashboard-guide-text{color:var(--ink-2);margin:0;font-size:.85rem}.dashboard-guide-link{font-size:.85rem}.public-header{z-index:var(--z-sidebar);background:var(--paper);border-bottom:1px solid var(--ink);align-items:center;height:56px;display:flex;position:sticky;top:0}.public-header.glass-header,.public-header.transparent{background:var(--paper)}.public-header-container{width:100%;max-width:1200px;padding:0 var(--space-6);align-items:center;gap:var(--space-6);margin:0 auto;display:flex}.public-header-logo{align-items:center;gap:var(--space-2);text-decoration:none;display:flex}.public-header-logo h2{font-family:var(--font-display);color:var(--ink);letter-spacing:-.01em;font-size:1.25rem;font-weight:400}.public-header-logo:hover{opacity:.7}.public-header-nav{align-items:center;gap:var(--space-6);margin-left:auto;display:flex}.public-nav-link{color:var(--ink-2);letter-spacing:-.01em;transition:color var(--transition-fast);font-size:.875rem;font-weight:500;text-decoration:none}.public-nav-link:hover,.public-nav-link.active{color:var(--ink);text-decoration:none}.public-header-actions{align-items:center;gap:var(--space-3);display:flex}.hide-mobile-flex{display:flex}.show-mobile-flex{display:none}@media (width<=768px){.hide-mobile-flex{display:none}.show-mobile-flex{display:flex}.public-header-nav{display:none}}.page-header{padding:var(--space-6) 0 var(--space-4);border-bottom:1px solid var(--rule);margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.page-header .logo h2{font-family:var(--font-display);color:var(--ink);font-size:1.5rem;font-weight:400}.balance-pill{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--paper-2);border:1px solid var(--border);border-radius:var(--radius-pill);font-family:var(--font-mono);color:var(--ink);cursor:pointer;transition:border-color var(--transition-fast);font-size:.8rem;font-weight:500;display:inline-flex}.balance-pill:hover{border-color:var(--accent)}.balance-pill span{color:var(--accent);font-weight:700}.avatar{border-radius:var(--radius-sm);background:var(--accent);width:32px;height:32px;color:var(--paper);flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.lang-toggle-btn,.lang-toggle{border:1px solid var(--border);border-radius:var(--radius-pill);padding:var(--space-1) var(--space-3);font-family:var(--font-mono);color:var(--ink-2);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast);background:0 0;font-size:.75rem}.lang-toggle-btn:hover,.lang-toggle:hover{border-color:var(--ink);color:var(--ink)}.lang-pill{background:var(--paper-2);border:1px solid var(--border);border-radius:var(--radius-pill);display:flex;overflow:hidden}.lang-pill-btn{padding:var(--space-1) var(--space-3);font-family:var(--font-mono);color:var(--ink-3);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;font-size:.75rem}.lang-pill-btn:hover:not(.active){background:var(--paper-3);color:var(--ink)}.lang-pill-btn.active{background:var(--ink);color:var(--paper)}.nav-menu-wrapper{position:relative}.nav-menu-trigger{align-items:center;gap:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-input);padding:var(--space-2) var(--space-3);font-family:var(--font-main);color:var(--ink);cursor:pointer;transition:border-color var(--transition-fast);background:0 0;font-size:.875rem;display:flex}.nav-menu-trigger:hover,.nav-menu-trigger.active{border-color:var(--ink)}.nav-dropdown{top:calc(100% + var(--space-2));background:var(--paper);border:1px solid var(--ink);border-radius:var(--radius-card);min-width:200px;box-shadow:var(--shadow-card);z-index:var(--z-tooltip);animation:.1s ease-out fadeIn;position:absolute;right:0}.nav-dropdown-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--ink-2);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);text-align:left;background:0 0;border:none;width:100%;font-size:.875rem;display:flex}.nav-dropdown-item:hover{background:var(--paper-2);color:var(--ink)}.nav-dropdown-active{font-weight:600;color:var(--accent)!important}.nav-dropdown-divider{background:var(--rule);height:1px;margin:var(--space-1) 0}.nav-dropdown-logout{color:var(--error)!important}.nav-dropdown-logout:hover{background:oklch(50% .22 25/.08)!important}.mobile-menu-overlay{z-index:calc(var(--z-modal) - 1);background:var(--paper);padding:var(--space-6);flex-direction:column;display:flex;position:fixed;inset:0}.mobile-menu-nav{gap:var(--space-2);margin-top:var(--space-8);flex-direction:column;display:flex}.mobile-menu-nav a{padding:var(--space-4) 0;letter-spacing:-.03em;color:var(--ink);border-bottom:1px solid var(--rule);transition:color var(--transition-fast);font-size:1.5rem;font-weight:700;text-decoration:none;display:block}.mobile-menu-nav a:hover{color:var(--accent);text-decoration:none}.app-layout{background:0 0;flex-direction:column;min-height:100vh;display:flex}.main-content{min-width:0;padding:var(--space-6) var(--space-8);flex:1;margin-left:0}.content-container{max-width:1200px;margin:0 auto}@media (width<=900px){.main-content{padding:var(--space-4);padding-bottom:72px}}.sidebar-wrapper{z-index:var(--z-sidebar);width:100%;position:sticky;top:0}@media (width<=900px){.sidebar-wrapper{display:none}}.sidebar-overlay{display:none}.sidebar{background:var(--paper-glass);width:100%;height:52px;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--border);padding:0 var(--space-8);flex-direction:row;align-items:center;gap:0;display:flex;overflow:hidden}.sidebar-header{padding:0 var(--space-6) 0 0;border-right:1px solid var(--rule);flex-shrink:0;align-items:center;height:100%;display:flex}.sidebar-logo-link{align-items:center;gap:var(--space-2);transition:opacity var(--transition-fast);text-decoration:none;display:flex}.sidebar-logo-link:hover{opacity:.65;text-decoration:none}.sidebar-logo-text{font-family:var(--font-ui);color:var(--ink);letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;font-weight:500}.sidebar-logo-icon{color:var(--accent);width:18px;height:18px}.sidebar-wallet-icon--free{color:var(--accent)}.sidebar-wallet-icon--paid{color:var(--ink-3)}.sidebar-nav{padding:0 var(--space-4);flex-direction:row;flex:1;align-items:center;height:100%;display:flex}.sidebar-nav-primary,.sidebar-nav-secondary{flex-direction:row;align-items:center;gap:0;height:100%;display:flex}.sidebar-nav-divider{background:var(--rule);width:1px;height:20px;margin:0 var(--space-4);flex-shrink:0}.sidebar-link{height:100%;padding:0 var(--space-3);font-family:var(--font-ui);color:var(--ink-2);letter-spacing:.02em;cursor:pointer;transition:color var(--transition-fast), border-bottom-color var(--transition-fast);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;align-items:center;font-size:.78rem;font-weight:400;text-decoration:none;display:flex}.sidebar-link svg{display:none}.sidebar-link:hover{color:var(--ink);background:0 0;text-decoration:none}.sidebar-link:focus-visible{box-shadow:var(--focus-ring)}.sidebar-link.active{color:var(--ink);border-bottom-color:var(--accent);background:0 0;font-weight:500}.sidebar-link.active svg{display:none}.sidebar-link-secondary{color:var(--ink-3);font-size:.74rem}.sidebar-link-secondary:hover{color:var(--ink-2)}.sidebar-link-secondary.active{color:var(--ink-2);border-bottom-color:var(--border-heavy)}.sidebar-footer{align-items:center;gap:var(--space-2);border-top:none;flex-direction:row;flex-shrink:0;height:100%;margin-left:auto;padding:0;display:flex}.sidebar-balance{align-items:center;display:flex}.sidebar-balance-link{align-items:center;gap:var(--space-2);padding:0 var(--space-3);border:1px solid var(--border);cursor:pointer;transition:border-color var(--transition-fast);white-space:nowrap;border-radius:0;height:32px;text-decoration:none;display:flex}.sidebar-balance-link:hover{border-color:var(--accent)}.balance-info{align-items:center;gap:var(--space-2);height:100%;display:flex}.balance-info svg{color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;margin:0;display:inline-flex}.balance-info span{line-height:1;font-family:var(--font-ui);align-items:center;font-size:.8rem;font-weight:500;display:inline-flex}.balance-number{font-family:var(--font-ui);color:var(--accent);letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:.8rem;font-weight:500;line-height:1}.balance-label{color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;font-size:.62rem;line-height:1}.premium-badge{padding:1px var(--space-2);background:var(--accent);color:var(--paper);font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.06em;border-radius:0;font-size:.58rem;font-weight:500;line-height:1;display:inline-flex}.sidebar-actions{gap:var(--space-2);align-items:center;height:100%;display:flex}.sidebar-theme-toggle,.sidebar-lang-toggle,.sidebar-logout-btn{justify-content:center;align-items:center;gap:var(--space-2);padding:0 var(--space-3);border:1px solid var(--border);font-family:var(--font-ui);color:var(--ink-3);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast);white-space:nowrap;background:0 0;border-radius:0;height:32px;font-size:.72rem;display:inline-flex}.sidebar-theme-toggle svg,.sidebar-lang-toggle svg,.sidebar-logout-btn svg{flex-shrink:0;justify-content:center;align-items:center;margin:0;display:inline-flex}.sidebar-theme-toggle:hover,.sidebar-lang-toggle:hover,.sidebar-logout-btn:hover{border-color:var(--ink);color:var(--ink)}.sidebar-user{align-items:center;gap:var(--space-2);padding:0 var(--space-3);border:1px solid var(--border);cursor:pointer;height:32px;transition:border-color var(--transition-fast);white-space:nowrap;background:0 0;border-radius:0;display:inline-flex}.sidebar-user svg{color:var(--ink-2);flex-shrink:0;justify-content:center;align-items:center;margin:0;display:inline-flex}.sidebar-user:hover{border-color:var(--ink-2)}.sidebar-user .avatar{border-radius:2px;flex-shrink:0;width:20px;height:20px;font-size:.6rem}.user-details{white-space:nowrap;flex-direction:column;justify-content:center;min-width:0;line-height:1.1;display:flex}.user-name{font-family:var(--font-ui);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;font-weight:500;display:block;overflow:hidden}.user-handle{font-family:var(--font-ui);color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;font-size:.62rem;display:block;overflow:hidden}.sidebar-user-btn,.sidebar-user-link{align-items:center;gap:var(--space-2);height:32px;padding:0 var(--space-3);border:1px solid var(--border);font-family:var(--font-ui);color:var(--ink-2);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast);white-space:nowrap;background:0 0;border-radius:0;font-size:.72rem;text-decoration:none;display:inline-flex}.sidebar-user-btn:hover,.sidebar-user-link:hover{border-color:var(--ink-2);color:var(--ink)}.guest-avatar{border-radius:var(--radius-sm);border:1px dashed var(--border);width:20px;height:20px;color:var(--ink-3);justify-content:center;align-items:center;font-size:.7rem;display:flex}.mobile-header{z-index:var(--z-sidebar);height:52px;padding:0 var(--space-4);background:var(--paper-glass);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:none;position:sticky;top:0}@media (width<=900px){.mobile-header{display:flex}}.mobile-header-logo-link{text-decoration:none}.mobile-header-logo-text{font-family:var(--font-display);color:var(--ink);font-size:1.1rem;font-weight:400}.mobile-header-right{align-items:center;gap:var(--space-3);display:flex}.mobile-header-balance{font-family:var(--font-mono);color:var(--accent);font-size:.8rem;font-weight:700;text-decoration:none}.mobile-header-balance:hover{text-decoration:underline}.mobile-premium-badge{font-size:.65rem}.mobile-header-theme,.mobile-header-lang,.mobile-header-login{border:1px solid var(--border);border-radius:var(--radius-input);padding:var(--space-1) var(--space-2);color:var(--ink-3);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast);background:0 0;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex}.mobile-header-theme:hover,.mobile-header-lang:hover,.mobile-header-login:hover{border-color:var(--ink);color:var(--ink)}.mobile-bottom-nav{z-index:var(--z-sidebar);background:var(--paper-glass);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-top:1px solid var(--border);align-items:stretch;height:64px;display:none;position:fixed;bottom:0;left:0;right:0}@media (width<=900px){.mobile-bottom-nav{display:flex}}.mobile-nav-tab{color:var(--ink-3);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:.625rem;font-weight:500;text-decoration:none;display:flex;position:relative}.mobile-nav-tab:hover{color:var(--ink)}.mobile-nav-tab.active{color:var(--accent)}.mobile-nav-tab.active:before{content:"";background:var(--accent);height:2px;position:absolute;top:0;left:0;right:0}.mobile-nav-tab span{font-size:.625rem}.mobile-nav-upload{background:var(--accent)!important;color:var(--paper)!important}.mobile-nav-upload.active{color:var(--paper)!important}.dashboard-workspace{border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);margin-top:var(--space-6);grid-template-columns:240px 1fr;gap:0;min-height:520px;display:grid;overflow:hidden}@media (width<=900px){.dashboard-workspace{grid-template-columns:1fr}}.workspace-panel{border-right:1px solid var(--border);background:var(--paper-2-glass);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));flex-direction:column;display:flex;overflow:hidden}.workspace-panel-header{padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--rule);background:var(--paper-3-glass);align-items:center;height:38px;display:flex}.workspace-panel-title{font-family:var(--font-ui);color:var(--ink-2);text-transform:uppercase;letter-spacing:.1em;font-size:.6rem;font-weight:600}@media (width<=900px){.workspace-panel{border-right:none;border-bottom:1px solid var(--border)}}.workspace-center{background:var(--paper-glass);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));flex-direction:column;flex:1;display:flex;overflow:hidden}.ws-section{padding:var(--space-5);border-bottom:1px solid var(--rule)}.ws-section-title{font-family:var(--font-ui);color:var(--ink-3);text-transform:uppercase;letter-spacing:.12em;margin:0 0 var(--space-3) 0;font-size:.62rem;font-weight:500}.ws-radio-group{gap:var(--space-2);flex-direction:column;display:flex}.ws-radio{align-items:center;gap:var(--space-3);padding:var(--space-1) 0;cursor:pointer;line-height:1;display:flex}.ws-radio-input{appearance:none;border:1px solid var(--border-heavy);background:var(--paper);cursor:pointer;width:12px;height:12px;transition:border-color var(--transition-fast), background var(--transition-fast);border-radius:50%;flex-shrink:0;margin:0;position:relative;transform:translateY(1.2px)}.ws-radio-input:checked{border-color:var(--accent);background:var(--accent);box-shadow:inset 0 0 0 2px var(--paper-2)}.ws-radio-input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ws-radio:hover .ws-radio-input{border-color:var(--accent)}.ws-radio-label{font-family:var(--font-ui);color:var(--ink-2);cursor:pointer;transition:color var(--transition-fast);font-size:.78rem;line-height:1}.ws-radio:has(.ws-radio-input:checked) .ws-radio-label{color:var(--ink);font-weight:500}.ws-radio:hover .ws-radio-label{color:var(--ink)}.ws-spacer{flex:1;display:block}.ws-footer{padding:var(--space-5);border-top:1px solid var(--border);gap:var(--space-3);flex-direction:column;display:flex}.ws-balance-row{align-items:baseline;gap:var(--space-2);flex-wrap:wrap;margin-bottom:0;display:flex}.ws-balance-num{font-family:var(--font-ui);color:var(--accent);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:1.2rem;font-weight:500}.ws-balance-label{font-family:var(--font-ui);color:var(--ink-3);text-transform:uppercase;letter-spacing:.08em;font-size:.65rem}.ws-tier-badge{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.1em;border:1px solid var(--border-heavy);color:var(--ink-3);padding:1px 5px;font-size:.6rem;font-weight:500}.ws-tier-badge.pro{border-color:var(--accent);color:var(--accent)}.ws-upgrade-link{font-family:var(--font-ui);color:var(--ink-3);border-bottom:1px solid var(--border);transition:color var(--transition-fast), border-color var(--transition-fast);letter-spacing:.04em;align-self:flex-start;font-size:.7rem;text-decoration:none}.ws-upgrade-link:hover{color:var(--accent);border-color:var(--accent);text-decoration:none}.dashboard-upload-wrapper{flex-direction:column;flex:1;display:flex}.dashboard-content-area{flex-direction:column;display:flex}.dashboard-active-tasks,.dashboard-completed-tasks{padding:var(--space-4) var(--space-6)}.dashboard-active-tasks h3,.dashboard-completed-tasks h3{font-family:var(--font-ui);color:var(--ink-3);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-3);font-size:.7rem;font-weight:500}.dashboard-section-head{align-items:center;gap:var(--space-4);margin-bottom:var(--space-3);display:flex}.dashboard-status-card{background:var(--paper-2);border:1px solid var(--border);border-radius:var(--radius-card);padding:var(--space-5)}.status-card-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.status-card-header h4{color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-weight:700}.status-tier-badge{padding:2px var(--space-2);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-sm);font-size:.65rem;font-weight:700;display:inline-flex}.status-tier-badge.pro{background:var(--accent);color:var(--paper)}.status-tier-badge.free{background:var(--paper-3);color:var(--ink-2);border:1px solid var(--border)}.status-card-balance{margin-bottom:var(--space-4)}.balance-number{font-family:var(--font-mono);color:var(--accent);letter-spacing:-.04em;font-size:2rem;font-weight:700;line-height:1}.balance-label{color:var(--ink-3);margin-top:var(--space-1);font-size:.75rem}.status-card-actions{gap:var(--space-2);flex-direction:column;display:flex}.status-card-btn{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-input);color:var(--ink-2);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast);background:0 0;font-size:.8125rem;font-weight:500;text-decoration:none;display:flex}.status-card-btn:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}.dashboard-tips-card{background:var(--paper-2);border:1px solid var(--border);border-radius:var(--radius-card);padding:var(--space-4)}.dashboard-tips-card h5{color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-3);font-size:.75rem;font-weight:700}.tips-list{gap:var(--space-2);flex-direction:column;list-style:none;display:flex}.tips-list li{color:var(--ink-2);padding-left:var(--space-4);font-size:.8125rem;position:relative}.tips-list li:before{content:"—";color:var(--accent);font-family:var(--font-mono);position:absolute;left:0}.dashboard-history-section{margin-top:var(--space-8);padding:var(--space-5) 0;border:none}.dashboard-filter-row{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.dashboard-sort-selector{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--paper-2);border:1px solid var(--border-heavy);border-radius:var(--radius-input);color:var(--ink);font-size:.8rem;display:inline-flex}.dashboard-sort-selector select{font-family:inherit;font-size:inherit;cursor:pointer;outline:none;color:inherit!important;background:0 0!important;border:none!important;padding:0!important}.dashboard-history-empty{padding:var(--space-12) var(--space-6);text-align:center;border:1px dashed var(--border);border-radius:var(--radius-card)}.dashboard-empty-icon,.dashboard-search-empty-icon{color:var(--ink-3);margin-bottom:var(--space-4)}.dashboard-history-pagination{margin-top:var(--space-6);justify-content:center;gap:var(--space-2);display:flex}.waveform-loader{align-items:center;gap:3px;height:20px;display:flex}.waveform-bar{background:var(--accent);border-radius:0;width:3px;animation:.8s ease-in-out infinite waveform}.waveform-bar:first-child{animation-delay:0s}.waveform-bar:nth-child(2){animation-delay:.1s}.waveform-bar:nth-child(3){animation-delay:.2s}.waveform-bar:nth-child(4){animation-delay:.3s}@keyframes waveform{0%,to{height:4px}50%{height:16px}}.history-section{margin-top:var(--space-6)}.section-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.section-header h3{color:var(--ink);letter-spacing:-.02em;font-size:1rem;font-weight:700}.history-table{border-collapse:collapse;width:100%}.history-table th{color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;font-size:.7rem;font-weight:700}.history-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--rule);color:var(--ink-2);vertical-align:middle;font-size:.875rem}.history-table tr:last-child td{border-bottom:none}.history-row{transition:background var(--transition-fast)}.history-row:hover{background:var(--paper-2)}.history-row:hover .actions-compact{opacity:1}.history-row .actions-compact{opacity:0;transition:opacity var(--transition-fast)}.badge{padding:2px var(--space-2);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-sm);font-size:.65rem;font-weight:700;display:inline-flex}.badge-completed{color:oklch(35% .14 140);background:oklch(45% .16 140/.15);border:1px solid oklch(45% .16 140/.3)}.badge-failed{color:oklch(40% .2 25);background:oklch(50% .22 25/.12);border:1px solid oklch(50% .22 25/.3)}.badge-processing{background:var(--accent-subtle);color:var(--accent);border:1px solid oklch(55% .2 30/.3)}.badge-pending{background:var(--paper-3);color:var(--ink-3);border:1px solid var(--border)}.actions{align-items:center;gap:var(--space-2);display:flex}.action-btn{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-input);color:var(--ink-2);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast);background:0 0;font-size:.75rem;font-weight:500;text-decoration:none;display:inline-flex}.action-btn:hover{border-color:var(--ink);color:var(--ink);text-decoration:none}.action-btn-primary{border-color:var(--accent);color:var(--accent)}.action-btn-primary:hover{background:var(--accent-subtle)}.action-btn-delete:hover{border-color:var(--error);color:var(--error)}.action-btn.save-btn{border-color:var(--accent);color:var(--accent)}.action-btn.save-btn:hover{background:var(--accent-subtle)}.history-search-wrapper{flex:1;align-items:center;max-width:360px;display:flex;position:relative}.history-search-icon{left:var(--space-3);color:var(--ink-3);pointer-events:none;position:absolute}.history-search-input{width:100%;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-8);background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-input);color:var(--ink);font-size:.875rem}.history-search-input::placeholder{color:var(--ink-3)}.history-search-input:focus{border-color:var(--accent)}.sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none}.sortable-header:hover{color:var(--ink)}.history-datetime-cell{flex-direction:column;display:flex}.history-date{color:var(--ink);font-size:.8125rem}.history-time{color:var(--ink-3);font-size:.75rem;font-family:var(--font-mono)}.history-filename-link{color:var(--ink);font-weight:500;text-decoration:none}.history-filename-link:hover{color:var(--accent);text-decoration:underline}.history-link-icon{opacity:0;transition:opacity var(--transition-fast)}.history-filename-link:hover .history-link-icon{opacity:1}.history-pagination-list{gap:var(--space-2);display:flex}.pagination-btn{padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-input);color:var(--ink-2);cursor:pointer;transition:border-color var(--transition-fast);background:0 0;font-size:.8rem}.pagination-btn:hover{border-color:var(--ink);color:var(--ink)}.dashboard-clear-search-btn{color:var(--ink-3);cursor:pointer;background:0 0;border:none}.dashboard-clear-search-btn:hover{color:var(--ink)}.dashboard-item-filename-wrap{font-weight:500}.dashboard-item-date{font-family:var(--font-mono);color:var(--ink-3);font-size:.75rem}.dashboard-item-expired{color:var(--error);font-size:.75rem}.upload-tray{border:1px solid var(--border);background:var(--paper-glass);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.upload-controls-tray{padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border);background:var(--paper-2-glass);flex-wrap:wrap;align-items:center;gap:0;display:flex}.upload-seg-group{align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-5) var(--space-2) 0;border-right:1px solid var(--rule);margin-right:var(--space-5);display:flex}.upload-seg-group:last-child{border-right:none;margin-right:0;padding-right:0}.upload-seg-group--cost{gap:var(--space-2);border-right:none;margin-left:auto;padding-right:0}.seg-label{font-family:var(--font-ui);color:var(--ink-3);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;flex-shrink:0;font-size:.65rem;font-weight:500}.seg-control{gap:0;display:flex}.seg-opt{font-family:var(--font-ui);color:var(--ink-2);letter-spacing:.02em;padding:var(--space-1) var(--space-4);border:1px solid var(--border);cursor:pointer;transition:color var(--transition-fast), background var(--transition-fast);white-space:nowrap;background:0 0;border-right:none;font-size:.75rem;font-weight:400}.seg-opt:first-child{border-radius:0}.seg-opt:last-child{border-right:1px solid var(--border);border-radius:0}.seg-opt:hover{color:var(--ink);background:var(--paper-3)}.seg-opt.active{color:var(--accent);background:var(--accent-subtle);border-color:var(--accent);z-index:1;position:relative}.seg-opt[disabled]{color:var(--ink-3);cursor:not-allowed;opacity:.5}.upload-help-icon{color:var(--ink-3);cursor:help}.upload-help-icon:hover,.tooltip-container:hover .upload-help-icon{color:var(--ink)}.upload-pro-badge{font-family:var(--font-mono);background:var(--accent);color:var(--paper);text-transform:uppercase;border-radius:var(--radius-sm);padding:1px 4px;font-size:.6rem;font-weight:700}.upload-limitations-banner{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:var(--accent-subtle);color:var(--ink-2);border:none;border-bottom:1px solid oklch(51% .174 38/.18);margin-bottom:0;font-size:.8125rem;display:flex}.upload-limitations-banner a{color:var(--accent)}.banner-close{color:var(--ink-3);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0}.upload-control-group{align-items:center;gap:var(--space-2);display:flex}.upload-control-label{color:var(--ink-2);font-size:.8rem}.upload-control-hint{color:var(--ink-3);margin-top:2px;font-size:.75rem}.upload-select{padding:var(--space-1) var(--space-3);background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-input);color:var(--ink);font-size:.8125rem}.upload-select:hover{border-color:var(--ink-2)}.upload-select:focus{border-color:var(--accent)}.upload-zone{justify-content:center;align-items:center;gap:var(--space-5);padding:var(--space-12) var(--space-10);border:1px dashed var(--border-heavy);border-radius:var(--radius-card);margin:var(--space-6);background:var(--paper-glass);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast), transform var(--transition-fast);text-align:center;flex-direction:column;flex:1;min-height:240px;display:flex;position:relative}.upload-zone:before{display:none}.upload-zone:hover{background:var(--paper-2);border-color:var(--accent)}.upload-zone.drag-active,.drag-active{background:var(--accent-subtle);border:1px solid var(--accent)}.upload-zone.is-uploading{pointer-events:none;opacity:.7}.upload-zone-outer{flex-direction:column;flex:1;display:flex}.upload-icon-col{border-right:none;justify-content:center;align-items:center;width:auto;height:auto;padding-right:0;display:flex}.upload-icon{color:var(--ink-3);transition:color var(--transition-fast)}.upload-zone:hover .upload-icon{color:var(--accent)}.upload-text-col{justify-content:center;align-items:center;gap:var(--space-3);text-align:center;flex-direction:column;display:flex}.upload-content h3{font-family:var(--font-display);color:var(--ink);letter-spacing:-.01em;margin:0 0 var(--space-1) 0;text-align:center;font-size:1.35rem;font-weight:700}.upload-content{cursor:pointer;gap:var(--space-4);text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}label.upload-content[aria-disabled=true]{cursor:not-allowed;opacity:.6}.upload-subtitle{color:var(--ink-3);text-align:center;margin-bottom:var(--space-2);font-size:.85rem}.upload-chips-container{gap:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.file-type-chip{padding:var(--space-1) var(--space-3);background:var(--paper-2);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em;font-size:.7rem;font-weight:500;display:inline-flex}.camera-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border-heavy);font-family:var(--font-ui);color:var(--ink-3);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast);background:0 0;border-radius:0;font-size:.7rem;display:inline-flex}.camera-btn:hover{border-color:var(--accent);color:var(--accent)}.cost-badge{align-items:center;gap:var(--space-1);font-family:var(--font-ui);color:var(--ink-3);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;display:inline-flex}.upload-pro-badge{font-family:var(--font-ui);background:var(--accent);color:var(--paper);text-transform:uppercase;letter-spacing:.06em;border-radius:0;padding:1px 5px;font-size:.6rem;font-weight:500}.tooltip-container{display:inline-flex;position:relative}.tooltip-container .tooltip{background:var(--ink);color:var(--paper);padding:var(--space-3) var(--space-4);border-radius:var(--radius-card);width:240px;z-index:var(--z-tooltip);box-shadow:var(--shadow-card);font-size:.8rem;display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip-container:hover .tooltip,.tooltip-container:focus-within .tooltip{animation:.1s ease-out fadeIn;display:block}.tooltip-container .tooltip p{color:var(--paper)}.tooltip-container .tooltip p strong{color:oklch(90% .008 80)}.mode-help-wrapper{position:relative}.mode-help-btn{color:var(--ink-3);cursor:help;background:0 0;border:none}.mode-help-btn:hover{color:var(--ink)}.mode-help-tooltip{background:var(--paper);border:1px solid var(--ink);border-radius:var(--radius-card);padding:var(--space-4);width:280px;z-index:var(--z-tooltip);box-shadow:var(--shadow-card);display:none;position:absolute;top:calc(100% + 8px);left:0}.mode-help-wrapper:hover .mode-help-tooltip{animation:.1s ease-out fadeIn;display:block}.mode-help-title{color:var(--ink-3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3);font-size:.75rem;font-weight:700}.mode-help-item{margin-bottom:var(--space-3)}.mode-help-item:last-child{margin-bottom:0}.mode-help-label{color:var(--ink);font-size:.8125rem;font-weight:600}.mode-help-desc{color:var(--ink-2);font-size:.8rem}.task-grid{gap:var(--space-3);flex-direction:column;display:flex}.task-card{background:var(--paper-2-glass);border:1px solid var(--border);border-radius:var(--radius-card);padding:var(--space-4);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));transition:border-color var(--transition-fast)}.task-info{gap:var(--space-2);flex-direction:column;display:flex}.task-filename{color:var(--ink);letter-spacing:-.01em;font-size:.875rem;font-weight:600}.task-status-text{color:var(--ink-3);font-size:.75rem;font-family:var(--font-mono)}.progress-bar{background:var(--paper-3);height:3px;margin-top:var(--space-2);border-radius:0;overflow:hidden}.progress-fill{background:var(--accent);height:100%;transition:width .3s ease-out}.progress-fill.error{background:var(--error)}.progress-fill.striped{background:repeating-linear-gradient(90deg, var(--accent) 0, var(--accent) 8px, var(--paper-3) 8px, var(--paper-3) 16px);animation:.6s linear infinite stripedMove}@keyframes stripedMove{to{background-position:16px 0}}.task-stages{gap:var(--space-4);margin-top:var(--space-2);display:flex}.task-stage{align-items:center;gap:var(--space-2);display:flex}.task-stage .stage-dot{background:var(--paper-3);border:1px solid var(--border);border-radius:50%;width:6px;height:6px}.task-stage.active .stage-dot{background:var(--accent);border-color:var(--accent)}.task-stage.done .stage-dot{background:var(--success);border-color:var(--success)}.task-stage .stage-label{color:var(--ink-3);font-size:.7rem}.task-stage.active .stage-label,.task-stage.done .stage-label{color:var(--ink-2)}.result-card{background:var(--paper-2-glass);border:1px solid var(--border);border-radius:var(--radius-card);padding:var(--space-4);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.result-card-header{align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.result-card-header .result-icon{color:var(--accent);flex-shrink:0}.result-card-header .result-filename{color:var(--ink);font-size:.875rem;font-weight:600}.result-formats{gap:var(--space-2);flex-wrap:wrap;display:flex}.result-formats-divider{background:var(--rule);width:100%;height:1px;margin:var(--space-2) 0}.format-chip{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-input);font-family:var(--font-mono);color:var(--ink-2);cursor:pointer;text-transform:uppercase;letter-spacing:.03em;transition:border-color var(--transition-fast), color var(--transition-fast);font-size:.7rem;font-weight:600;display:inline-flex}.format-chip:hover,.format-chip.downloading{border-color:var(--accent);color:var(--accent)}.format-chip.save-library-chip{border-color:var(--success);color:var(--success)}.format-chip.save-library-chip:hover{background:oklch(45% .16 140/.1)}.format-chip.active{background:var(--accent);color:var(--paper);border-color:var(--accent)}.cost-badge{color:var(--ink-3);font-size:.7rem;font-family:var(--font-mono)}.workspace-chip{padding:var(--space-1) var(--space-3);background:var(--paper-3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--ink-2);cursor:pointer;font-size:.75rem;display:inline-flex}.workspace-chip:hover{border-color:var(--accent);color:var(--accent)}.refund-badge{color:var(--success);font-size:.7rem;font-family:var(--font-mono)}.reprocess-btn{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-input);color:var(--ink-3);cursor:pointer;background:0 0;font-size:.75rem;display:inline-flex}.reprocess-btn:hover{border-color:var(--ink);color:var(--ink)}.library-header{align-items:center;gap:var(--space-4);padding-bottom:var(--space-5);border-bottom:1px solid var(--border);margin-bottom:var(--space-6);display:flex}.library-header h2{color:var(--ink);letter-spacing:-.04em;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:400}.library-actions{align-items:center;gap:var(--space-3);margin-left:auto;display:flex}.library-search{align-items:center;gap:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-input);padding:var(--space-2) var(--space-3);background:var(--paper);transition:border-color var(--transition-fast);display:flex}.library-search:focus-within{border-color:var(--accent)}.library-search input{color:var(--ink);background:0 0;border:none;outline:none;font-size:.875rem}.library-search svg{color:var(--ink-3);flex-shrink:0}.library-view-toggle{border:1px solid var(--border);border-radius:var(--radius-input);display:flex;overflow:hidden}.library-view-toggle .btn-icon{border:none;border-radius:0;width:32px;height:32px}.library-view-toggle .btn-icon.active{background:var(--ink);color:var(--paper)}.library-limit{color:var(--ink-3);font-size:.75rem;font-family:var(--font-mono)}.library-sort-select{padding:var(--space-2) var(--space-3);background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-input);color:var(--ink);font-size:.8rem}.library-layout{gap:var(--space-8);grid-template-columns:220px 1fr;align-items:start;display:grid}@media (width<=900px){.library-layout{grid-template-columns:1fr}}.library-sidebar-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.library-sidebar-header h4{color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-weight:700}.library-book-list{flex-direction:column;gap:2px;display:flex}.library-book-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-card);cursor:pointer;transition:background var(--transition-fast);border-left:3px solid #0000;display:flex}.library-book-item:hover{background:var(--paper-2)}.library-book-item.active{background:var(--paper-2);border-left-color:var(--accent)}.library-book-item-btn{color:var(--ink-2);cursor:pointer;text-align:left;background:0 0;border:none;flex:1;font-size:.875rem}.library-book-count{font-family:var(--font-mono);color:var(--ink-3);font-size:.7rem}.library-book-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.library-book-delete{color:var(--ink-3);cursor:pointer;opacity:0;transition:opacity var(--transition-fast);background:0 0;border:none}.library-book-item:hover .library-book-delete{opacity:1}.library-book-delete:hover{color:var(--error)}.library-create-book{gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-card);flex-direction:column;display:flex}.library-create-book input{padding:var(--space-2);font-size:.875rem}.library-color-picker{gap:var(--space-2);flex-wrap:wrap;display:flex}.library-color-btn{cursor:pointer;border:2px solid #0000;border-radius:50%;width:16px;height:16px}.library-color-btn.active,.library-color-btn:hover{border-color:var(--ink)}.library-create-actions{gap:var(--space-2);display:flex}.library-section-title{margin-bottom:var(--space-4)}.library-section-title h3{color:var(--ink);letter-spacing:-.02em;font-size:1.125rem;font-weight:700}.library-empty{padding:var(--space-12);text-align:center;border:1px dashed var(--border);border-radius:var(--radius-card)}.library-empty h3{color:var(--ink);margin-bottom:var(--space-2);font-size:1.125rem;font-weight:700}.library-empty p{color:var(--ink-3)}.library-scores.grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.library-scores.list{gap:var(--space-2);flex-direction:column;display:flex}.library-score-card{background:var(--paper-2);border:1px solid var(--border);border-radius:var(--radius-card);transition:border-color var(--transition-fast);overflow:hidden}.library-score-card:hover{border-color:var(--ink)}.library-scores.list .library-score-card{align-items:center;gap:var(--space-3);padding:var(--space-3);grid-template-columns:60px 1fr auto;display:grid}.library-score-icon{color:var(--ink-3)}.library-score-info{padding:var(--space-3)}.library-score-title{color:var(--ink);letter-spacing:-.01em;font-size:.875rem;font-weight:600}.library-score-meta{color:var(--ink-3);font-size:.75rem;font-family:var(--font-mono);margin-top:2px}.library-score-type{font-size:.65rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3)}.library-score-actions{gap:var(--space-1);opacity:0;transition:opacity var(--transition-fast);display:flex}.library-score-card:hover .library-score-actions{opacity:1}.library-score-actions .action-btn.delete:hover{border-color:var(--error);color:var(--error)}.library-score-title-link{color:var(--ink);text-decoration:none}.library-score-title-link:hover{color:var(--accent);text-decoration:underline}.library-score-thumb-btn{cursor:pointer;background:0 0;border:none;width:100%;padding:0;display:block}.library-score-thumb{aspect-ratio:3/4;background:var(--paper);border-bottom:1px solid var(--border);position:relative;overflow:hidden}.library-score-thumb img{object-fit:cover;width:100%;height:100%}.library-score-thumb-fallback{height:100%;color:var(--ink-3);justify-content:center;align-items:center;display:flex}.library-score-thumb-overlay{opacity:0;transition:opacity var(--transition-fast);color:var(--paper);background:oklch(10% .01 265/.5);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.library-score-card:hover .library-score-thumb-overlay,.library-score-thumb-btn:focus-visible .library-score-thumb-overlay{opacity:1}.library-score-body{padding:var(--space-3)}.library-move-list{flex-direction:column;gap:2px;display:flex}.library-move-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-card);cursor:pointer;transition:background var(--transition-fast);display:flex}.library-move-item:hover{background:var(--paper-2)}.library-move-item.active{background:var(--accent-subtle)}.pricing-page-container{max-width:900px;margin:0 auto}.pricing-hero{padding:var(--space-16) 0 var(--space-12);text-align:center;border-bottom:1px solid var(--border);margin-bottom:var(--space-12)}.pricing-hero h1{font-family:var(--font-main);color:var(--ink);letter-spacing:-.05em;margin-bottom:var(--space-4);font-size:clamp(2.5rem,6vw,5rem);font-weight:800;line-height:1}.pricing-hero-sub{color:var(--ink-2);max-width:480px;margin:0 auto;font-size:1.125rem}.pricing-page-header{margin-bottom:var(--space-10)}.pricing-page-header h1{color:var(--ink);letter-spacing:-.04em;font-size:clamp(2rem,5vw,4rem);font-weight:800}.pricing-page-header p{color:var(--ink-2);margin-top:var(--space-2);font-size:1rem}.pricing-page-grid{gap:var(--space-6);margin-bottom:var(--space-12);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=768px){.pricing-page-grid{grid-template-columns:1fr}}.pricing-page-card{background:var(--paper-2);border:2px solid var(--border);border-radius:var(--radius-card);padding:var(--space-8);gap:var(--space-4);transition:border-color var(--transition-fast);flex-direction:column;display:flex}.pricing-page-card:hover{border-color:var(--ink)}.pricing-page-popular{background:var(--accent-subtle);position:relative;border-color:var(--accent)!important}.pricing-page-popular:hover{border-color:var(--accent-hover)!important}.pricing-page-name{font-family:var(--font-ui);color:var(--ink-3);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-2);font-size:.7rem;font-weight:500}.pricing-page-tokens{font-family:var(--font-ui);color:var(--ink);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:2.25rem;font-weight:500;line-height:1}.pricing-page-tokens span{color:var(--ink-3);font-size:1rem;font-weight:400}.pricing-page-price{font-family:var(--font-ui);color:var(--accent);letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:1.1rem;font-weight:500}.pricing-page-actions{margin-top:auto}.pricing-page-btn{width:100%;padding:var(--space-3) var(--space-6);background:var(--accent);color:var(--paper);border:2px solid var(--accent);border-radius:var(--radius-input);text-align:center;cursor:pointer;transition:background var(--transition-fast);letter-spacing:-.01em;font-size:.875rem;font-weight:700;display:block}.pricing-page-btn:hover{background:var(--accent-hover);border-color:var(--accent-hover);text-decoration:none}.pricing-page-btn-secondary{width:100%;padding:var(--space-3) var(--space-6);color:var(--ink);border:1px solid var(--border);border-radius:var(--radius-input);text-align:center;cursor:pointer;transition:background var(--transition-fast);letter-spacing:-.01em;background:0 0;font-size:.875rem;font-weight:600;display:block}.pricing-page-btn-secondary:hover{background:var(--paper-3);text-decoration:none}.subscription-features{gap:var(--space-2);margin:var(--space-2) 0;flex-direction:column;list-style:none;display:flex}.subscription-features li{color:var(--ink-2);align-items:flex-start;gap:var(--space-2);font-size:.8125rem;display:flex}.subscription-features li:before{content:"—";color:var(--accent);flex-shrink:0;margin-top:.1em;font-weight:700}.pricing-section{margin-top:var(--space-12)}.pricing-section-header{align-items:baseline;gap:var(--space-4);margin-bottom:var(--space-6);border-bottom:2px solid var(--ink);padding-bottom:var(--space-4);display:flex}.pricing-section-header h2{font-family:var(--font-display);color:var(--ink);letter-spacing:-.02em;font-size:1.75rem;font-weight:700}.pricing-section-tag{padding:2px var(--space-3);border:1px solid var(--accent);font-family:var(--font-ui);color:var(--accent);text-transform:uppercase;letter-spacing:.08em;background:0 0;border-radius:0;font-size:.65rem;font-weight:500;display:inline-flex}.pricing-section-sub{color:var(--ink-2);margin-top:var(--space-4);font-size:.875rem}.saved-pill{padding:2px var(--space-2);color:oklch(35% .14 140);border-radius:var(--radius-sm);font-size:.7rem;font-weight:700;font-family:var(--font-mono);background:oklch(45% .16 140/.15);display:inline-flex}.expired-pill{padding:2px var(--space-2);color:oklch(40% .2 25);border-radius:var(--radius-sm);font-size:.7rem;font-weight:700;font-family:var(--font-mono);background:oklch(50% .22 25/.12);display:inline-flex}.ton-row{align-items:center;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--rule);display:flex}.ton-row-label{color:var(--ink-2);flex:1;font-size:.875rem}.ton-row-value{font-family:var(--font-mono);color:var(--ink);font-size:.875rem;font-weight:600}.guide-page{max-width:1000px;margin:0 auto}.guide-header{padding-bottom:var(--space-6);border-bottom:1px solid var(--border);margin-bottom:var(--space-8)}.guide-header h1{color:var(--ink);letter-spacing:-.04em;font-size:clamp(2rem,5vw,3.5rem);font-weight:400}.guide-subtitle{color:var(--ink-2);margin-top:var(--space-3);font-size:1.125rem}.guide-layout{gap:var(--space-10);grid-template-columns:220px 1fr;align-items:start;display:grid}@media (width<=900px){.guide-layout{grid-template-columns:1fr}}.guide-toc{top:var(--space-6);position:sticky}.guide-toc h4{color:var(--ink-3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-3);font-size:.7rem;font-weight:700}.guide-toc ul{border-left:1px solid var(--border);list-style:none}.guide-toc a{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);color:var(--ink-2);transition:color var(--transition-fast), border-left-color var(--transition-fast), padding-left var(--transition-fast);border-left:2px solid #0000;margin-left:-1px;font-size:.8125rem;text-decoration:none;display:flex}.guide-toc a:hover{color:var(--accent);padding-left:calc(var(--space-4) + 4px);text-decoration:none}.guide-toc a.active{color:var(--accent);border-left-color:var(--accent);padding-left:calc(var(--space-4) + 4px);font-weight:500}.guide-section{margin-bottom:var(--space-12);padding-bottom:var(--space-12);border-bottom:1px solid var(--border)}.guide-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.guide-section-header{align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-4);display:flex}.guide-section-icon{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--paper-2-glass);width:44px;height:44px;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));color:var(--accent);box-shadow:var(--shadow-xs);transition:border-color var(--transition-fast), transform var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.guide-section:hover .guide-section-icon{border-color:var(--accent);transform:scale(1.05)}.guide-section-header h2{color:var(--ink);letter-spacing:-.03em;font-size:1.375rem;font-weight:400}.guide-section-body>p{color:var(--ink-2);margin-bottom:var(--space-6);font-size:.9375rem;line-height:1.7}.guide-steps{counter-reset:guide-step;gap:var(--space-4);flex-direction:column;list-style:none;display:flex}.guide-steps li{gap:var(--space-4);counter-increment:guide-step;grid-template-columns:32px 1fr;display:grid}.guide-step-num{border:1px solid var(--border);width:32px;height:32px;font-family:var(--font-mono);color:var(--ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.guide-steps li strong{color:var(--ink);margin-bottom:var(--space-1);font-size:.875rem;font-weight:700;display:block}.guide-steps li p{color:var(--ink-2);font-size:.875rem}.guide-tips-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.guide-tip{padding:var(--space-5);background:var(--paper-2-glass);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-xs);transition:border-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast)}.guide-tip:hover{border-color:var(--accent);box-shadow:var(--shadow-card);transform:translateY(-2px)}.guide-tip-icon{color:var(--accent);margin-bottom:var(--space-3)}.guide-tip strong{color:var(--ink);margin-bottom:var(--space-2);font-size:.875rem;font-weight:700;display:block}.guide-tip p{color:var(--ink-2);font-size:.8125rem}.guide-callout{padding:var(--space-5);background:var(--accent-subtle);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:0 var(--radius-card) var(--radius-card) 0;margin:var(--space-6) 0}.guide-callout strong{color:var(--ink);margin-bottom:var(--space-2);font-size:.875rem;font-weight:700;display:block}.guide-callout p{color:var(--ink-2);font-size:.875rem}.guide-faq-item{border-bottom:1px solid var(--rule);transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);border-radius:var(--radius-input);margin-bottom:var(--space-2)}.guide-faq-item.open{background:var(--paper-2-glass);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border);box-shadow:var(--shadow-xs)}.guide-faq-q{padding:var(--space-4);cursor:pointer;width:100%;color:var(--ink);text-align:left;transition:color var(--transition-fast);background:0 0;border:none;justify-content:space-between;align-items:center;font-size:.9375rem;font-weight:600;display:flex}.guide-faq-q:hover{color:var(--accent)}.guide-faq-q svg{color:var(--ink-3);transition:transform var(--transition-base);flex-shrink:0}.guide-faq-item.open .guide-faq-q svg{color:var(--accent);transform:rotate(180deg)}.guide-faq-answer-wrapper{transition:grid-template-rows var(--transition-slow), opacity var(--transition-slow);opacity:0;grid-template-rows:0fr;display:grid;overflow:hidden}.guide-faq-answer-wrapper.open{opacity:1;grid-template-rows:1fr}.guide-faq-a{min-height:0;padding:0 var(--space-4) var(--space-4);color:var(--ink-2);font-size:.875rem;line-height:1.7}.guide-shortcuts-table{border-collapse:collapse;width:100%}.guide-shortcuts-table th{color:var(--ink-3);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border);text-align:left;font-size:.75rem;font-weight:700}.guide-shortcuts-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--rule);color:var(--ink-2);font-size:.875rem}.guide-shortcuts-table kbd{padding:2px var(--space-2);background:var(--paper-3);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--ink);border-bottom-width:3px;font-size:.75rem;display:inline-flex;box-shadow:0 1px 1px oklch(0% 0 0/.1)}.guide-section-cta{margin-top:var(--space-6)}.guide-cta{margin-top:var(--space-10);padding:var(--space-8);border:1px solid var(--border);border-radius:var(--radius-card);text-align:center}.blog-page-container{max-width:800px;margin:0 auto}.blog-header-title{color:var(--ink);letter-spacing:-.04em;margin-bottom:var(--space-2);font-size:clamp(2rem,5vw,3.5rem);font-weight:800}.blog-header-desc{color:var(--ink-2);margin-bottom:var(--space-8);font-size:1rem}.blog-filters-container{margin-bottom:var(--space-6)}.blog-filters-row{gap:var(--space-3);flex-wrap:wrap;display:flex}.blog-search-wrap{position:relative}.blog-search-input{padding:var(--space-2) var(--space-3) var(--space-2) var(--space-8);border:1px solid var(--border);border-radius:var(--radius-input);color:var(--ink);background:var(--paper);font-size:.875rem}.blog-filter-btn{padding:var(--space-2) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--ink-2);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast);background:0 0;font-size:.8125rem}.blog-filter-btn:hover{border-color:var(--ink);color:var(--ink)}.blog-filter-btn.active{border-color:var(--accent);color:var(--accent);background:var(--accent-subtle)}.blog-grid{flex-direction:column;display:flex}.blog-card{padding:var(--space-6) 0;border-bottom:1px solid var(--rule);grid-template-columns:1fr;transition:none;display:grid}.blog-card-meta{align-items:center;gap:var(--space-4);margin-bottom:var(--space-2);display:flex}.blog-card-category{padding:2px var(--space-2);background:var(--paper-2);border:1px solid var(--border);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);font-size:.65rem;font-weight:700;display:inline-flex}.blog-card-date{font-family:var(--font-mono);color:var(--ink-3);font-size:.75rem}.blog-card-title{color:var(--ink);letter-spacing:-.02em;margin-bottom:var(--space-2);font-size:1.25rem;font-weight:700;line-height:1.3}.blog-card:hover .blog-card-title{color:var(--accent)}.blog-card-excerpt{color:var(--ink-2);font-size:.9rem;line-height:1.6}.blog-card-link{color:inherit;text-decoration:none;display:block}.blog-card-link:hover{text-decoration:none}.blog-back-link{align-items:center;gap:var(--space-2);color:var(--ink-2);margin-bottom:var(--space-6);font-size:.875rem;text-decoration:none;display:inline-flex}.blog-back-link:hover{color:var(--ink);text-decoration:none}.blog-article-header h1{color:var(--ink);letter-spacing:-.04em;margin-bottom:var(--space-4);font-size:clamp(1.75rem,5vw,3rem);font-weight:800;line-height:1.2}.blog-article-excerpt{color:var(--ink-2);margin-bottom:var(--space-8);padding-bottom:var(--space-8);border-bottom:1px solid var(--rule);font-size:1.125rem;line-height:1.7}.blog-article-content{max-width:70ch}.blog-article-content h2{color:var(--ink);letter-spacing:-.02em;margin:var(--space-8) 0 var(--space-4);font-size:1.375rem;font-weight:700}.blog-article-content h3{color:var(--ink);letter-spacing:-.01em;margin:var(--space-6) 0 var(--space-3);font-size:1.125rem;font-weight:600}.blog-article-content p{color:var(--ink-2);margin-bottom:var(--space-4);font-size:1rem;line-height:1.75}.blog-article-content ul,.blog-article-content ol{padding-left:var(--space-6);margin-bottom:var(--space-4)}.blog-article-content li{color:var(--ink-2);margin-bottom:var(--space-2);font-size:1rem;line-height:1.7}.blog-article-content code{font-family:var(--font-mono);background:var(--paper-3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--ink);padding:1px 4px;font-size:.85em}.blog-table{border-collapse:collapse;width:100%}.blog-table th{border-bottom:1px solid var(--border);padding:var(--space-2) var(--space-4);color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;text-align:left;font-size:.75rem;font-weight:700}.blog-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--rule);color:var(--ink-2);font-size:.875rem}[data-theme=light] .blog-table td{border-color:var(--rule)}.blog-related{margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--border)}.blog-related-title{color:var(--ink-3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-5);font-size:.75rem;font-weight:700}.blog-related-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}@media (width<=600px){.blog-related-grid{grid-template-columns:1fr}}.blog-related-card{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-card);transition:border-color var(--transition-fast);text-decoration:none;display:block}.blog-related-card:hover{border-color:var(--ink);text-decoration:none}.blog-related-card h4{color:var(--ink);letter-spacing:-.02em;font-size:.9375rem;font-weight:600}.blog-related-card-category{color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-2);font-size:.65rem;font-family:var(--font-mono)}.blog-post-loading{padding:var(--space-12);text-align:center;color:var(--ink-3)}.blog-empty-loading{padding:var(--space-8);text-align:center;color:var(--ink-3)}.blog-meta-margin{margin-bottom:var(--space-8)}.blog-admin-panel{max-width:900px}.blog-admin-header{padding-bottom:var(--space-4);border-bottom:1px solid var(--border);margin-bottom:var(--space-8);justify-content:space-between;align-items:center;display:flex}.blog-admin-title{color:var(--ink);letter-spacing:-.03em;font-size:1.5rem;font-weight:800}.blog-admin-grid{gap:var(--space-4);margin-bottom:var(--space-8);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.blog-admin-card{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-card)}.blog-admin-card-title{color:var(--ink);margin-bottom:var(--space-2);font-size:.9375rem;font-weight:600}.blog-admin-card-meta{color:var(--ink-3);font-size:.75rem;font-family:var(--font-mono);margin-bottom:var(--space-3)}.blog-admin-card-actions{gap:var(--space-2);display:flex}.blog-admin-card-delete{color:var(--error)}.blog-admin-form{gap:var(--space-5);flex-direction:column;display:flex}.blog-admin-form-row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.blog-admin-textarea-short{resize:vertical;height:80px}.blog-admin-textarea-long{resize:vertical;height:400px;font-family:var(--font-mono);font-size:.875rem}.blog-admin-form-actions{gap:var(--space-3);display:flex}.settings-page{max-width:800px;margin:0 auto}.settings-header{padding-bottom:var(--space-5);border-bottom:1px solid var(--border);margin-bottom:var(--space-8)}.settings-header h1{color:var(--ink);letter-spacing:-.04em;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:800}.settings-layout{gap:var(--space-8);grid-template-columns:200px 1fr;align-items:start;display:grid}@media (width<=700px){.settings-layout{grid-template-columns:1fr}}.settings-sidebar{border-right:1px solid var(--rule);flex-direction:column;gap:0;display:flex}.settings-tab{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--ink-2);cursor:pointer;text-align:left;transition:color var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;border-right:3px solid #0000;margin-right:-1px;font-size:.875rem;display:flex}.settings-tab:hover{color:var(--ink);background:var(--paper-2)}.settings-tab.active{color:var(--ink);border-right-color:var(--accent);background:var(--paper-2);font-weight:600}.settings-tab.active svg{color:var(--accent)}.settings-section-title{color:var(--ink);letter-spacing:-.01em;margin-bottom:var(--space-4);font-size:.875rem;font-weight:700}.settings-section-desc{color:var(--ink-2);margin-bottom:var(--space-5);font-size:.875rem}.settings-form-group{gap:var(--space-2);margin-bottom:var(--space-5);flex-direction:column;display:flex}.settings-label{color:var(--ink);font-size:.8125rem;font-weight:600}.settings-hint-text{color:var(--ink-3);font-size:.75rem}.settings-warning-text{color:var(--error);font-size:.75rem}.theme-selector-grid{gap:var(--space-4);flex-wrap:wrap;display:flex}.theme-option-btn{align-items:center;gap:var(--space-2);padding:var(--space-3);border:2px solid var(--border);border-radius:var(--radius-card);cursor:pointer;background:var(--paper);transition:border-color var(--transition-fast);flex-direction:column;display:flex}.theme-option-btn:hover{border-color:var(--ink-2)}.theme-option-btn.active{border-color:var(--accent)}.theme-option-preview{border-radius:var(--radius-sm);border:1px solid var(--border);width:64px;height:40px}.theme-option-btn.active .theme-option-preview{border-color:var(--accent)}.theme-option-preview.preview-original{background:linear-gradient(135deg,oklch(12% .01 250),oklch(20% .02 260))}.theme-option-preview.preview-dark{background:linear-gradient(135deg,oklch(10% .008 265),oklch(18% .012 265))}.theme-option-preview.preview-light{background:linear-gradient(135deg,oklch(97% .008 80),oklch(93% .01 80))}.theme-option-label{color:var(--ink-2);font-size:.75rem;font-weight:500}.theme-option-btn.active .theme-option-label{color:var(--ink);font-weight:700}.switch{flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background:var(--paper-3);border:1px solid var(--border);transition:background var(--transition-fast);border-radius:24px;position:absolute;inset:0}.slider:before{content:"";background:var(--ink-3);width:18px;height:18px;transition:transform var(--transition-fast), background var(--transition-fast);border-radius:50%;position:absolute;bottom:2px;left:2px}.switch input:checked+.slider{background:var(--accent);border-color:var(--accent)}.switch input:checked+.slider:before{background:var(--paper);transform:translate(20px)}.privacy-notice-box{padding:var(--space-4);background:var(--paper-2);border:1px solid var(--border);border-radius:var(--radius-card)}.privacy-notice-title{color:var(--ink);margin-bottom:var(--space-2);font-size:.8125rem;font-weight:600}.score-viewer{background:var(--paper);flex-direction:column;height:100vh;display:flex;overflow:hidden}.score-viewer-loading{flex:1;justify-content:center;align-items:center;display:flex}.score-viewer-toolbar{align-items:center;gap:var(--space-3);padding:0 var(--space-4);background:var(--paper-2);border-bottom:1px solid var(--ink);flex-shrink:0;height:52px;display:flex;overflow-x:auto}.score-viewer-toolbar-left,.score-viewer-toolbar-center,.score-viewer-toolbar-right{align-items:center;gap:var(--space-2);display:flex}.score-viewer-toolbar-right{margin-left:auto}.score-viewer-title-block{align-items:center;gap:var(--space-3);display:flex}.score-viewer-title{color:var(--ink);letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:.875rem;font-weight:700;overflow:hidden}.sv-btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-input);height:32px;font-family:var(--font-main);color:var(--ink-2);cursor:pointer;white-space:nowrap;transition:border-color var(--transition-fast), color var(--transition-fast), background var(--transition-fast);background:0 0;font-size:.8rem;display:inline-flex}.sv-btn:hover:not(:disabled){border-color:var(--ink);color:var(--ink)}.sv-btn:active:not(:disabled){background:var(--paper-3)}.sv-btn:disabled{opacity:.4;cursor:not-allowed}.sv-btn-accent{background:var(--accent);border-color:var(--accent);color:var(--paper)}.sv-btn-accent:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);color:var(--paper)}.sv-btn-text{border-color:#0000}.sv-btn-active-edit{border-color:var(--accent);color:var(--accent)}.sv-zoom-group{align-items:center;display:flex}.sv-zoom-group .sv-btn{border-radius:0;margin:0}.sv-zoom-group .sv-btn:first-child{border-radius:var(--radius-input) 0 0 var(--radius-input)}.sv-zoom-group .sv-btn:last-child{border-radius:0 var(--radius-input) var(--radius-input) 0}.sv-zoom-group .sv-btn:hover:not(:disabled){border-color:var(--ink)}.sv-zoom-label{font-family:var(--font-mono);color:var(--ink-3);padding:0 var(--space-2);border:1px solid var(--border);cursor:pointer;border-left:none;border-right:none;align-items:center;height:32px;font-size:.7rem;display:flex}.sv-zoom-label:hover{background:var(--paper-2);color:var(--ink)}.sv-divider{background:var(--rule);flex-shrink:0;width:1px;height:24px}.sv-select{height:32px;padding:0 var(--space-3);background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-input);color:var(--ink);font-size:.8rem}.sv-select:focus{border-color:var(--accent)}.sv-key-btn{padding:var(--space-1) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-input);color:var(--ink-2);cursor:pointer;background:0 0;font-size:.8rem}.sv-key-btn.active{border-color:var(--accent);color:var(--accent);background:var(--accent-subtle)}.sv-key-panel{z-index:var(--z-tooltip);background:var(--paper);border:1px solid var(--ink);border-radius:var(--radius-card);padding:var(--space-4);min-width:280px;box-shadow:var(--shadow-card);position:absolute;top:calc(100% + 4px);left:0}.sv-key-label{color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-2);font-size:.75rem;font-weight:700}.sv-key-grid{gap:var(--space-1);margin-bottom:var(--space-3);grid-template-columns:repeat(6,1fr);display:grid}.sv-key-chip{padding:var(--space-1) 0;border:1px solid var(--border);border-radius:var(--radius-input);font-family:var(--font-mono);color:var(--ink-2);cursor:pointer;text-align:center;transition:border-color var(--transition-fast), color var(--transition-fast), background var(--transition-fast);background:0 0;font-size:.7rem}.sv-key-chip:hover:not(:disabled){border-color:var(--ink);color:var(--ink)}.sv-key-chip.active{background:var(--accent);border-color:var(--accent);color:var(--paper)}.sv-key-chip.original:not(.active){border-style:dashed}.sv-key-detected,.sv-key-current{color:var(--ink-3);font-size:.75rem;font-family:var(--font-mono)}.sv-key-current{color:var(--accent);font-weight:600}.sv-key-confidence{color:var(--ink-3);font-size:.7rem}.sv-key-reset{color:var(--accent);cursor:pointer;background:0 0;border:none;font-size:.8rem}.sv-key-reset:hover{text-decoration:underline}.sv-key-section{padding:var(--space-3) 0;border-top:1px solid var(--rule)}.sv-key-section:last-child{padding-bottom:0}.sv-key-section-label{color:var(--ink-3);font-size:.7rem;font-family:var(--font-mono);margin-bottom:var(--space-2)}.sv-key-semitone-section .sv-select{width:100%}.sv-parts-wrapper{position:relative}.sv-parts-btn.active{border-color:var(--accent);color:var(--accent)}.sv-parts-panel{z-index:var(--z-tooltip);background:var(--paper);border:1px solid var(--ink);border-radius:var(--radius-card);min-width:220px;box-shadow:var(--shadow-card);position:absolute;top:calc(100% + 4px);left:0}.sv-parts-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;display:flex}.sv-parts-title{color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-weight:700}.sv-parts-list{max-height:300px;overflow-y:auto}.sv-parts-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;transition:background var(--transition-fast);display:flex}.sv-parts-item:hover{background:var(--paper-2)}.sv-parts-item-name{color:var(--ink-2);font-size:.875rem}.sv-parts-item-badge{padding:1px var(--space-2);background:var(--paper-3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--ink-3);font-size:.65rem;font-family:var(--font-mono);display:inline-flex}.sv-dropdown-wrapper{position:relative}.sv-dropdown-backdrop{z-index:calc(var(--z-tooltip) - 1);position:fixed;inset:0}.sv-dropdown-menu{z-index:var(--z-tooltip);background:var(--paper);border:1px solid var(--ink);border-radius:var(--radius-card);min-width:180px;box-shadow:var(--shadow-card);position:absolute;top:calc(100% + 4px);right:0}.sv-dropdown-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--ink-2);cursor:pointer;transition:background var(--transition-fast);text-align:left;background:0 0;border:none;width:100%;font-size:.875rem;display:flex}.sv-dropdown-item:hover{background:var(--paper-2);color:var(--ink)}.score-viewer-tabs{padding:0 var(--space-4);background:var(--paper-2);border-bottom:1px solid var(--border);flex-shrink:0;display:flex}.sv-tab{padding:var(--space-3) var(--space-5);color:var(--ink-3);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;font-size:.8125rem;font-weight:500}.sv-tab:hover{color:var(--ink)}.sv-tab.active{color:var(--ink);border-bottom-color:var(--accent);font-weight:700}.score-viewer-content{flex:1;width:100%;display:flex;overflow:hidden}.score-viewer-main{flex:1;width:100%;min-width:100%;position:relative}.score-viewer-score-area{background:oklch(97.5% .01 80);flex:1;width:100%;position:relative;overflow:auto}.score-viewer-osmd{padding:var(--space-6);box-sizing:border-box;width:100%;min-height:100%}.score-viewer-original{flex:1;overflow:auto}.score-viewer-original img{max-width:100%;height:auto}.score-viewer-original object{border:none;width:100%;height:100%}.score-viewer-status{padding:var(--space-4);text-align:center;color:var(--ink-3);font-size:.875rem}.sw-body{flex-direction:column;height:100vh;display:flex;overflow:hidden}.sw-body .score-viewer-content{flex-direction:row;flex:1;display:flex;overflow:hidden}.sw-sidebar{background:var(--paper-2);border-left:1px solid var(--border);flex-direction:column;flex-shrink:0;width:280px;display:flex;overflow:hidden}.sw-sidebar-tabs{border-bottom:1px solid var(--border);display:flex}.sw-sidebar-tab{padding:var(--space-3);color:var(--ink-3);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;font-size:.75rem;font-weight:500}.sw-sidebar-tab:hover{color:var(--ink)}.sw-sidebar-tab.active{color:var(--ink);border-bottom-color:var(--accent);font-weight:700}.sw-sidebar-content{padding:var(--space-4);flex:1;overflow-y:auto}.sw-info-row{padding:var(--space-3) 0;border-bottom:1px solid var(--rule);transition:background var(--transition-fast);flex-direction:column;gap:2px;display:flex}.sw-info-row:hover{background:var(--paper-3);margin:0 calc(-1 * var(--space-4));padding:var(--space-3) var(--space-4)}.sw-info-label{color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;font-size:.7rem;font-weight:700}.sw-info-value{color:var(--ink);font-size:.875rem;font-family:var(--font-mono)}.sw-notes{gap:var(--space-3);flex-direction:column;display:flex}.sw-notes-input{gap:var(--space-2);display:flex}.sw-notes-input input{padding:var(--space-2) var(--space-3);flex:1;font-size:.875rem}.sw-notes-input input::placeholder{color:var(--ink-3)}.sw-notes-add{flex-shrink:0}.sw-notes-add:disabled{opacity:.4;cursor:not-allowed}.sw-notes-empty{text-align:center;padding:var(--space-6);color:var(--ink-3);font-size:.875rem}.sw-notes-list{gap:var(--space-2);flex-direction:column;display:flex}.sw-note-card{padding:var(--space-3);background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-card)}.sw-note-card:hover{border-color:var(--ink-2)}.sw-note-card p{color:var(--ink-2);font-size:.875rem;line-height:1.5}.sw-note-footer{margin-top:var(--space-2);justify-content:space-between;align-items:center;display:flex}.sw-note-date{font-family:var(--font-mono);color:var(--ink-3);font-size:.7rem}.sw-note-delete{color:var(--ink-3);cursor:pointer;background:0 0;border:none}.sw-note-delete:hover{color:var(--error)}.sw-shortcut-row{padding:var(--space-2) 0;border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;display:flex}.sw-shortcut-row:hover{background:var(--paper-3);margin:0 calc(-1 * var(--space-4));padding:var(--space-2) var(--space-4)}.sw-kbd{padding:2px var(--space-2);background:var(--paper-2);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--ink);border-bottom-width:2px;font-size:.7rem;display:inline-flex}.sw-kbd-large{padding:var(--space-1) var(--space-3);font-size:.75rem}.sw-split-view{flex:1;display:flex;overflow:hidden}.sw-split-pane{flex-direction:column;flex:1;display:flex;overflow:auto}.sw-split-pane-scroll{flex:1;overflow:auto}.sw-split-divider{background:var(--border);cursor:col-resize;flex-shrink:0;width:4px}.sw-split-divider:hover{background:var(--accent)}.sw-split-pane .score-viewer-score-area,.sw-split-pane .score-viewer-original{flex:1}.sw-split-pane .score-viewer-original img{max-width:100%}.sw-split-zoom{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);background:var(--paper-2);display:flex}.sw-split-zoom button{border:1px solid var(--border);border-radius:var(--radius-input);padding:var(--space-1) var(--space-2);color:var(--ink-2);cursor:pointer;background:0 0}.sw-split-zoom button:hover{border-color:var(--ink);color:var(--ink)}.sw-split-zoom span{font-family:var(--font-mono);color:var(--ink-3);font-size:.75rem}.sw-split-zoom-label{color:var(--ink-3);font-size:.75rem}.sw-status-bar{padding:0 var(--space-4);background:var(--paper-2);border-top:1px solid var(--border);height:28px;font-family:var(--font-mono);color:var(--ink-3);flex-shrink:0;justify-content:space-between;align-items:center;font-size:.7rem;display:flex}.sw-status-left,.sw-status-right{align-items:center;gap:var(--space-4);display:flex}.sw-status-loop{color:var(--accent)}.sw-transpose-badge{padding:1px var(--space-2);background:var(--accent-subtle);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--accent);border:1px solid oklch(55% .2 30/.4);font-size:.7rem;display:inline-flex}.sw-transpose-reset{color:var(--ink-3);cursor:pointer;font-family:var(--font-mono);background:0 0;border:none;font-size:.7rem}.sw-transpose-reset:hover{color:var(--accent)}.sw-loading-overlay{z-index:10;background:oklch(97% .008 80/.8);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.sw-sidebar-backdrop{z-index:calc(var(--z-sidebar) - 1);display:none;position:fixed;inset:0}@media (width<=900px){.sw-sidebar-backdrop{display:block}}.score-viewer-dark .score-viewer-toolbar{background:var(--paper)}.score-viewer-dark .sw-sidebar{background:var(--paper-2)}.score-viewer-dark .score-viewer-tabs{background:var(--paper)}.score-preview-header{padding:var(--space-3);border-bottom:1px solid var(--border)}.score-preview-loading,.score-preview-error{padding:var(--space-8);color:var(--ink-3);justify-content:center;align-items:center;display:flex}.confidence-badge{padding:2px var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.65rem;font-weight:700;display:inline-flex}.confidence-badge.high{color:oklch(35% .14 140);background:oklch(45% .16 140/.15)}.confidence-badge.mid{background:var(--accent-subtle);color:var(--accent)}.confidence-badge.low{color:oklch(40% .2 25);background:oklch(50% .22 25/.12)}.sw-stats-grid{gap:var(--space-3);margin-bottom:var(--space-5);grid-template-columns:1fr 1fr;display:grid}.sw-stat-card{padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-card)}.sw-stat-value{font-family:var(--font-mono);color:var(--accent);letter-spacing:-.03em;font-size:1.25rem;font-weight:700}.sw-stat-label{color:var(--ink-3);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.sw-stats-section{margin-bottom:var(--space-4)}.sw-stats-section-title{color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-2);font-size:.7rem;font-weight:700}.sw-stats-parts{gap:var(--space-1);flex-wrap:wrap;display:flex}.sw-stats-part-chip{padding:2px var(--space-2);background:var(--paper-3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--ink-2);font-size:.7rem;display:inline-flex}.score-viewer-expired{padding:var(--space-8);flex:1;justify-content:center;align-items:center;display:flex}.sv-expired-panel{text-align:center;border:1px solid var(--border);border-radius:var(--radius-card);max-width:400px;padding:var(--space-8)}.sv-expired-title{color:var(--ink);letter-spacing:-.02em;margin-bottom:var(--space-3);font-size:1.25rem;font-weight:800}.sv-expired-desc{color:var(--ink-2);margin-bottom:var(--space-6)}.sv-expired-actions{gap:var(--space-3);justify-content:center;display:flex}.sv-error-text{color:var(--error);font-size:.875rem}.sv-original-status-desc{color:var(--ink-3);font-size:.8125rem}.sv-pdf-fallback{font-size:.875rem}.sv-pdf-fallback-desc{color:var(--ink-3);font-size:.8rem}.sv-instrument-select:hover,.sv-instrument-select:focus{border-color:var(--accent)}.sv-instrument-dropdown-menu{z-index:var(--z-tooltip);background:var(--paper);border:1px solid var(--ink);border-radius:var(--radius-card);min-width:220px;box-shadow:var(--shadow-card);position:absolute;top:calc(100% + 4px);left:0}.semitone-stepper{align-items:center;display:flex}.sv-stepper-btn{border:1px solid var(--border);cursor:pointer;width:32px;height:32px;color:var(--ink-2);transition:border-color var(--transition-fast), color var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.sv-stepper-btn:hover:not(:disabled){border-color:var(--ink);color:var(--ink)}.sv-stepper-btn:disabled{opacity:.4;cursor:not-allowed}.sv-stepper-btn:first-child{border-radius:var(--radius-input) 0 0 var(--radius-input)}.sv-stepper-btn:last-child{border-radius:0 var(--radius-input) var(--radius-input) 0;border-left:none}.sv-stepper-value{border:1px solid var(--border);width:48px;height:32px;font-family:var(--font-mono);color:var(--ink);border-left:none;justify-content:center;align-items:center;font-size:.8rem;display:flex}.sv-loop-btn.loop-setStart,.sv-loop-btn.loop-setEnd{color:oklch(60% .18 70);border-color:oklch(60% .18 70)}.sv-loop-btn.loop-active{color:var(--paper);background:oklch(60% .18 70);border-color:oklch(60% .18 70)}.sw-loop-hint{align-items:center;gap:var(--space-2);color:var(--ink-3);font-size:.75rem;display:flex}.wake-lock-pill{align-items:center;gap:var(--space-1);padding:2px var(--space-2);background:var(--paper-3);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--ink-3);font-size:.65rem;display:inline-flex}.metronome-indicator{background:var(--border);border-radius:50%;width:8px;height:8px}.search-empty-state{padding:var(--space-8);text-align:center;color:var(--ink-3)}.search-empty-state p{font-size:.875rem}.score-floating-controls{pointer-events:auto;z-index:50!important;flex-flow:row!important;align-items:center!important;width:max-content!important;max-width:calc(100vw - 32px)!important;height:auto!important;max-height:48px!important;display:flex!important;bottom:84px!important;left:50%!important;transform:translate(-50%)!important}.audio-player{background:var(--paper-2);border-top:1px solid var(--ink);padding:var(--space-2) var(--space-4);flex-direction:column;flex-shrink:0;display:flex}.audio-player.floating{z-index:var(--z-sidebar);box-shadow:none;position:fixed;bottom:0;left:0;right:0}.audio-player.floating.hidden-top{transition:transform var(--transition-base);transform:translateY(100%)}.audio-player-hidden{display:none!important}.audio-player-mini{padding:var(--space-1) var(--space-4)}.audio-dock-toggle{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--ink-2);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;justify-content:center;align-items:center;padding:4px;font-size:.75rem;display:inline-flex}.audio-dock-toggle:hover{background:var(--paper-3);color:var(--ink)}.audio-player-row-1,.audio-player-row-2{align-items:center;gap:var(--space-3);display:flex}.audio-control-group{align-items:center;gap:var(--space-2);display:flex}.audio-divider{background:var(--rule);width:1px;height:20px}.ab-hint{font-family:var(--font-mono);color:var(--ink-3);font-size:.65rem}.bpm-control-group{align-items:center;gap:var(--space-1);display:flex;position:relative}.bpm-step-btn{border:1px solid var(--border);border-radius:var(--radius-sm);width:24px;height:24px;color:var(--ink-3);cursor:pointer;transition:border-color var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.bpm-step-btn:hover{border-color:var(--ink);color:var(--ink)}.bpm-display{padding:var(--space-1) var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--transition-fast);align-items:baseline;gap:2px;display:flex}.bpm-display:hover{border-color:var(--ink)}.bpm-display.bpm-modified{border-color:var(--accent)}.bpm-value{font-family:var(--font-mono);color:var(--ink);font-size:.875rem;font-weight:700}.bpm-mult{font-family:var(--font-mono);color:var(--ink-3);font-size:.65rem}.bpm-popover{background:var(--paper);border:1px solid var(--ink);border-radius:var(--radius-card);padding:var(--space-4);min-width:200px;box-shadow:var(--shadow-card);z-index:var(--z-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.bpm-popover-header{color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-3);font-size:.75rem;font-weight:700}.bpm-popover-input-row{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.bpm-input{width:72px;padding:var(--space-2);font-family:var(--font-mono);text-align:center;font-size:1rem;font-weight:700}.bpm-input::-webkit-inner-spin-button{-webkit-appearance:none}.bpm-input::-webkit-outer-spin-button{-webkit-appearance:none}.bpm-presets-row{gap:var(--space-1);flex-wrap:wrap;display:flex}.bpm-preset-btn{padding:2px var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--ink-2);cursor:pointer;background:0 0;font-size:.7rem}.bpm-preset-btn:hover{border-color:var(--ink);color:var(--ink)}.bpm-preset-btn.active{background:var(--accent);color:var(--paper);border-color:var(--accent)}.bpm-extras-row{margin-top:var(--space-2)}.audio-player-controls{align-items:center;gap:var(--space-2);display:flex}.audio-play-btn{background:var(--ink);width:36px;height:36px;color:var(--paper);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast);justify-content:center;align-items:center;display:flex}.audio-play-btn:hover:not(:disabled){background:var(--ink-2);border-color:var(--ink-2)}.audio-play-btn:disabled{opacity:.4;cursor:not-allowed}.audio-play-btn.counting-in{background:var(--accent);border-color:var(--accent)}.audio-play-btn-sm{width:28px;height:28px}.audio-ctrl-btn{border:1px solid var(--border);border-radius:var(--radius-sm);width:30px;height:30px;color:var(--ink-2);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.audio-ctrl-btn:hover:not(:disabled){border-color:var(--ink);color:var(--ink)}.audio-ctrl-btn:disabled{opacity:.4;cursor:not-allowed}.audio-ctrl-active{border-color:var(--accent)!important;color:var(--accent)!important}.audio-time{font-family:var(--font-mono);color:var(--ink-3);white-space:nowrap;font-size:.75rem}.audio-time-mini{font-family:var(--font-mono);color:var(--ink-3);font-size:.7rem}.audio-time-toolbar{font-family:var(--font-mono);color:var(--ink-3);font-size:.75rem}.audio-progress-container{cursor:pointer;flex:1;align-items:center;height:20px;display:flex;position:relative}.audio-progress-bar{background:var(--paper-3);border-radius:0;width:100%;height:3px;position:relative}.audio-progress-thumb{display:none}.audio-progress-container:hover .audio-progress-thumb{background:var(--accent);pointer-events:none;z-index:1;border-radius:50%;width:10px;height:10px;display:block;position:absolute;top:50%;transform:translate(-50%,-50%)}.audio-player-row-1 .audio-progress-container{height:16px}.audio-volume-group{align-items:center;gap:var(--space-2);display:flex}.audio-volume-slider{appearance:none;background:var(--paper-3);cursor:pointer;border-radius:0;outline:none;width:80px;height:3px}.audio-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:12px;height:12px}.audio-volume-slider::-moz-range-thumb{background:var(--accent);cursor:pointer;border:none;border-radius:50%;width:12px;height:12px}.audio-select,.audio-tempo-select{height:28px;padding:0 var(--space-3);background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--ink);font-size:.75rem;font-family:var(--font-mono)}.audio-select:hover,.audio-tempo-select:hover{border-color:var(--ink-2)}.audio-tempo-select.is-modified{border-color:var(--accent);color:var(--accent)}.audio-tempo-lock{color:var(--ink-3);cursor:pointer;background:0 0;border:none}.ab-loop-region{background:var(--accent-subtle);border-left:1px solid var(--accent);border-right:1px solid var(--accent);pointer-events:none;height:100%;position:absolute;top:0}.ab-marker{width:2px;height:calc(100% + 8px);position:absolute;top:-4px}.ab-marker-a{background:var(--success)}.ab-marker-b{background:var(--error)}.audio-progress-container.ab-setting{cursor:crosshair}.modal-overlay{z-index:var(--z-modal);padding:var(--space-4);background:oklch(10% .01 265/.6);justify-content:center;align-items:center;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-card);padding:var(--space-8);width:100%;max-width:480px;box-shadow:var(--shadow-modal);animation:.2s ease-out slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.modal-content h3{color:var(--ink);letter-spacing:-.03em;margin-bottom:var(--space-4);font-size:1.25rem;font-weight:800}.paywall-modal-content{text-align:center}.paywall-modal-title{color:var(--ink);letter-spacing:-.03em;margin-bottom:var(--space-3);font-size:1.375rem;font-weight:800}.paywall-modal-desc{color:var(--ink-2);margin-bottom:var(--space-6);font-size:.9375rem}.paywall-modal-actions{gap:var(--space-3);justify-content:center;display:flex}.save-library-modal{max-width:440px}.save-library-modal .modal-close-btn{top:var(--space-4);right:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-sm);width:28px;height:28px;color:var(--ink-3);cursor:pointer;background:0 0;justify-content:center;align-items:center;display:flex;position:absolute}.save-library-modal .modal-close-btn:hover{border-color:var(--ink);color:var(--ink)}.save-library-title{color:var(--ink);letter-spacing:-.02em;margin-bottom:var(--space-1);font-size:1.125rem;font-weight:700}.save-library-sub{color:var(--ink-3);margin-bottom:var(--space-5);font-size:.875rem}.form-group{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.form-label{color:var(--ink);font-size:.8125rem;font-weight:600}.form-input{padding:var(--space-3);font-size:.875rem}.form-input:focus{border-color:var(--accent)}.form-hint{color:var(--ink-3);font-size:.75rem}.folder-picker-row,.folder-create-row{gap:var(--space-2);display:flex}.folder-picker-row .form-input,.folder-create-row .form-input{flex:1}.form-link-btn{color:var(--accent);cursor:pointer;text-align:left;background:0 0;border:none;font-size:.8125rem}.form-link-btn:hover{text-decoration:underline}.form-actions{gap:var(--space-3);margin-top:var(--space-5);display:flex}.form-actions .btn-primary,.form-actions .btn-secondary{flex:1;justify-content:center}.toast-container{bottom:var(--space-6);right:var(--space-6);z-index:var(--z-toast);gap:var(--space-2);flex-direction:column;display:flex;position:fixed}.toast{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);min-width:280px;max-width:380px;animation:.2s ease-out slideUp;display:flex}.toast-icon{flex-shrink:0}.toast-success{border-color:var(--success)}.toast-success .toast-icon{color:var(--success)}.toast-error{border-color:var(--error)}.toast-error .toast-icon{color:var(--error)}.toast-info{border-color:var(--accent)}.toast-info .toast-icon{color:var(--accent)}.toast-message{color:var(--ink-2);font-size:.875rem;line-height:1.5}.admin-stat-card{padding:var(--space-5);background:var(--paper-2);border:1px solid var(--border);border-radius:var(--radius-card);align-items:flex-start;gap:var(--space-4);display:flex}.admin-stat-icon-wrap{border:2px solid var(--border);border-radius:var(--radius-card);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.admin-stat-icon-wrap.purple{color:oklch(55% .22 290);border-color:oklch(55% .22 290)}.admin-stat-icon-wrap.blue{color:oklch(55% .18 245);border-color:oklch(55% .18 245)}.admin-stat-icon-wrap.green{border-color:var(--success);color:var(--success)}.admin-stat-icon-wrap.orange{border-color:var(--accent);color:var(--accent)}.admin-stat-icon-wrap.red{border-color:var(--error);color:var(--error)}.admin-stat-value{font-family:var(--font-mono);color:var(--ink);letter-spacing:-.04em;font-size:1.75rem;font-weight:700}.admin-stat-label{color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem}.admin-stat-sub{color:var(--ink-3);font-size:.75rem;font-family:var(--font-mono);margin-top:var(--space-1)}.admin-progress-bar{margin-bottom:var(--space-4)}.admin-progress-header{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.admin-progress-label{color:var(--ink-2);font-size:.8125rem}.admin-progress-detail{font-family:var(--font-mono);color:var(--ink-3);font-size:.75rem}.admin-progress-track{background:var(--paper-3);border-radius:0;height:6px;overflow:hidden}.admin-progress-fill{height:100%;transition:width .4s ease-out}.admin-progress-fill.success{background:var(--success)}.admin-progress-fill.warning{background:var(--warning)}.admin-progress-fill.danger{background:var(--error)}.admin-health-item{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;display:flex}.admin-health-item.ok:after{content:"✓";color:var(--success);font-weight:700;font-family:var(--font-mono)}.admin-health-item.fail:after{content:"✗";color:var(--error);font-weight:700;font-family:var(--font-mono)}.admin-health-item-name{color:var(--ink);font-size:.875rem}.admin-health-item-details{color:var(--ink-3);font-size:.75rem;font-family:var(--font-mono)}.admin-error-panel{padding:var(--space-4);border-radius:var(--radius-card);background:oklch(50% .22 25/.08);border:1px solid oklch(50% .22 25/.3)}.admin-error-title{color:var(--error);margin-bottom:var(--space-2);font-size:.875rem;font-weight:700}.admin-error-desc{color:var(--ink-2);font-size:.8125rem}.admin-dashboard-section{margin-bottom:var(--space-8)}.admin-dashboard-title{color:var(--ink);letter-spacing:-.02em;margin-bottom:var(--space-1);font-size:1.25rem;font-weight:700}.admin-dashboard-subtitle{color:var(--ink-3);font-size:.875rem}.admin-tabs-row{border-bottom:1px solid var(--border);margin-bottom:var(--space-6);gap:0;display:flex}.admin-tab-btn{padding:var(--space-3) var(--space-5);color:var(--ink-3);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-2px;font-size:.875rem;font-weight:500}.admin-tab-btn:hover{color:var(--ink)}.admin-stats-grid-wrapper{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.admin-resources-panel,.admin-health-panel{background:var(--paper-2);border:1px solid var(--border);border-radius:var(--radius-card);padding:var(--space-5);margin-bottom:var(--space-5)}.admin-resources-header,.admin-health-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.admin-health-grid{flex-direction:column;display:flex}.admin-health-status-badge,.admin-status-badge{padding:2px var(--space-3);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-sm);font-size:.65rem;font-weight:700;display:inline-flex}.admin-health-status-badge.healthy,.admin-status-badge.healthy{color:oklch(35% .14 140);background:oklch(45% .16 140/.15)}.admin-health-status-badge.degraded,.admin-status-badge.degraded{color:oklch(40% .2 25);background:oklch(50% .22 25/.12)}.admin-deployment-banner{padding:var(--space-4);background:var(--paper-2);border:1px solid var(--border);border-radius:var(--radius-card);gap:var(--space-6);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.admin-deployment-banner.healthy{border-color:var(--success)}.admin-deployment-banner.degraded{border-color:var(--error)}.admin-deployment-banner-item{gap:var(--space-1);flex-direction:column;display:flex}.admin-deployment-banner-label{color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;font-size:.7rem}.admin-deployment-banner-value{font-family:var(--font-mono);color:var(--ink);font-size:.875rem;font-weight:600}.admin-deployment-banner-badge-wrap{align-items:center;display:flex}.admin-selftest-banner{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-card);margin-bottom:var(--space-5)}.admin-selftest-banner.pass{border-color:var(--success);background:oklch(45% .16 140/.06)}.admin-selftest-banner.fail{border-color:var(--error);background:oklch(50% .22 25/.06)}.admin-selftest-banner.running{border-color:var(--accent)}.admin-selftest-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.admin-selftest-status.pass{color:var(--success);font-weight:700}.admin-selftest-status.fail{color:var(--error);font-weight:700}.admin-selftest-status.running{color:var(--accent)}.admin-selftest-checks{gap:var(--space-2);flex-wrap:wrap;display:flex}.admin-selftest-checks-item.ok,.admin-selftest-checks-item.fail{padding:2px var(--space-3);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.7rem;font-weight:600}.admin-selftest-checks-item.ok{color:oklch(35% .14 140);background:oklch(45% .16 140/.12)}.admin-selftest-checks-item.fail{color:oklch(40% .2 25);background:oklch(50% .22 25/.12)}.hero-section{padding:var(--space-16) 0}.hero-section h1{color:var(--ink);letter-spacing:-.05em;margin-bottom:var(--space-5);font-size:clamp(2.5rem,7vw,5rem);font-weight:800;line-height:1}.highlight{color:var(--accent)}.hero-section .hero-subtitle{color:var(--ink-2);max-width:520px;font-size:1.125rem}.hero-cta-group{align-items:center;gap:var(--space-4);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.hero-cta-card{padding:var(--space-8);background:var(--paper-2);border:1px solid var(--border);border-radius:var(--radius-card);position:relative}.hero-cta-card:before{display:none}.hero-cta-card h3{color:var(--ink);letter-spacing:-.02em;margin-bottom:var(--space-2);font-size:1.125rem;font-weight:700}.cta-bonus{padding:2px var(--space-2);background:var(--accent-subtle);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--accent);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-3);border:1px solid oklch(55% .2 30/.4);font-size:.7rem;font-weight:700;display:inline-flex}.hero-trust{align-items:center;gap:var(--space-4);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.trust-item{align-items:center;gap:var(--space-2);color:var(--ink-3);font-size:.8125rem;display:flex}.trust-item svg{color:var(--success)}.hero-badge{padding:var(--space-1) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-5);font-size:.7rem;display:inline-flex}.stats-section{padding:var(--space-12) 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.stats-grid{gap:var(--space-8);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=768px){.stats-grid{gap:var(--space-6);grid-template-columns:repeat(2,1fr)}}.stat-item{text-align:center}.stat-number{font-family:var(--font-mono);color:var(--ink);letter-spacing:-.05em;font-size:2.5rem;font-weight:700;line-height:1}.stat-label{color:var(--ink-3);margin-top:var(--space-1);font-size:.875rem}.stat-divider{display:none}.how-section,.how-it-works{padding:var(--space-12) 0}.section-title,.how-it-works h2{color:var(--ink);letter-spacing:-.04em;margin-bottom:var(--space-3);font-size:clamp(1.75rem,4vw,3rem);font-weight:800}.section-subtitle,.how-it-works .section-subtitle{color:var(--ink-2);max-width:480px;font-size:1rem}.steps-grid{gap:var(--space-6);margin-top:var(--space-8);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=768px){.steps-grid{grid-template-columns:1fr}}.step-card{padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-card);transition:border-color var(--transition-fast)}.step-card:hover{border-color:var(--ink)}.step-num,.step-number{font-family:var(--font-mono);color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-3);font-size:.7rem;font-weight:700}.step-card:hover .step-number{color:var(--accent)}.step-icon-wrap{border:2px solid var(--border);border-radius:var(--radius-card);width:40px;height:40px;color:var(--ink-3);margin-bottom:var(--space-4);transition:border-color var(--transition-fast), color var(--transition-fast);justify-content:center;align-items:center;display:flex}.step-card:hover .step-icon-wrap{border-color:var(--accent);color:var(--accent)}.step-card h3{color:var(--ink);margin-bottom:var(--space-2);letter-spacing:-.02em;font-size:1rem;font-weight:700}.step-card p{color:var(--ink-2);font-size:.875rem}.step-arrow{display:none}.features-section{padding:var(--space-12) 0;border-top:1px solid var(--rule)}.features-grid-landing{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.features-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.feature-card-landing,.feature-card{padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-card);transition:border-color var(--transition-fast)}.feature-card-landing:hover,.feature-card:hover{border-color:var(--ink)}.feature-badge{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-size:.65rem;font-weight:700;font-family:var(--font-mono);margin-bottom:var(--space-2)}.feature-icon-wrap{border:1px solid var(--border);border-radius:var(--radius-card);width:36px;height:36px;color:var(--ink-3);margin-bottom:var(--space-4);transition:border-color var(--transition-fast), color var(--transition-fast);justify-content:center;align-items:center;display:flex}.feature-card-landing:hover .feature-icon-wrap,.feature-card:hover .feature-icon-wrap{border-color:var(--accent);color:var(--accent)}.feature-card-landing h3,.feature-card h3{color:var(--ink);letter-spacing:-.01em;margin-bottom:var(--space-2);font-size:.9375rem;font-weight:700}.feature-card-landing p,.feature-card p{color:var(--ink-2);font-size:.875rem}.persona-section{padding:var(--space-12) 0;border-top:1px solid var(--rule)}.persona-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.persona-card{padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-card);transition:border-color var(--transition-fast)}.persona-card:hover{border-color:var(--ink)}.persona-icon{margin-bottom:var(--space-3);font-size:1.5rem}.persona-card h3{color:var(--ink);margin-bottom:var(--space-2);font-size:.9375rem;font-weight:700}.persona-card p{color:var(--ink-2);font-size:.875rem}.testimonials-section{padding:var(--space-12) 0;border-top:1px solid var(--rule)}.testimonials-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.testimonial-card{padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-card)}.testimonial-card:hover{border-color:var(--ink-2)}.testimonial-quote-icon{color:var(--accent);margin-bottom:var(--space-3)}.testimonial-text{color:var(--ink-2);margin-bottom:var(--space-4);font-size:.9375rem;line-height:1.7}.testimonial-author{flex-direction:column;gap:2px;display:flex}.testimonial-name{color:var(--ink);font-size:.875rem;font-weight:700}.testimonial-role{color:var(--ink-3);font-size:.75rem}.killer-feature-section{padding:var(--space-12) 0;border-top:1px solid var(--rule)}.killer-feature-card{padding:var(--space-8);border:1px solid var(--border);border-radius:var(--radius-card);gap:var(--space-8);grid-template-columns:1fr 1fr;align-items:center;display:grid}.killer-feature-card:before{display:none}@media (width<=768px){.killer-feature-card{grid-template-columns:1fr}}.killer-feature-badge{font-family:var(--font-mono);color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-3);font-size:.65rem;font-weight:700}.killer-feature-text h2{color:var(--ink);letter-spacing:-.04em;margin-bottom:var(--space-4);font-size:clamp(1.5rem,4vw,2.5rem);font-weight:800}.killer-feature-text p{color:var(--ink-2);font-size:.9375rem;line-height:1.7}.killer-instruments{gap:var(--space-2);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.instrument-chip{padding:var(--space-1) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--ink-2);font-size:.8rem;display:inline-flex}.visual-before,.visual-after{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-card)}.visual-label{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);font-size:.65rem;font-weight:700;font-family:var(--font-mono);margin-bottom:var(--space-2)}.visual-after{border-color:var(--accent);background:var(--accent-subtle)}.visual-after .visual-notes{color:var(--accent)}.visual-arrow{text-align:center;color:var(--ink-3);font-size:1.5rem}.bot-cta-section{padding:var(--space-12) 0}.bot-cta-card{padding:var(--space-10);border:1px solid var(--border);border-radius:var(--radius-card);text-align:center}.bot-cta-card:before{display:none}.bot-cta-card h2{color:var(--ink);letter-spacing:-.04em;margin-bottom:var(--space-4);font-size:clamp(1.75rem,4vw,3rem);font-weight:800}.bot-cta-card p{color:var(--ink-2);max-width:480px;margin:0 auto var(--space-6);font-size:1rem}.hero-demo-card{padding:var(--space-5);background:var(--paper-2);border:1px solid var(--border);border-radius:var(--radius-card)}.hero-split-inner{gap:var(--space-6);grid-template-columns:1fr 1fr;align-items:center;display:grid}@media (width<=900px){.hero-split-inner{grid-template-columns:1fr}}.landing-footer-new{border-top:1px solid var(--border);padding:var(--space-10) 0}.footer-inner{gap:var(--space-8);grid-template-columns:1fr auto;align-items:start;display:grid}@media (width<=600px){.footer-inner{grid-template-columns:1fr}}.footer-brand .logo{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.footer-brand .logo span{font-family:var(--font-display);color:var(--ink);font-size:1.1rem;font-weight:400}.footer-brand .logo svg{color:var(--accent)}.footer-brand p{color:var(--ink-3);max-width:280px;font-size:.875rem}.footer-links{gap:var(--space-6);display:flex}.footer-links a{color:var(--ink-3);transition:color var(--transition-fast);font-size:.875rem;text-decoration:none}.footer-links a:hover{color:var(--ink)}.footer-copy{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--rule);color:var(--ink-3);font-size:.75rem;font-family:var(--font-mono)}.landing-footer{border-top:1px solid var(--rule);padding:var(--space-6) 0;text-align:center;color:var(--ink-3);font-size:.8rem}.landing-footer a{color:var(--ink-3)}.landing-footer a:hover{color:var(--ink)}.auth-section{padding:var(--space-12) 0;text-align:center}.telegram-login-wrapper{justify-content:center;display:inline-flex}.success-page-main{min-height:100vh;padding:var(--space-6);background:var(--paper);justify-content:center;align-items:center;display:flex}.success-page-panel{text-align:center;width:100%;max-width:480px;padding:var(--space-10);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-modal)}.success-page-icon{color:var(--success);margin-bottom:var(--space-5)}.success-page-title{color:var(--ink);letter-spacing:-.04em;margin-bottom:var(--space-3);font-size:2rem;font-weight:800}.success-page-desc{color:var(--ink-2);margin-bottom:var(--space-6);font-size:1rem}.referral-main-container{max-width:800px;margin:0 auto}.referral-header{text-align:center;padding-bottom:var(--space-8);border-bottom:1px solid var(--border);margin-bottom:var(--space-8)}.referral-header-icon{color:var(--accent);margin-bottom:var(--space-3)}.referral-title{color:var(--ink);letter-spacing:-.04em;font-size:clamp(1.75rem,5vw,3rem);font-weight:800}.referral-subtitle{color:var(--ink-2);margin-top:var(--space-2);font-size:1rem}.referral-section-card{padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-card);margin-bottom:var(--space-5)}.referral-section-card-last{margin-bottom:0}.referral-section-title{color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-4);font-size:.75rem;font-weight:700}.referral-section-title-link{color:var(--accent);text-decoration:none}.referral-steps{gap:var(--space-4);flex-direction:column;display:flex}.referral-step{gap:var(--space-3);grid-template-columns:32px 1fr;align-items:start;display:grid}.referral-step-desc{color:var(--ink-2);font-size:.875rem}.referral-link-box{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-input);background:var(--paper-2);display:flex}.referral-link-text{font-family:var(--font-mono);color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.8rem;overflow:hidden}.referral-stats-grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.referral-stat-card{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-card);text-align:center}.referral-stat-value{font-family:var(--font-mono);color:var(--ink);letter-spacing:-.03em;font-size:1.75rem;font-weight:700}.referral-stat-label{color:var(--ink-3);font-size:.75rem}.referral-stat-icon{color:var(--ink-3);margin-bottom:var(--space-2)}.referral-stat-icon-success{color:var(--success)}.referral-stat-icon-warning{color:var(--warning)}.legal-page,.legal-page-container{max-width:800px;margin:0 auto}.legal-back-link{align-items:center;gap:var(--space-2);margin-bottom:var(--space-6);display:inline-flex}.legal-back-link a{color:var(--ink-2);font-size:.875rem;text-decoration:none}.legal-back-link a:hover{color:var(--ink)}.legal-header{padding-bottom:var(--space-6);border-bottom:1px solid var(--border);margin-bottom:var(--space-8)}.legal-icon-wrap{border:1px solid var(--border);border-radius:var(--radius-card);width:48px;height:48px;margin-bottom:var(--space-4);color:var(--ink-3);justify-content:center;align-items:center;display:flex}.legal-header h1{color:var(--ink);letter-spacing:-.04em;font-size:clamp(1.75rem,5vw,3rem);font-weight:800}.legal-subtitle{color:var(--ink-2);margin-top:var(--space-2);font-size:1rem}.legal-meta{align-items:center;gap:var(--space-3);margin-top:var(--space-3);color:var(--ink-3);font-size:.75rem;font-family:var(--font-mono);display:flex}.legal-section{margin-bottom:var(--space-8)}.legal-section:last-child{margin-bottom:0}.legal-section h2{color:var(--ink);letter-spacing:-.02em;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--rule);font-size:1.25rem;font-weight:700}.legal-section h3{color:var(--ink);margin-bottom:var(--space-3);font-size:1rem;font-weight:700}.legal-section p{color:var(--ink-2);margin-bottom:var(--space-4);font-size:.9375rem;line-height:1.75}.legal-section p:last-child{margin-bottom:0}.legal-section ul{padding-left:var(--space-6);margin-bottom:var(--space-4)}.legal-section ul li{color:var(--ink-2);margin-bottom:var(--space-2);font-size:.9375rem;line-height:1.75}.legal-section ul li:before{color:var(--accent)}.legal-definition{padding:var(--space-4);background:var(--paper-2);border-left:4px solid var(--accent);margin-bottom:var(--space-4)}.legal-definition strong{color:var(--ink);font-weight:700}.legal-contact p{color:var(--ink-2);font-size:.9375rem}.legal-contact a{color:var(--accent)}.legal-contact a:hover{text-decoration:underline}.cookie-consent-banner{z-index:var(--z-toast);background:var(--paper);border-top:1px solid var(--border);padding:var(--space-4) var(--space-6);position:fixed;bottom:0;left:0;right:0}.cookie-consent-inner{align-items:center;gap:var(--space-6);max-width:1000px;margin:0 auto;display:flex}.cookie-consent-text{align-items:flex-start;gap:var(--space-3);color:var(--ink-2);flex:1;font-size:.875rem;display:flex}.cookie-consent-text svg{color:var(--accent);flex-shrink:0;margin-top:2px}.cookie-consent-actions{gap:var(--space-3);flex-shrink:0;display:flex}.faq-list{flex-direction:column;display:flex}.faq-item{border-bottom:1px solid var(--rule)}.faq-item:hover{background:var(--paper-2)}.faq-question{padding:var(--space-4) 0;cursor:pointer;text-align:left;width:100%;color:var(--ink);background:0 0;border:none;justify-content:space-between;align-items:center;font-size:.9375rem;font-weight:600;display:flex}.faq-chevron{color:var(--ink-3);transition:transform .2s ease-out}.faq-chevron-open{transform:rotate(180deg)}.faq-answer{padding:0 0 var(--space-4);color:var(--ink-2);font-size:.875rem;line-height:1.7}.faq-answer p{margin-bottom:var(--space-2)}.empty-state{text-align:center;padding:var(--space-12) var(--space-6)}.empty-state-icon{color:var(--ink-3);margin-bottom:var(--space-4)}.empty-state h3{color:var(--ink);letter-spacing:-.02em;margin-bottom:var(--space-2);font-size:1.125rem;font-weight:700}.empty-state p{color:var(--ink-3);font-size:.875rem}.empty-state-onboarding{text-align:center;padding:var(--space-12) var(--space-6)}.empty-state-onboarding h3{color:var(--ink);letter-spacing:-.02em;margin-bottom:var(--space-3);font-size:1.25rem;font-weight:700}.empty-state-desc{color:var(--ink-2);margin-bottom:var(--space-6);font-size:.9375rem}.empty-state-steps{gap:var(--space-3);text-align:left;flex-direction:column;max-width:400px;margin:0 auto;display:flex}.empty-step{align-items:center;gap:var(--space-4);display:flex}.empty-step svg{color:var(--accent);flex-shrink:0}.empty-step-num{font-family:var(--font-mono);color:var(--ink-3);font-size:.75rem;font-weight:700}.promo-banner{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--accent-subtle);border-radius:var(--radius-card);color:var(--ink-2);border:1px solid oklch(55% .2 30/.4);font-size:.875rem;display:flex}.promo-banner svg{color:var(--accent);flex-shrink:0}.widget-fallback{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-card);color:var(--ink-3);font-size:.875rem}.widget-fallback a{color:var(--accent)}.app-footer{padding:var(--space-4) 0;border-top:1px solid var(--rule);align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.app-footer-link{color:var(--ink-3);font-size:.75rem;text-decoration:none}.app-footer-link:hover{color:var(--ink)}.app-footer-sep{color:var(--rule)}.app-footer-brand{font-family:var(--font-mono);color:var(--ink-3);margin-left:auto;font-size:.7rem}.onboarding-slider{overflow:hidden}.onboarding-track{transition:transform var(--transition-slow);display:flex}.onboarding-slide{flex-shrink:0;width:100%}.onboarding-card{padding:var(--space-8);border:1px solid var(--border);border-radius:var(--radius-card)}.onboarding-card:before,.onboarding-card-highlight:before{display:none}.onboarding-card-title{color:var(--ink);letter-spacing:-.04em;margin-bottom:var(--space-3);font-size:1.5rem;font-weight:800}.onboarding-card-desc{color:var(--ink-2);font-size:.9375rem}.onboarding-card-visual{margin-top:var(--space-5)}.onboarding-card-icons,.onboarding-card-tools{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.onboarding-icon-pill,.onboarding-tool{padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--ink-2);cursor:pointer;transition:border-color var(--transition-fast);font-size:.8rem}.onboarding-icon-pill:hover,.onboarding-tool:hover{border-color:var(--accent);color:var(--accent)}.onboarding-tool span{margin-left:var(--space-1)}.onboarding-auth-buttons{gap:var(--space-3);margin-top:var(--space-5);display:flex}.onboarding-card-note{color:var(--ink-3);margin-top:var(--space-3);font-size:.75rem}.onboarding-arrow{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;width:36px;height:36px;transition:background var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.onboarding-arrow:hover{background:var(--paper-2)}.onboarding-dots{gap:var(--space-2);margin-top:var(--space-4);justify-content:center;display:flex}.onboarding-dot{background:var(--border);cursor:pointer;width:8px;height:8px;transition:background var(--transition-fast);border-radius:0}.onboarding-dot.active{background:var(--ink)}.onboarding-dot:hover:not(.active){background:var(--ink-3)}.reveal-on-scroll{opacity:0;transition:opacity var(--transition-slow), transform var(--transition-slow);transform:translateY(16px)}.reveal-on-scroll.animate-in{opacity:1;transform:none}.social-proof{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--paper-2);border:1px solid var(--border);border-radius:var(--radius-card);color:var(--ink-2);font-size:.875rem;display:flex}.social-proof strong{color:var(--ink);font-weight:700}.floating-notes-bg,.floating-note,.hero-bg-orbs,.hero-bg-orbs .orb{display:none}.pricing-preview-section{padding:var(--space-12) 0;border-top:1px solid var(--rule)}.pricing-preview-grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=768px){.pricing-preview-grid{grid-template-columns:1fr}}.pricing-card{padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-card);transition:border-color var(--transition-fast)}.pricing-card:hover{border-color:var(--ink)}.pricing-card h3{color:var(--ink);margin-bottom:var(--space-2);font-size:.9375rem;font-weight:700}.pricing-tokens{font-family:var(--font-mono);color:var(--accent);letter-spacing:-.04em;font-size:1.75rem;font-weight:700}.pricing-tokens span{color:var(--ink-3);font-size:.875rem;font-weight:500}.pricing-price{color:var(--ink);margin-top:var(--space-2);font-size:1rem;font-weight:600}.pricing-card-popular{background:var(--accent-subtle);border-color:var(--accent)!important}.pricing-popular-badge{padding:2px var(--space-2);background:var(--accent);color:var(--paper);font-family:var(--font-mono);text-transform:uppercase;border-radius:var(--radius-sm);font-size:.65rem;font-weight:700;display:inline-flex}.dashboard-console-grid{gap:var(--space-5);display:grid}.console-deck-title{color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-3);font-size:.75rem;font-weight:700}.console-btn-deck{gap:var(--space-2);flex-direction:column;display:flex}.console-btn-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--paper-2);border:1px solid var(--border);border-radius:var(--radius-card);cursor:pointer;transition:border-color var(--transition-fast);display:flex}.console-btn-item:hover{border-color:var(--ink)}.console-btn-item.active{border-color:var(--accent);background:var(--accent-subtle)}.console-btn-deck-horizontal{gap:var(--space-2);flex-wrap:wrap;display:flex}.console-btn-item-horizontal{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--paper-2);border:1px solid var(--border);border-radius:var(--radius-input);cursor:pointer;color:var(--ink-2);transition:border-color var(--transition-fast);font-size:.8rem;display:flex}.console-btn-item-horizontal:hover{border-color:var(--ink);color:var(--ink)}.console-btn-item-horizontal.active{border-color:var(--accent);color:var(--accent)}.console-status-strip{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--paper-2);border:1px solid var(--border);border-radius:var(--radius-card);display:flex}.status-indicator-wrap{align-items:center;gap:var(--space-2);display:flex}.status-indicator-dot{border-radius:50%;width:8px;height:8px}.status-indicator-text{color:var(--ink-2);font-size:.8125rem}.status-metrics{gap:var(--space-4);display:flex}.metric-item{font-family:var(--font-mono);color:var(--ink-3);font-size:.75rem}.console-progress-track{background:var(--paper-3);border-radius:0;height:4px}.console-progress-fill{background:var(--accent);height:100%;transition:width .3s ease-out}.console-progress-caption{color:var(--ink-3);margin-top:var(--space-1);font-size:.75rem}.score-viewer-dark .audio-player{border-color:var(--border)}.custom-select{position:relative}.custom-select__trigger{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-input);color:var(--ink);cursor:pointer;transition:border-color var(--transition-fast);font-size:.875rem;display:flex}.custom-select__trigger:hover{border-color:var(--ink-2)}.custom-select--open .custom-select__trigger,.custom-select:focus .custom-select__trigger{border-color:var(--accent)}.custom-select__icon{flex-shrink:0}.custom-select__label{flex:1}.custom-select__chevron{color:var(--ink-3);flex-shrink:0;transition:transform .15s ease-out}.custom-select--open .custom-select__chevron{transform:rotate(180deg)}.custom-select__menu{background:var(--paper);border:1px solid var(--ink);border-radius:var(--radius-card);z-index:var(--z-tooltip);box-shadow:var(--shadow-card);position:absolute;top:calc(100% + 4px);left:0;right:0}.custom-select__option{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--ink-2);cursor:pointer;transition:background var(--transition-fast);font-size:.875rem;display:flex}.custom-select__option:hover,.custom-select__option--focused{background:var(--paper-2);color:var(--ink)}.custom-select__option--selected{color:var(--ink);font-weight:600}.custom-select__option--selected .custom-select__icon{color:var(--accent)}.transpose-select{padding:var(--space-2) var(--space-3);background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-input);color:var(--ink);font-size:.8rem}.transpose-select:hover{border-color:var(--ink-2)}.transpose-select:focus{border-color:var(--accent)}.score-preview-container{border:1px solid var(--border);border-radius:var(--radius-card);overflow:hidden}.score-preview-header{padding:var(--space-3) var(--space-4);background:var(--paper-2);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.score-preview-content{overflow:auto}.score-preview-loading{padding:var(--space-8);color:var(--ink-3);justify-content:center;align-items:center;display:flex}.score-preview-error{padding:var(--space-6);text-align:center;color:var(--error)}@media (width<=768px){.container,.landing-container{padding:0 var(--space-4)}.dashboard-main-layout{gap:var(--space-5);grid-template-columns:1fr}.library-layout{grid-template-columns:1fr}.library-sidebar{display:none}.library-sidebar.open{display:block}.pricing-page-grid{grid-template-columns:1fr}.pricing-hero h1{font-size:2.5rem}.guide-layout{grid-template-columns:1fr}.guide-toc{display:none;position:static}.settings-layout{grid-template-columns:1fr}.settings-sidebar{border-right:none;border-bottom:1px solid var(--rule);padding-bottom:var(--space-2);margin-bottom:var(--space-6);flex-flow:wrap}.settings-tab{border-bottom:3px solid #0000;border-right:none;margin-bottom:-1px;margin-right:0}.settings-tab.active{border-bottom-color:var(--accent)}.blog-related-grid,.hero-split-inner,.killer-feature-card,.steps-grid,.features-grid-landing,.features-grid{grid-template-columns:1fr}.stats-grid,.referral-stats-grid{grid-template-columns:repeat(2,1fr)}.footer-inner{grid-template-columns:1fr}.footer-links{gap:var(--space-4);flex-wrap:wrap}.cookie-consent-inner{gap:var(--space-4);flex-direction:column}.sw-sidebar{z-index:var(--z-sidebar);transition:transform var(--transition-base);position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.sw-sidebar.open{transform:none}.toast-container{left:var(--space-4);right:var(--space-4);bottom:80px}.toast{min-width:unset}}@media (width<=414px){.hero-section h1,.pricing-hero h1{font-size:2rem}.admin-stats-grid-wrapper{grid-template-columns:1fr}}@media (width<=320px){.hero-section h1{font-size:1.75rem}.modal-content{padding:var(--space-5)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal-on-scroll{opacity:1;transform:none}}@media print{.sidebar,.mobile-header,.mobile-bottom-nav,.score-viewer-toolbar,.audio-player{display:none!important}.main-content{margin-left:0!important}}.step-card,.feature-card,.testimonial-card,.pricing-card,.blog-admin-card,.panel-card,.guide-card,.library-card,.result-card,.faq-item{transition:transform var(--transition-spring), box-shadow var(--transition-spring), border-color var(--transition-spring)!important}.step-card:hover,.feature-card:hover,.testimonial-card:hover,.pricing-card:hover,.blog-admin-card:hover,.panel-card:hover,.guide-card:hover,.library-card:hover,.result-card:hover,.faq-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)!important;border-color:var(--accent)!important}.badge-pro,.status-pro{border-radius:var(--radius-pill);background:var(--accent-coral)!important;color:var(--text-inverse)!important}.ws-radio-input{transition:transform var(--transition-fast) ease-out}.ws-radio-label:hover .ws-radio-input{transform:scale(1.1)translateY(1.2px)}.onboarding-tooltip{z-index:100001;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:default;pointer-events:auto;white-space:normal;background:linear-gradient(135deg,#8b5cf6f2,#6366f1f2);border-radius:12px;flex-direction:column;align-items:stretch;gap:8px;max-width:320px;padding:16px 20px;font-size:.85rem;font-weight:500;animation:.4s ease-out onboarding-fade-in;display:flex;box-shadow:0 8px 32px #8b5cf659}.onboarding-tooltip:before{content:"";background:#8b5cf6f2;width:12px;height:12px;position:absolute;transform:translate(-50%)rotate(45deg)}.onboarding-bottom:before{top:-6px;left:50%}.onboarding-top:before{background:#6366f1f2;bottom:-6px;left:50%}.onboarding-right:before{top:50%;left:-6px;transform:translateY(-50%)rotate(45deg)}.onboarding-left:before{top:50%;right:-6px;transform:translateY(-50%)rotate(45deg)}.onboarding-pulse{background:#fbbf24;border-radius:50%;flex-shrink:0;width:12px;height:12px;animation:1.8s ease-in-out infinite onboarding-pulse-anim;position:absolute;top:-4px;right:-4px;box-shadow:0 0 #fbbf2480}@keyframes onboarding-pulse-anim{0%,to{box-shadow:0 0 #fbbf2480}50%{box-shadow:0 0 0 8px #fbbf2400}}@keyframes onboarding-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.onboarding-cutout{z-index:100000;pointer-events:none;border-radius:8px;position:absolute;box-shadow:0 0 0 9999px #0009,inset 0 0 15px #8b5cf680}@media (width<=768px){.onboarding-tooltip{padding:14px 16px;font-size:.8rem;min-width:220px!important;max-width:85vw!important}}