.send-file{width:min(var(--tool-w), calc(100% - 2 * var(--gutter)));border-radius:var(--radius-lg,var(--radius));border:1px solid var(--accent-line,var(--line));background:var(--surface);margin:40px auto 0;padding:18px}.send-file-head{align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.send-file-head h2{margin:0;font-size:17px}.send-file-head p{color:var(--text-muted);margin:2px 0 0;font-size:13px;line-height:1.6}.send-file-icon{width:38px;height:38px;color:var(--accent-text);background:var(--accent-soft);border-radius:12px;flex:none;place-items:center;display:grid}.send-file-name{color:var(--text);overflow-wrap:anywhere;font-weight:600}.send-file-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;display:grid}.send-file-target{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-2);text-align:start;cursor:pointer;min-width:0;transition:border-color .2s var(--ease), transform .2s var(--ease);align-items:center;gap:10px;padding:10px;display:flex}.send-file-target:hover:not(:disabled){border-color:var(--accent-line);transform:translateY(-1px)}.send-file-target:disabled{cursor:progress;opacity:.7}.send-file-target.is-sending{opacity:1;border-color:var(--accent-line)}.send-file-target-icon{width:32px;height:32px;color:var(--on-accent);background:var(--accent-grad);border-radius:10px;flex:none;place-items:center;display:grid}.send-file-target-text{flex-direction:column;flex:1;min-width:0;display:flex}.send-file-target-text b{font-size:13.5px}.send-file-target-text small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.send-file-go{color:var(--text-muted);flex:none}.send-file-target:hover .send-file-go{color:var(--accent-text)}.send-file-menu{flex:none;position:relative}.send-file-popover{inset-inline-end:0;z-index:30;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);width:min(260px,100vw - 32px);max-height:min(360px,60vh);box-shadow:var(--shadow-lg,0 16px 40px #00000040);flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);overflow-y:auto}.send-file-item{width:100%;color:var(--text);font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:9px 10px;font-size:14px;display:flex}.send-file-item svg{color:var(--accent-text);flex:none}.send-file-item:hover:not(:disabled),.send-file-item:focus-visible{background:var(--accent-soft)}.send-file-item:disabled{cursor:progress}.send-file-popover .error-message{margin:6px 4px 2px;font-size:12.5px}@media (width<=560px){.send-file{padding:14px}.send-file-grid{grid-template-columns:1fr 1fr}.send-file-target-text small{display:none}.send-file-menu{position:static}.selected-file:has(.send-file-menu){position:relative}.send-file-popover{width:auto;inset-inline:0}}@media print{.send-file,.send-file-menu{display:none}}.tool-tabs{isolation:isolate;width:min(var(--tool-w), calc(100% - 2 * var(--gutter)));border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(90deg, transparent, oklch(.72 .18 var(--accent-hue) / .45), transparent) top / 100% 1px no-repeat, radial-gradient(60% 120% at 50% 0%, var(--accent-tint), transparent 70%), color-mix(in srgb, var(--surface) 62%, transparent);-webkit-backdrop-filter:blur(12px)saturate(1.3);box-shadow:var(--shadow-xs), var(--inner-highlight);scrollbar-width:none;gap:4px;margin:12px auto 0;padding:5px;display:flex;position:relative;overflow-x:auto}.tool-tabs::-webkit-scrollbar{display:none}.tool-tabs-thumb{z-index:0;top:5px;bottom:5px;left:var(--tab-x,0px);width:var(--tab-w,0px);border-radius:calc(var(--radius) - 5px);background:linear-gradient(90deg, transparent, oklch(.75 .17 var(--accent-hue) / .6), transparent) top / 100% 1px no-repeat, radial-gradient(80% 100% at 50% 0%, var(--accent-tint), transparent 70%), var(--surface-solid);box-shadow:var(--shadow-sm), inset 0 0 0 1px var(--accent-line);opacity:var(--tab-ready,0);transition:left .34s var(--ease-spring), width .34s var(--ease-spring), opacity .2s var(--ease);pointer-events:none;position:absolute}.tool-tab{z-index:1;border-radius:calc(var(--radius) - 5px);min-width:max-content;min-height:40px;color:var(--text-muted);white-space:nowrap;transition:color .2s var(--ease), background .2s var(--ease);flex:1 1 0;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:14.5px;font-weight:600;text-decoration:none;display:flex;position:relative}.tool-tab svg{transition:color .2s var(--ease), transform .3s var(--ease-spring);flex:none}.tool-tab:hover{color:var(--text);background:var(--surface-hover)}.tool-tab:hover svg{transform:translateY(-1px)}.tool-tab:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.tool-tab.is-active{color:var(--text);font-weight:700}.tool-tab.is-active svg{color:var(--accent)}.tool-tabs:not(.has-thumb) .tool-tab.is-active{background:var(--surface-solid);box-shadow:var(--shadow-sm), inset 0 0 0 1px var(--accent-line)}.tool-tabs+.pad-tool{margin-top:12px}@media (width<=560px){.tool-tabs{gap:3px;padding:4px}.tool-tabs-thumb{border-radius:calc(var(--radius) - 4px);top:4px;bottom:4px}.tool-tab{border-radius:calc(var(--radius) - 4px);gap:6px;padding:8px 11px;font-size:13.5px}}@media (prefers-reduced-motion:reduce){.tool-tabs-thumb,.tool-tab svg{transition:none}}@media print{.tool-tabs{display:none}}@font-face{font-family:Rubik Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/rubik-arabic-wght-normal-CGnJ-sf6.woff2)format("woff2-variations");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Rubik Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/rubik-cyrillic-ext-wght-normal-BjodpZir.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Rubik Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/rubik-cyrillic-wght-normal-DveCct9I.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Rubik Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/rubik-hebrew-wght-normal-BIkpbuMU.woff2)format("woff2-variations");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Rubik Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/rubik-latin-ext-wght-normal-OacczzuJ.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rubik Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/rubik-latin-wght-normal-CnQIisVs.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--accent-hue:292;--font-sans:"Rubik Variable", "Rubik", "Heebo", "Segoe UI", system-ui, "Arial Hebrew", sans-serif;--font-mono:ui-monospace, "SFMono-Regular", "JetBrains Mono", Menlo, Consolas, monospace;--radius-xs:8px;--radius-sm:12px;--radius:16px;--radius-lg:22px;--radius-xl:30px;--radius-pill:999px;--ease:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--sidebar-w:276px;--topbar-h:64px;--content-w:1140px;--tool-w:980px;--gutter:clamp(16px, 3vw, 36px);--brand-1:oklch(70% .21 292);--brand-2:oklch(70% .22 345);--brand-3:oklch(80% .16 55);--brand-gradient:linear-gradient(120deg, var(--brand-1), var(--brand-2) 55%, var(--brand-3));--bg:#f5f4f0;--bg-deep:#eceae4;--surface:#fff;--surface-solid:#fff;--surface-2:#faf9f6;--surface-3:#f1efea;--surface-sunken:#1c18280b;--surface-hover:#1c18280f;--sidebar-bg:#faf9f6db;--line:#1c182817;--line-strong:#1c18282b;--text:#18161f;--text-soft:#4b4857;--text-muted:#7b7887;--ink:#18161f;--on-ink:#fff;--success:oklch(58% .15 155);--success-soft:oklch(58% .15 155/.12);--warning:oklch(62% .15 70);--warning-soft:oklch(75% .15 75/.16);--danger:oklch(58% .21 20);--danger-soft:oklch(58% .21 20/.1);--mint:oklch(62% .12 180);--shadow-xs:0 1px 2px #1410240f;--shadow-sm:0 1px 2px #1410240d, 0 4px 12px #1410240d;--shadow-md:0 2px 6px #1410240d, 0 14px 34px #14102414;--shadow-lg:0 8px 20px #14102414, 0 30px 70px #14102424;--inner-highlight:inset 0 1px 0 #fffc;--roll-row-black:#ecebf2;--roll-row-odd:#f6f5f9;--roll-row-even:#fcfbfe;--roll-grid-line:#1e183c17;--roll-bar-line:#1e183c42;--roll-label:#837f95;--roll-gutter:#f1eff5;--roll-key-black:#2c2838;--roll-key-white:#fff;--roll-playhead:var(--danger);--wave-bg:#1c18280a;font-family:var(--font-sans);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#09090d;--bg-deep:#050508;--surface:#111117;--surface-solid:#15151c;--surface-2:#17171e;--surface-3:#1d1d25;--surface-sunken:#ffffff09;--surface-hover:#ffffff0f;--sidebar-bg:#0d0d12d1;--line:#ffffff13;--line-strong:#ffffff24;--text:#f3f2f8;--text-soft:#b6b4c4;--text-muted:#817f91;--ink:#f3f2f8;--on-ink:#0b0b10;--success:oklch(78% .16 155);--success-soft:oklch(78% .16 155/.13);--warning:oklch(83% .14 80);--warning-soft:oklch(83% .14 80/.13);--danger:oklch(72% .18 20);--danger-soft:oklch(72% .18 20/.13);--mint:oklch(80% .12 180);--shadow-xs:0 1px 2px #0006;--shadow-sm:0 1px 2px #00000059, 0 4px 14px #00000040;--shadow-md:0 10px 30px #0006;--shadow-lg:0 24px 64px #0000008c;--inner-highlight:inset 0 1px 0 #ffffff0d;--roll-row-black:#0e0e14;--roll-row-odd:#13131a;--roll-row-even:#17171f;--roll-grid-line:#ffffff0f;--roll-bar-line:#fff3;--roll-label:#807e92;--roll-gutter:#0b0b10;--roll-key-black:#1c1c25;--roll-key-white:#e4e3ec;--wave-bg:#0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root,.tool-page,.tool-card,.admin-page,.me-tile,[style*=--accent-hue]{--accent:oklch(.57 .2 var(--accent-hue));--accent-strong:oklch(.5 .19 var(--accent-hue));--accent-soft:oklch(.95 .035 var(--accent-hue));--accent-tint:oklch(.57 .2 var(--accent-hue) / .08);--accent-ring:oklch(.6 .2 var(--accent-hue) / .26);--accent-text:oklch(.45 .16 var(--accent-hue));--accent-line:oklch(.57 .2 var(--accent-hue) / .35);--on-accent:#fff;--accent-grad:linear-gradient(135deg, oklch(.64 .2 var(--accent-hue)), oklch(.55 .21 calc(var(--accent-hue) + 35)));--shadow-accent:0 10px 28px oklch(.55 .2 var(--accent-hue) / .28);--roll-note-top:oklch(.68 .18 var(--accent-hue));--roll-note-bottom:oklch(.56 .2 var(--accent-hue));--roll-note-edge:oklch(.8 .12 var(--accent-hue));--wave-body:oklch(.64 .17 var(--accent-hue));--wave-selected:oklch(.55 .2 var(--accent-hue))}:root[data-theme=dark],:root[data-theme=dark] .tool-page,:root[data-theme=dark] .tool-card,:root[data-theme=dark] .admin-page,:root[data-theme=dark] .me-tile,:root[data-theme=dark] [style*=--accent-hue]{--accent:oklch(.77 .15 var(--accent-hue));--accent-strong:oklch(.71 .16 var(--accent-hue));--accent-soft:oklch(.34 .07 var(--accent-hue) / .5);--accent-tint:oklch(.77 .15 var(--accent-hue) / .07);--accent-ring:oklch(.77 .15 var(--accent-hue) / .3);--accent-text:oklch(.85 .11 var(--accent-hue));--accent-line:oklch(.77 .15 var(--accent-hue) / .35);--on-accent:#0b0b10;--accent-grad:linear-gradient(135deg, oklch(.82 .14 var(--accent-hue)), oklch(.72 .17 calc(var(--accent-hue) + 35)));--shadow-accent:0 12px 34px oklch(.6 .18 var(--accent-hue) / .3);--roll-note-top:oklch(.8 .14 var(--accent-hue));--roll-note-bottom:oklch(.66 .17 var(--accent-hue));--roll-note-edge:oklch(.9 .08 var(--accent-hue));--wave-body:oklch(.74 .14 var(--accent-hue));--wave-selected:oklch(.82 .15 var(--accent-hue))}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-block:calc(var(--topbar-h) + 16px) 16px;-webkit-text-size-adjust:100%}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--text);margin:0;font-size:15px;line-height:1.55;overflow-x:hidden}h1,h2,h3,h4{letter-spacing:-.02em;font-weight:700;line-height:1.2}button,input,select,textarea{font:inherit;color:inherit}button{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img,svg,video,audio{max-width:100%}kbd{border:1px solid var(--line-strong);background:var(--surface-2);min-width:22px;height:22px;color:var(--text-soft);font:600 11px/1 var(--font-sans);direction:ltr;border-bottom-width:2px;border-radius:6px;justify-content:center;align-items:center;padding:0 6px;display:inline-flex}::selection{background:var(--accent-ring)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line-strong);background-clip:content-box;border:3px solid #0000;border-radius:99px}::-webkit-scrollbar-track{background:0 0}.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}.skip-link{inset-inline-start:16px;z-index:200;border-radius:0 0 var(--radius-sm) var(--radius-sm);background:var(--accent);color:var(--on-accent);cursor:pointer;transition:top .2s var(--ease);border:0;padding:11px 20px;font-weight:700;position:fixed;top:-80px}.skip-link:focus{top:0}.gradient-text{background:var(--brand-gradient);color:#0000;-webkit-background-clip:text;background-clip:text}.spin,.is-spinning{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes pop-in{0%{opacity:0;transform:scale(.96)translateY(6px)}to{opacity:1;transform:none}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes pulse-ring{0%{box-shadow:0 0 0 0 var(--danger-soft), 0 0 0 0 color-mix(in srgb, var(--danger) 45%, transparent)}70%{box-shadow:0 0 #0000,0 0 0 12px #0000}to{box-shadow:0 0 #0000,0 0 #0000}}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}:root{--dialog-glass:#ffffffd6;--dialog-glow-a:oklch(85% .1 292/.5);--dialog-glow-b:oklch(87% .09 345/.36);--dialog-edge:oklch(70% .18 292/.6);--pill-glass:color-mix(in srgb, var(--surface) 72%, transparent)}:root[data-theme=dark]{--dialog-glass:#15151cd6;--dialog-glow-a:oklch(42% .16 292/.42);--dialog-glow-b:oklch(42% .16 345/.3);--dialog-edge:oklch(80% .14 292/.65)}.app{grid-template-columns:var(--sidebar-w) minmax(0, 1fr);isolation:isolate;min-height:100vh;display:grid;position:relative}.app:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(60% 42% at 50% -8%, oklch(.7 .18 var(--accent-hue) / .13), transparent 72%), radial-gradient(40% 30% at 0% 0%, oklch(.7 .18 calc(var(--accent-hue) + 60) / .07), transparent 70%), var(--bg);transition:background .6s var(--ease);position:fixed;inset:0}:root[data-theme=dark] .app:before{background:radial-gradient(60% 42% at 50% -8%, oklch(.6 .18 var(--accent-hue) / .2), transparent 72%), radial-gradient(40% 30% at 0% 0%, oklch(.6 .18 calc(var(--accent-hue) + 60) / .1), transparent 70%), var(--bg)}.app:after{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.5;background-size:44px 44px;height:520px;position:fixed;inset:0 0 auto;-webkit-mask-image:linear-gradient(#0000008c,#0000 85%);mask-image:linear-gradient(#0000008c,#0000 85%)}.main-column{flex-direction:column;min-width:0;min-height:100vh;display:flex}.page-content{flex-direction:column;flex:1;padding-bottom:40px;display:flex}.page-content:focus{outline:none}.page-content:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}.brand{align-items:center;gap:11px;min-width:0;display:inline-flex}.brand-button{cursor:pointer;text-align:start;background:0 0;border:0;padding:0}.brand-mark{color:#fff;background:var(--brand-gradient);width:40px;height:40px;box-shadow:0 8px 22px oklch(60% .2 320/.35), 0 0 0 4px color-mix(in srgb, var(--brand-1) 10%, transparent), inset 0 1px 0 #ffffff59;transition:transform .35s var(--ease-spring), box-shadow .35s var(--ease);border-radius:12px;flex:none;place-items:center;display:grid}.brand-mark svg{width:24px;height:24px}.brand-button:hover .brand-mark{box-shadow:0 12px 28px oklch(60% .2 320/.45), 0 0 0 6px color-mix(in srgb, var(--brand-2) 14%, transparent), inset 0 1px 0 #ffffff59;transform:rotate(-8deg)scale(1.06)}.brand-text{flex-direction:column;min-width:0;line-height:1.15;display:flex}.brand-text strong{letter-spacing:-.02em;font-size:17px;font-weight:800}.brand-text small{color:var(--text-muted);font-size:11.5px;font-weight:500}.sidebar{z-index:60;border-inline-end:1px solid var(--line);background:var(--sidebar-bg);-webkit-backdrop-filter:blur(20px)saturate(1.4);flex-direction:column;gap:14px;height:100vh;padding:18px 14px 14px;display:flex;position:sticky;top:0}.sidebar-head{justify-content:space-between;align-items:center;gap:10px;padding:2px 6px 4px;display:flex}.sidebar .sidebar-close{display:none}.sidebar-search{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--pill-glass);-webkit-backdrop-filter:blur(10px);width:100%;height:42px;color:var(--text-muted);cursor:pointer;box-shadow:var(--shadow-xs), var(--inner-highlight);transition:border-color .2s var(--ease), color .2s var(--ease), box-shadow .2s var(--ease);align-items:center;gap:10px;padding:0 12px;font-size:13.5px;display:flex}.sidebar-search>svg{transition:color .2s var(--ease);flex:none}.sidebar-search span{text-align:start;flex:1}.sidebar-search:hover{border-color:var(--line-strong);color:var(--text-soft);box-shadow:var(--shadow-sm), var(--inner-highlight)}.sidebar-search:hover>svg{color:var(--accent)}.sidebar-search kbd{background:var(--surface-solid);border-radius:6px;height:20px;font-size:10.5px}.sidebar-nav{overscroll-behavior:contain;flex-direction:column;flex:1;gap:16px;min-height:0;margin-inline:-6px;padding:2px 6px 10px;display:flex;overflow-y:auto}.nav-section{flex-direction:column;gap:2px;display:flex}.nav-heading{letter-spacing:.06em;color:var(--text-muted);align-items:center;gap:8px;margin:0 0 4px;padding:0 10px;font-size:11px;font-weight:700;display:flex}.nav-heading:after{content:"";background:linear-gradient(to left, var(--line-strong), transparent);flex:1;height:1px}.nav-heading svg{color:var(--warning)}.nav-list{flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex}.nav-item{width:100%;min-height:38px;color:var(--text-soft);text-align:start;cursor:pointer;transition:background .16s var(--ease), color .16s var(--ease), box-shadow .16s var(--ease);background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:5px 10px;font-size:14px;font-weight:500;display:flex;position:relative}.nav-item:hover{background:var(--surface-hover);color:var(--text)}.nav-item.is-current{background:var(--accent-soft);color:var(--accent-text);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent-line) 55%, transparent);font-weight:700}.nav-item.is-current:before{content:"";inset-inline-start:-6px;background:var(--accent);width:3px;box-shadow:0 0 10px 1px var(--accent-ring);border-radius:99px;position:absolute;top:9px;bottom:9px}.nav-item.is-off{opacity:.45}.nav-item>svg{color:var(--text-muted);transition:color .16s var(--ease);flex:none}.nav-item:hover>svg{color:var(--text-soft)}.nav-item.is-current>svg{color:var(--accent)}.nav-icon{width:26px;height:26px;color:var(--accent-text);background:var(--accent-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent-line) 50%, transparent);transition:transform .25s var(--ease-spring), box-shadow .25s var(--ease);border-radius:8px;flex:none;place-items:center;display:grid}.nav-item:hover .nav-icon{transform:scale(1.08)rotate(-4deg)}.nav-item.is-current .nav-icon{background:var(--accent-grad);color:var(--on-accent);box-shadow:0 5px 12px -4px var(--accent), inset 0 1px 0 #ffffff4d}.nav-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.nav-badge{border-radius:var(--radius-pill);color:var(--accent-text);background:var(--accent-tint);border:1px solid var(--accent-line);flex:none;padding:1px 7px;font-size:10.5px;font-weight:700}.sidebar-scrim{display:none}.topbar{z-index:50;height:var(--topbar-h);padding:0 var(--gutter);transition:background .25s var(--ease), border-color .25s var(--ease), box-shadow .25s var(--ease);border-bottom:1px solid #0000;align-items:center;gap:12px;display:flex;position:sticky;top:0}.topbar.is-scrolled{background:color-mix(in srgb, var(--bg) 78%, transparent);border-bottom-color:var(--line);-webkit-backdrop-filter:blur(16px)saturate(1.4);box-shadow:0 10px 30px -20px #14102440}.topbar-start{flex:1;align-items:center;gap:10px;min-width:0;display:flex;overflow:hidden}.topbar-actions{flex:none;align-items:center;gap:8px;display:flex}.topbar .topbar-brand,.topbar .nav-toggle,.topbar .topbar-search{display:none}.crumbs{min-width:0;color:var(--text-muted);align-items:center;gap:4px;font-size:13.5px;display:flex}.crumbs button{white-space:nowrap;border-radius:var(--radius-pill);color:var(--text-muted);cursor:pointer;transition:color .16s var(--ease), background .16s var(--ease);background:0 0;border:0;padding:5px 9px}.crumbs button:hover{color:var(--text);background:var(--surface-hover)}.crumbs>span{white-space:nowrap;padding:0 4px}.crumbs svg{opacity:.45;flex:none}.crumbs strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.crumbs .crumb-dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 3px var(--accent-ring), 0 0 10px var(--accent-ring);border-radius:50%;flex:none;margin-inline:2px}.privacy-pill,.share-site-button,.account-button,.topbar .icon-button,.sidebar .icon-button{border:1px solid var(--line);background:var(--pill-glass);-webkit-backdrop-filter:blur(10px);color:var(--text-soft)}.privacy-pill{border-radius:var(--radius-pill);white-space:nowrap;align-items:center;gap:7px;height:38px;padding:0 13px;font-size:12.5px;font-weight:600;display:inline-flex}.privacy-pill svg{color:var(--success)}.privacy-pill.is-server svg{color:var(--accent)}.share-site-button{border-radius:var(--radius-pill);white-space:nowrap;cursor:pointer;height:38px;transition:border-color .18s var(--ease), background .18s var(--ease), color .18s var(--ease), transform .18s var(--ease), box-shadow .18s var(--ease);flex:none;justify-content:center;align-items:center;gap:7px;padding-block:0;padding-inline:12px 14px;font-size:13px;font-weight:600;display:inline-flex}.share-site-button svg{color:var(--accent);flex:none}.share-site-button:hover{border-color:var(--line-strong);color:var(--text);box-shadow:var(--shadow-xs);transform:translateY(-1px)}.share-site-button:active{transform:translateY(0)scale(.97)}.feedback-button svg{color:var(--success)}.icon-button{border:1px solid var(--line);background:var(--surface);width:38px;height:38px;color:var(--text-soft);cursor:pointer;transition:color .18s var(--ease), background .18s var(--ease), border-color .18s var(--ease), transform .18s var(--ease), box-shadow .18s var(--ease);border-radius:11px;flex:none;place-items:center;padding:0;display:inline-grid}.icon-button:hover:not(:disabled){color:var(--text);border-color:var(--line-strong);box-shadow:var(--shadow-xs);transform:translateY(-1px)}.icon-button:active:not(:disabled){box-shadow:none;transform:translateY(0)scale(.95)}.icon-button:disabled{opacity:.45;cursor:not-allowed}.icon-button.is-current,.icon-button.is-on,.topbar .icon-button.is-current,.topbar .icon-button.is-on{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent-text)}.icon-button.is-star,.fav-toggle.is-on,.topbar .fav-toggle.is-on{color:var(--warning);border-color:color-mix(in srgb, var(--warning) 40%, transparent);background:var(--warning-soft)}.fav-toggle.is-on svg{fill:currentColor}.icon-button.is-danger:hover:not(:disabled){color:var(--danger);background:var(--danger-soft);border-color:color-mix(in srgb, var(--danger) 35%, transparent)}.account-button{border-radius:var(--radius-pill);cursor:pointer;text-align:start;height:38px;transition:border-color .18s var(--ease), background .18s var(--ease), box-shadow .18s var(--ease), transform .18s var(--ease);align-items:center;gap:9px;padding-block:3px;padding-inline:3px 12px;display:inline-flex}.account-button:hover{border-color:var(--line-strong);box-shadow:var(--shadow-xs);transform:translateY(-1px)}.account-button:active{transform:translateY(0)}.account-button.is-current{border-color:var(--accent-line);background:var(--accent-soft)}.account-button img,.account-avatar{object-fit:cover;color:#fff;background:var(--brand-gradient);width:30px;height:30px;box-shadow:inset 0 1px 0 #ffffff59, 0 4px 10px -4px color-mix(in srgb, var(--brand-2) 70%, transparent);border-radius:50%;flex:none;place-items:center;display:grid}.account-button-copy{flex-direction:column;line-height:1.2;display:flex}.account-button-copy strong{color:var(--text);font-size:13px;font-weight:600}.account-button-copy small{color:var(--text-muted);align-items:center;gap:4px;font-size:11px;display:flex}.tabbar{display:none}.shell-error.error-message{width:min(var(--content-w), calc(100% - 2 * var(--gutter)));border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:12px;margin:12px auto 0;display:flex}.site-banner{width:min(var(--content-w), calc(100% - 2 * var(--gutter)));border-radius:var(--radius-sm);border:1px solid var(--line);background:linear-gradient(90deg, transparent, oklch(.72 .18 var(--accent-hue) / .5), transparent) top / 100% 1px no-repeat, color-mix(in srgb, var(--surface) 80%, transparent);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-xs);align-items:center;gap:10px;margin:12px auto 0;padding:11px 16px;font-size:14px;display:flex}.site-banner svg{color:var(--accent);flex:none}.site-banner.is-good{border-color:color-mix(in srgb, var(--success) 40%, transparent)}.site-banner.is-good svg{color:var(--success)}.site-banner.is-warn{border-color:color-mix(in srgb, var(--warning) 50%, transparent);color:var(--warning);background:var(--warning-soft)}.site-banner.is-warn svg{color:var(--warning)}.site-closed{width:min(560px, calc(100% - 2 * var(--gutter)));text-align:center;border-radius:var(--radius-xl);border:1px solid var(--line);background:linear-gradient(90deg, transparent, var(--dialog-edge), transparent) top / 100% 1px no-repeat, radial-gradient(80% 60% at 50% 0%, var(--dialog-glow-a), transparent 65%), var(--surface);box-shadow:var(--shadow-md), var(--inner-highlight);animation:pop-in .4s var(--ease) both;flex-direction:column;align-items:center;gap:10px;margin:72px auto;padding:40px 30px;display:flex;position:relative}.site-closed h1{margin:8px 0 0;font-size:26px}.site-closed p{color:var(--text-soft);max-width:46ch;margin:0 0 10px;line-height:1.7}.tool-loading{width:min(var(--tool-w), calc(100% - 2 * var(--gutter)));border-radius:var(--radius-lg);border:1px solid var(--line);background:linear-gradient(90deg, transparent, oklch(.72 .18 var(--accent-hue) / .55), transparent) top / 100% 1px no-repeat, radial-gradient(90% 70% at 100% 0%, var(--accent-tint), transparent 60%), var(--surface);color:var(--text-soft);box-shadow:var(--shadow-sm), var(--inner-highlight);align-items:center;gap:16px;margin:48px auto;padding:26px 28px;font-weight:600;display:flex}.tool-loading .brand-mark{animation:1.4s ease-in-out infinite bob}.auth-screen{background:radial-gradient(60% 40% at 50% 0%, var(--dialog-glow-a), transparent 70%), radial-gradient(40% 30% at 100% 100%, var(--dialog-glow-b), transparent 70%);place-items:center;min-height:100vh;padding:20px;display:grid}.site-footer{width:min(var(--content-w), calc(100% - 2 * var(--gutter)));color:var(--text-muted);border-top:0;flex-direction:column;gap:16px;margin:72px auto 0;padding:28px 0 10px;font-size:13px;display:flex;position:relative}.site-footer:before{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--brand-1) 45%, transparent) 30%, color-mix(in srgb, var(--brand-2) 45%, transparent) 70%, transparent);height:1px;position:absolute;inset:0 0 auto}.site-footer-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 24px;display:flex}.site-footer .brand-mark{border-radius:10px;width:34px;height:34px;box-shadow:0 6px 16px oklch(60% .2 320/.3),inset 0 1px #ffffff59}.site-footer .brand-mark svg{width:20px;height:20px}.site-footer .brand-text strong{font-size:15px}.site-footer p{margin:0;line-height:1.6}.site-footer-small{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;font-size:12.5px;display:flex}.site-footer nav{flex-wrap:wrap;gap:6px;display:flex}.site-footer nav button{border-radius:var(--radius-pill);border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 55%, transparent);height:32px;color:var(--text-soft);cursor:pointer;transition:color .18s var(--ease), border-color .18s var(--ease), background .18s var(--ease), transform .18s var(--ease), box-shadow .18s var(--ease);padding:0 12px;font-size:12.5px;font-weight:600}.site-footer nav button:hover{color:var(--text);border-color:var(--line-strong);background:var(--surface);box-shadow:var(--shadow-xs);transform:translateY(-1px)}.dialog-overlay{z-index:130;-webkit-backdrop-filter:blur(10px)saturate(1.2);animation:fade .18s var(--ease);background:radial-gradient(70% 50% at 50% 0,oklch(50% .18 292/.2),#0000 70%),#06060c94;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog{border-radius:var(--radius-xl);border:1px solid var(--line-strong);background:linear-gradient(90deg, transparent, var(--dialog-edge), transparent) top / 100% 1px no-repeat, radial-gradient(90% 55% at 100% 0%, var(--dialog-glow-a), transparent 62%), radial-gradient(70% 50% at 0% 100%, var(--dialog-glow-b), transparent 60%), var(--dialog-glass);-webkit-backdrop-filter:blur(28px)saturate(1.5);width:min(520px,100%);max-height:calc(100vh - 40px);box-shadow:var(--shadow-lg), 0 30px 80px -30px color-mix(in srgb, var(--brand-1) 45%, transparent), var(--inner-highlight);animation:pop-in .28s var(--ease) both;padding:28px 26px 26px;position:relative;overflow:auto}.dialog h2{letter-spacing:-.02em;margin:0 0 6px;padding-inline-end:40px;font-size:22px;font-weight:800}.dialog>p{color:var(--text-muted);margin:0 0 18px;font-size:13.5px;line-height:1.6}.dialog .dialog-close{top:18px;background:var(--surface-sunken);width:34px;height:34px;color:var(--text-muted);-webkit-backdrop-filter:none;border-color:#0000;border-radius:50%;position:absolute;inset-inline-end:18px}.dialog .dialog-close svg{transition:transform .25s var(--ease)}.dialog .dialog-close:hover:not(:disabled){background:var(--surface-hover);border-color:var(--line);color:var(--text);box-shadow:none;transform:none}.dialog .dialog-close:hover svg{transform:rotate(90deg)}.dialog .primary-button{min-height:48px;font-size:15px}.dialog .field{border-color:var(--line);background:color-mix(in srgb, var(--surface-solid) 70%, transparent)}.dialog .field:focus{border-color:var(--accent);background:var(--surface-solid);box-shadow:0 0 0 3px var(--accent-ring)}.dialog .dialog-modes{border:1px solid var(--line);background:var(--surface-sunken);border-radius:14px;grid-auto-columns:1fr;grid-auto-flow:column;gap:0;padding:4px;display:grid;position:relative}.dialog-modes-thumb{width:calc((100% - 8px) / var(--mode-count,3));background:var(--surface-solid);box-shadow:var(--shadow-sm), inset 0 0 0 1px var(--accent-line);transition:inset-inline-start .32s var(--ease-spring);border-radius:10px;position:absolute;inset-block:4px;inset-inline-start:calc(4px + var(--mode-index,0) * (100% - 8px) / var(--mode-count,3))}.dialog .dialog-modes button{z-index:1;min-width:0;min-height:38px;color:var(--text-muted);cursor:pointer;transition:color .2s var(--ease);background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:4px 8px;font-size:13px;font-weight:650;display:inline-flex;position:relative}.dialog .dialog-modes button:hover:not(:disabled){color:var(--text)}.dialog .dialog-modes button.active{box-shadow:none;color:var(--text);background:0 0}.dialog .dialog-modes button.active svg{color:var(--accent)}.dialog .dialog-modes button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.shortcut-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.shortcut-list li{border-radius:var(--radius-sm);border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 58%, transparent);min-height:46px;transition:border-color .18s var(--ease), background .18s var(--ease);justify-content:space-between;align-items:center;gap:12px;padding-block:8px;padding-inline:12px 8px;font-size:14px;display:flex}.shortcut-list li:hover{border-color:var(--line-strong);background:var(--surface)}.shortcut-list .shortcut-keys{color:var(--text-muted);flex:none;align-items:center;gap:4px;font-size:12px;display:inline-flex}.shortcut-list kbd{border:1px solid var(--line-strong);background:linear-gradient(var(--surface-solid), var(--surface-2));min-width:26px;height:24px;color:var(--text-soft);font:600 11.5px/1 var(--font-sans);box-shadow:var(--inner-highlight);border-bottom-width:2px;border-radius:7px;padding:0 7px}.sign-in-dialog{text-align:center;width:min(440px,100%)}.sign-in-badge{border:1px solid var(--line);background:var(--surface-solid);width:60px;height:60px;box-shadow:var(--shadow-md), 0 0 0 6px color-mix(in srgb, var(--brand-1) 10%, transparent), var(--inner-highlight);border-radius:20px;place-items:center;margin:2px auto 14px;display:inline-grid}.sign-in-dialog h2{margin:0 0 6px;padding-inline-end:0}.sign-in-dialog>p{margin:0 0 18px}.sign-in-perks{text-align:start;flex-direction:column;gap:6px;margin:0 0 18px;padding:0;list-style:none;display:flex}.sign-in-perks li{border-radius:var(--radius-sm);border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 55%, transparent);align-items:center;gap:11px;padding:8px 10px;font-size:13.5px;line-height:1.45;display:flex}.sign-in-perk-icon{background:var(--accent-grad);width:32px;height:32px;color:var(--on-accent);box-shadow:0 6px 14px -6px var(--accent), inset 0 1px 0 #ffffff4d;border-radius:10px;flex:none;place-items:center;display:inline-grid}.sign-in-dialog .sign-in-skip{background:color-mix(in srgb, var(--surface) 60%, transparent);justify-content:center;width:100%;margin-top:8px}.sign-in-note{color:var(--text-muted);margin:14px 0 0;font-size:12px;line-height:1.55}.sign-in-dialog .error-message{text-align:start;margin-bottom:12px}@media (width<=1180px){.privacy-pill{display:none}}@media (width<=960px){.app{grid-template-columns:minmax(0,1fr)}.sidebar{width:min(320px,86vw);height:100%;transition:transform .32s var(--ease);background:radial-gradient(100% 30% at 50% 0%, oklch(.7 .18 var(--accent-hue) / .12), transparent 70%), color-mix(in srgb, var(--surface-solid) 94%, transparent);-webkit-backdrop-filter:blur(24px)saturate(1.4);box-shadow:var(--shadow-lg);z-index:90;position:fixed;inset-block:0;inset-inline-start:0;transform:translate(105%)}:root[data-theme=dark] .sidebar{background:radial-gradient(100% 30% at 50% 0%, oklch(.6 .18 var(--accent-hue) / .18), transparent 70%), color-mix(in srgb, var(--surface-solid) 94%, transparent)}.app[data-nav-open=true] .sidebar{transform:none}.sidebar .sidebar-close{display:inline-grid}.sidebar-scrim{z-index:85;-webkit-backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .3s var(--ease);background:#06060c80;display:block;position:fixed;inset:0}.app[data-nav-open=true] .sidebar-scrim{opacity:1;pointer-events:auto}.topbar .nav-toggle{display:inline-grid}.topbar .topbar-brand{display:inline-flex}.topbar-brand .brand-mark{border-radius:10px;width:34px;height:34px}.topbar-brand .brand-mark svg{width:20px;height:20px}.crumbs{display:none}.topbar{gap:8px}.topbar .topbar-search{display:inline-grid}.topbar .shortcuts-button{display:none}.tabbar{inset-inline:0;z-index:70;padding:6px 8px max(8px, env(safe-area-inset-bottom));border-top:1px solid var(--line);background:linear-gradient(90deg, transparent, oklch(.72 .18 var(--accent-hue) / .45), transparent) top / 100% 1px no-repeat, color-mix(in srgb, var(--surface-solid) 80%, transparent);-webkit-backdrop-filter:blur(22px)saturate(1.5);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;box-shadow:0 -10px 30px -20px #0000004d}.tabbar button{color:var(--text-muted);cursor:pointer;transition:color .2s var(--ease);background:0 0;border:0;border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:6px 4px;font-size:11px;font-weight:600;display:flex;position:relative}.tabbar button:before{content:"";top:1px;border-radius:var(--radius-pill);background:var(--accent-soft);width:48px;height:30px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent-line) 50%, transparent);opacity:0;transition:opacity .22s var(--ease), transform .3s var(--ease-spring);margin-inline-start:-24px;position:absolute;inset-inline-start:50%;transform:scale(.6)}.tabbar button:after{content:"";bottom:1px;background:var(--accent);width:4px;height:4px;box-shadow:0 0 8px var(--accent);opacity:0;transition:opacity .22s var(--ease);border-radius:50%;margin-inline-start:-2px;position:absolute;inset-inline-start:50%}.tabbar button svg{z-index:1;transition:transform .25s var(--ease-spring), color .2s var(--ease);position:relative}.tabbar button.is-current{color:var(--accent-text)}.tabbar button.is-current:before,.tabbar button.is-current:after{opacity:1;transform:none}.tabbar button.is-current svg{color:var(--accent);transform:translateY(-1px)}.tabbar .tabbar-feedback{color:var(--success)}.topbar .feedback-button{display:none}.page-content{padding-bottom:96px}html{scroll-padding-bottom:90px}}@media (width<=560px){.account-button-copy{display:none}.account-button{padding:3px}.topbar-brand .brand-text small,.topbar .topbar-search{display:none}.share-site-button{border-radius:11px;width:38px;padding:0}.share-site-button span{display:none}.dialog{border-radius:var(--radius-lg);padding:24px 20px 22px}.dialog .dialog-close{top:16px;inset-inline-end:16px}.dialog .dialog-modes button{padding:4px 6px;font-size:12.5px}.site-footer-top{flex-direction:column;align-items:flex-start}}@media (width<=460px){.tool-page .topbar-brand .brand-text{display:none}}@media (width<=400px){.topbar-brand .brand-text{display:none}}@media (prefers-reduced-motion:reduce){.sidebar{transition:none}.share-site-button:hover,.icon-button:hover:not(:disabled),.account-button:hover,.site-footer nav button:hover,.brand-button:hover .brand-mark,.nav-item:hover .nav-icon{transform:none}}.appearance-dialog{flex-direction:column;gap:20px;display:flex}.appearance-dialog>p{margin-bottom:0}.appearance-section{flex-direction:column;gap:10px;display:flex}.appearance-label{letter-spacing:.04em;color:var(--text-muted);font-size:11.5px;font-weight:700}.appearance-swatches{flex-wrap:wrap;gap:10px;display:flex}.appearance-swatch{background:linear-gradient(135deg, oklch(.66 .2 var(--swatch-hue)), oklch(.55 .21 calc(var(--swatch-hue) + 35)));color:#fff;cursor:pointer;block-size:40px;inline-size:40px;box-shadow:inset 0 1px 0 #ffffff59, 0 6px 14px -6px oklch(.55 .2 var(--swatch-hue) / .7);transition:transform .2s var(--ease-spring), box-shadow .2s var(--ease);border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.appearance-swatch:hover{transform:translateY(-2px)scale(1.04)}.appearance-swatch.is-on{box-shadow:0 0 0 2px var(--surface-solid), 0 0 0 4px oklch(.62 .2 var(--swatch-hue)), 0 8px 18px -6px oklch(.55 .2 var(--swatch-hue) / .8), inset 0 1px 0 #ffffff59}.appearance-swatch svg{filter:drop-shadow(0 1px 2px #00000059)}.appearance-swatch.is-default{border-radius:var(--radius-pill);border:1px solid var(--line-strong);background:var(--pill-glass);inline-size:auto;color:var(--text);box-shadow:var(--shadow-xs);align-items:center;gap:5px;padding-inline:14px 12px;font-size:12.5px;font-weight:700;display:inline-flex}.appearance-swatch.is-default svg{filter:none;color:var(--accent)}.appearance-swatch.is-default.is-on{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.appearance-dialog .appearance-everywhere{border-radius:var(--radius-sm);border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 58%, transparent);cursor:pointer;transition:border-color .2s var(--ease), opacity .2s var(--ease);justify-content:space-between;align-items:center;gap:12px;padding-block:10px;padding-inline:14px 12px;font-size:13.5px;display:flex}.appearance-dialog .appearance-everywhere:hover{border-color:var(--line-strong)}.appearance-dialog .appearance-everywhere:has(input:disabled){opacity:.55;cursor:not-allowed}.appearance-dialog .appearance-everywhere input{appearance:none;border-radius:var(--radius-pill);border:1px solid var(--line-strong);background:var(--surface-3);cursor:pointer;width:42px;height:24px;transition:background .2s var(--ease), border-color .2s var(--ease);flex:none;order:1;margin:0;position:relative}.appearance-dialog .appearance-everywhere input:after{content:"";top:2px;background:var(--surface-solid);width:18px;height:18px;box-shadow:var(--shadow-sm);transition:inset-inline-start .24s var(--ease-spring), background .2s var(--ease);border-radius:50%;position:absolute;inset-inline-start:2px}.appearance-dialog .appearance-everywhere input:checked{background:var(--accent);border-color:var(--accent)}.appearance-dialog .appearance-everywhere input:checked:after{background:#fff;inset-inline-start:20px}.appearance-dialog .appearance-everywhere input:disabled{cursor:not-allowed}.appearance-dialog .appearance-everywhere input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.appearance-swatch{transition:none}.appearance-swatch:hover{transform:none}}.share-site-dialog{flex-direction:column;gap:18px;display:flex}.share-site-dialog>p{margin-bottom:0}.share-site-targets{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.share-site-target{--share-brand:var(--accent);--share-ink:var(--on-accent);border-radius:var(--radius);border:1px solid var(--line);background:radial-gradient(90% 70% at 50% 0%, color-mix(in srgb, var(--share-brand) 14%, transparent), transparent 70%), color-mix(in srgb, var(--surface) 62%, transparent);min-width:0;color:var(--text);font:inherit;cursor:pointer;transition:border-color .2s var(--ease), transform .2s var(--ease), box-shadow .2s var(--ease);flex-direction:column;flex:0 0 calc(33.3333% - 6.66667px);align-items:center;gap:9px;padding:14px 6px 12px;font-size:13px;font-weight:600;text-decoration:none;display:flex;position:relative}.share-site-target:hover{border-color:color-mix(in srgb, var(--share-brand) 45%, var(--line));box-shadow:var(--shadow-sm), 0 14px 26px -16px var(--share-brand);transform:translateY(-2px)}.share-site-mark{background:var(--share-brand);width:44px;height:44px;color:var(--share-ink);box-shadow:inset 0 1px 0 #ffffff4d, 0 8px 18px -8px var(--share-brand);transition:transform .25s var(--ease-spring);border-radius:50%;place-items:center;display:grid}.share-site-target:hover .share-site-mark{transform:scale(1.06)rotate(-4deg)}.share-site-link{border-radius:var(--radius-sm);border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 62%, transparent);box-shadow:var(--inner-highlight);transition:border-color .18s var(--ease), box-shadow .18s var(--ease);align-items:center;gap:6px;padding:4px;padding-inline-start:12px;display:flex}.share-site-link:focus-within{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-ring)}.share-site-link>svg{color:var(--text-muted);flex:none}.share-site-dialog .share-site-link .field{min-width:0;box-shadow:none;font-family:var(--font-mono);color:var(--text-soft);background:0 0;border:0;flex:1;padding:8px 4px;font-size:12.5px}.share-site-dialog .share-site-link .field:focus{box-shadow:none;background:0 0;outline:none}.share-site-link .secondary-button{border-radius:9px;flex:none;min-height:36px;padding:0 12px}.share-site-dialog>.share-site-note{margin:-8px 0 0;font-size:12.5px;line-height:1.5}@media (prefers-reduced-motion:reduce){.share-site-target{transition:none}.share-site-target:hover{transform:none}}.feedback-dialog{flex-direction:column;gap:14px;display:flex}.feedback-form{flex-direction:column;gap:12px;display:flex}.feedback-form>p{color:var(--text-soft);margin:0;font-size:13.5px;line-height:1.6}.feedback-message{resize:vertical;min-height:120px;line-height:1.5}.feedback-form>.feedback-note{color:var(--text-muted);font-size:12.5px;line-height:1.5}.feedback-sent{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:14px 0 6px;display:flex}.feedback-sent p{margin:0;font-weight:600}.feedback-sent-mark{background:var(--accent-grad);width:54px;height:54px;color:var(--on-accent);box-shadow:var(--shadow-accent), inset 0 1px 0 #ffffff4d;animation:pop-in .35s var(--ease-spring) both;border-radius:18px;place-items:center;display:grid}:root[data-accent-lock] .tool-page,:root[data-accent-lock] .tool-card,:root[data-accent-lock] .admin-page,:root[data-accent-lock] .me-tile,:root[data-accent-lock] [style*=--accent-hue]{--accent-hue:var(--user-hue)!important}.topbar{container:topbar/inline-size}@container topbar (width<=860px){.privacy-pill{display:none}}@container topbar (width<=720px){.share-site-button{border-radius:11px;width:38px;padding:0}.share-site-button span,.credits-pill .credits-pill-label{display:none}}@container topbar (width<=500px){.account-button-copy{display:none}.account-button{padding:3px}}.card,.workspace-card,.settings-panel,.refine-panel,.playback-card,.downloads-card,.processing-box,.chroma-card,.metronome-stage,.tuner-stage,.result-canvas,.stat-card,.ear-stage{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm), var(--inner-highlight)}.eyebrow{border-radius:var(--radius-pill);border:1px solid var(--accent-line);background:var(--accent-tint);color:var(--accent-text);align-items:center;gap:7px;padding:6px 13px 6px 11px;font-size:12.5px;font-weight:600;display:inline-flex}.eyebrow-small{color:var(--accent-text);align-items:center;gap:5px;font-size:12.5px;font-weight:700;display:inline-flex}.tool-body,.workspace-section,.results-section{width:min(var(--tool-w), calc(100% - 2 * var(--gutter)));margin-inline:auto}.tool-body{animation:rise .45s var(--ease) both;flex-direction:column;gap:18px;margin-top:12px;display:flex}.tool-intro,.tool-hero{isolation:isolate;border-radius:var(--radius-xl);border:1px solid var(--line);background:radial-gradient(90% 150% at 100% 0%, var(--accent-soft), transparent 58%), radial-gradient(70% 120% at 0% 100%, var(--accent-tint), transparent 65%), var(--surface);box-shadow:var(--shadow-sm), var(--inner-highlight);align-items:center;gap:20px;padding:26px 28px;display:flex;position:relative;overflow:hidden}.tool-intro:after,.tool-hero:after{content:"";z-index:-1;background:linear-gradient(to top, var(--accent), transparent 115%);opacity:.22;pointer-events:none;width:min(300px,36%);position:absolute;inset-block:18px;inset-inline-end:22px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 100' preserveAspectRatio='none'%3E%3Cg fill='%23000'%3E%3Crect x='0' y='62' width='8' height='38' rx='4'/%3E%3Crect x='16' y='40' width='8' height='60' rx='4'/%3E%3Crect x='32' y='70' width='8' height='30' rx='4'/%3E%3Crect x='48' y='22' width='8' height='78' rx='4'/%3E%3Crect x='64' y='50' width='8' height='50' rx='4'/%3E%3Crect x='80' y='8' width='8' height='92' rx='4'/%3E%3Crect x='96' y='36' width='8' height='64' rx='4'/%3E%3Crect x='112' y='58' width='8' height='42' rx='4'/%3E%3Crect x='128' y='18' width='8' height='82' rx='4'/%3E%3Crect x='144' y='44' width='8' height='56' rx='4'/%3E%3Crect x='160' y='66' width='8' height='34' rx='4'/%3E%3Crect x='176' y='30' width='8' height='70' rx='4'/%3E%3Crect x='192' y='54' width='8' height='46' rx='4'/%3E%3Crect x='208' y='12' width='8' height='88' rx='4'/%3E%3Crect x='224' y='48' width='8' height='52' rx='4'/%3E%3Crect x='240' y='72' width='8' height='28' rx='4'/%3E%3Crect x='256' y='38' width='8' height='62' rx='4'/%3E%3Crect x='272' y='60' width='8' height='40' rx='4'/%3E%3Crect x='288' y='78' width='8' height='22' rx='4'/%3E%3C/g%3E%3C/svg%3E") 50%/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 100' preserveAspectRatio='none'%3E%3Cg fill='%23000'%3E%3Crect x='0' y='62' width='8' height='38' rx='4'/%3E%3Crect x='16' y='40' width='8' height='60' rx='4'/%3E%3Crect x='32' y='70' width='8' height='30' rx='4'/%3E%3Crect x='48' y='22' width='8' height='78' rx='4'/%3E%3Crect x='64' y='50' width='8' height='50' rx='4'/%3E%3Crect x='80' y='8' width='8' height='92' rx='4'/%3E%3Crect x='96' y='36' width='8' height='64' rx='4'/%3E%3Crect x='112' y='58' width='8' height='42' rx='4'/%3E%3Crect x='128' y='18' width='8' height='82' rx='4'/%3E%3Crect x='144' y='44' width='8' height='56' rx='4'/%3E%3Crect x='160' y='66' width='8' height='34' rx='4'/%3E%3Crect x='176' y='30' width='8' height='70' rx='4'/%3E%3Crect x='192' y='54' width='8' height='46' rx='4'/%3E%3Crect x='208' y='12' width='8' height='88' rx='4'/%3E%3Crect x='224' y='48' width='8' height='52' rx='4'/%3E%3Crect x='240' y='72' width='8' height='28' rx='4'/%3E%3Crect x='256' y='38' width='8' height='62' rx='4'/%3E%3Crect x='272' y='60' width='8' height='40' rx='4'/%3E%3Crect x='288' y='78' width='8' height='22' rx='4'/%3E%3C/g%3E%3C/svg%3E") 50%/100% 100% no-repeat}.tool-intro>*,.tool-hero>*{position:relative}.tool-intro-icon{width:64px;height:64px;color:var(--on-accent);background:var(--accent-grad);box-shadow:var(--shadow-accent), inset 0 1px 0 #ffffff4d;border-radius:20px;flex:none;place-items:center;display:grid}.tool-intro-icon svg{width:28px;height:28px}.tool-intro h1,.tool-hero h1{letter-spacing:-.03em;margin:0;font-size:clamp(28px,4vw,40px);font-weight:800;line-height:1.1}.tool-intro p,.tool-hero>p{max-width:62ch;color:var(--text-soft);margin:8px 0 0;font-size:15.5px;line-height:1.65}.tool-intro-side{flex:none;align-self:center;margin-inline-start:auto}.tool-hero{width:min(var(--tool-w), calc(100% - 2 * var(--gutter)));animation:rise .45s var(--ease) both;flex-direction:column;align-items:flex-start;gap:12px;margin:12px auto 0}.tool-hero>p{margin:0}.hero-glow{display:none}.workspace-section{margin-top:18px}.workspace-card{flex-direction:column;gap:18px;padding:clamp(18px,3vw,28px);display:flex}.workspace-heading{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.workspace-heading>div{grid-template-columns:auto 1fr;align-items:center;column-gap:12px;display:grid}.workspace-heading h2{margin:0;font-size:21px}.workspace-heading p{color:var(--text-muted);grid-column:2;margin:4px 0 0;font-size:14px}.step-number{width:32px;height:32px;color:var(--on-accent);background:var(--accent);border-radius:10px;place-items:center;font-size:14px;font-weight:800;display:grid}.drop-zone{border:1.5px dashed var(--line-strong);border-radius:var(--radius-lg);background:radial-gradient(70% 90% at 50% 0%, var(--accent-tint), transparent 70%), var(--surface-2);cursor:pointer;text-align:center;width:100%;min-height:200px;transition:border-color .25s var(--ease), background .25s var(--ease), transform .25s var(--ease);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:34px 22px;display:flex;position:relative;overflow:hidden}.drop-zone:hover,.drop-zone.is-dragging{border-color:var(--accent);background:radial-gradient(70% 90% at 50% 0%, var(--accent-soft), transparent 75%), var(--surface-2)}.drop-zone.is-dragging{transform:scale(1.01)}.drop-zone[aria-disabled=true]{cursor:progress;opacity:.75}.drop-zone strong{font-size:17px;font-weight:700}.drop-zone span:last-child{color:var(--text-muted);font-size:13px}.upload-icon{width:60px;height:60px;color:var(--on-accent);background:var(--accent-grad);box-shadow:var(--shadow-accent);transition:transform .35s var(--ease-spring);border-radius:18px;place-items:center;margin-bottom:6px;display:grid}.drop-zone:hover .upload-icon{transform:translateY(-4px)scale(1.05)}.native-file-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.replace-file-button{cursor:pointer;flex:none;position:relative;overflow:hidden}.source-alternatives{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.selected-file{border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(90deg, transparent, oklch(.72 .18 var(--accent-hue) / .5), transparent) top / 100% 1px no-repeat, radial-gradient(60% 140% at 0% 50%, var(--accent-tint), transparent 70%), color-mix(in srgb, var(--surface-2) 80%, transparent);box-shadow:var(--shadow-xs), var(--inner-highlight);flex-wrap:wrap;align-items:center;gap:14px;padding:14px;display:flex}.file-icon{width:48px;height:48px;color:var(--on-accent);background:var(--accent-grad);box-shadow:0 8px 20px -6px oklch(.6 .2 var(--accent-hue) / .6), inset 0 1px 0 #ffffff4d;border-radius:14px;flex:none;place-items:center;display:grid}.file-details{flex:180px;min-width:0}.file-details strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;display:block;overflow:hidden}.file-details span{color:var(--text-muted);font-size:12.5px}.file-details .file-note{color:var(--text);margin-top:2px;display:block}.selected-file audio{max-width:100%;height:40px}.recording-box{border-radius:var(--radius);border:1px solid color-mix(in srgb, var(--danger) 40%, transparent);background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--danger) 70%, transparent), transparent) top / 100% 1px no-repeat, radial-gradient(70% 160% at 100% 0%, color-mix(in srgb, var(--danger) 16%, transparent), transparent 65%), var(--surface);box-shadow:var(--shadow-sm), 0 20px 50px -30px color-mix(in srgb, var(--danger) 60%, transparent), var(--inner-highlight);flex-wrap:wrap;align-items:center;gap:16px;padding:18px;display:flex}.recording-dot{background:var(--danger);border-radius:50%;flex:none;width:14px;height:14px;animation:1.6s infinite pulse-ring}.recording-dot.small{width:9px;height:9px}.recording-info{flex:200px}.recording-info strong{font-variant-numeric:tabular-nums;font-size:16px;display:block}.recording-info small{color:var(--text-muted);font-size:12.5px}.recording-actions{flex-wrap:wrap;gap:8px;display:flex}.tool-inline-actions{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.tool-inline-actions .error-message{flex-basis:100%;margin:0}.recording-chip{border-radius:var(--radius-pill);background:var(--danger-soft);color:var(--danger);align-items:center;gap:7px;padding:6px 13px;font-size:13px;font-weight:600;display:inline-flex}.level-meter{background:var(--surface-sunken);border-radius:99px;height:6px;margin:8px 0;overflow:hidden}.level-meter div{background:linear-gradient(90deg, var(--success), var(--accent));border-radius:99px;height:100%;transition:width .1s linear}.waveform{border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(90deg, transparent, oklch(.72 .18 var(--accent-hue) / .5), transparent) top / 100% 1px no-repeat, radial-gradient(80% 120% at 50% 0%, var(--accent-tint), transparent 70%), var(--surface-2);box-shadow:var(--shadow-xs), var(--inner-highlight);overflow:hidden}.waveform svg{cursor:crosshair;touch-action:none;width:100%;height:104px;display:block}.waveform-bg{fill:var(--wave-bg)}.waveform-body{fill:var(--wave-body);opacity:.55}.waveform-selection{fill:var(--wave-selected);opacity:.12}.waveform-selected{fill:var(--wave-selected);opacity:.95}.waveform-handle{stroke:var(--wave-selected);stroke-width:2.5px}.waveform-cursor{stroke:var(--danger);stroke-width:2px}.waveform-handles{opacity:0;grid-template-columns:1fr 1fr;gap:8px 18px;max-height:0;padding:0 14px;transition:max-height .15s .3s,opacity .15s .3s,padding .15s .3s;display:grid;overflow:hidden}.waveform-handles:focus-within{opacity:1;max-height:240px;box-shadow:inset 0 1px 0 var(--line);padding:12px 14px;transition-delay:0s}.waveform-handles label{color:var(--text-muted);flex-direction:column;gap:6px;font-size:12px;display:flex}.waveform-handles input{width:100%;accent-color:var(--accent)}.waveform-legend{color:var(--text-muted);border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;font-size:12.5px;display:flex}.waveform-legend button{color:var(--accent-text);cursor:pointer;background:0 0;border:0;font-size:12.5px;font-weight:600}.waveform-legend button:hover{text-decoration:underline}.trim-fields{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.trim-fields label{color:var(--text-muted);flex-direction:column;gap:6px;font-size:12.5px;display:flex}.trim-fields input{width:110px}.trim-length{text-align:center;margin-inline-start:auto}.trim-length strong{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:24px;font-weight:800;display:block}.trim-length span{color:var(--text-muted);font-size:12px}.section-picker,.fine-tune{border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(90deg, transparent, oklch(.72 .18 var(--accent-hue) / .45), transparent) top / 100% 1px no-repeat, radial-gradient(70% 120% at 100% 0%, var(--accent-tint), transparent 65%), color-mix(in srgb, var(--surface-2) 80%, transparent);box-shadow:var(--shadow-xs), var(--inner-highlight);flex-direction:column;gap:14px;padding:18px;display:flex}.section-picker-head h3{align-items:center;gap:8px;margin:0 0 4px;font-size:15.5px;display:flex}.section-picker-head h3 svg{color:var(--accent)}.section-picker-head small{color:var(--text-muted);font-size:12.5px;line-height:1.55}.section-choices{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.section-choices button{text-align:start;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:color-mix(in srgb, var(--surface) 80%, transparent);cursor:pointer;transition:border-color .18s var(--ease), transform .18s var(--ease), background .18s var(--ease), box-shadow .18s var(--ease);flex-direction:column;gap:3px;padding:13px 14px;display:flex}.section-choices button:hover{border-color:var(--accent);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.section-choices button.active{border-color:var(--accent);background:radial-gradient(80% 120% at 100% 0%, var(--accent-tint), transparent 70%), var(--accent-soft);box-shadow:0 0 0 3px var(--accent-ring), var(--shadow-sm)}.section-choices b{font-size:14px}.section-choices small{color:var(--text-muted);font-size:12px;line-height:1.45}.section-time{font-variant-numeric:tabular-nums;color:var(--accent-text);margin-top:4px;font-size:12px}.nudge-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.nudge-row>span{color:var(--text-muted);margin-inline-end:3px;font-size:13px}.nudge-row button{border-radius:var(--radius-pill);border:1px solid var(--line-strong);background:color-mix(in srgb, var(--surface) 80%, transparent);font-variant-numeric:tabular-nums;cursor:pointer;min-height:36px;transition:border-color .18s var(--ease), color .18s var(--ease), background .18s var(--ease), transform .18s var(--ease);align-items:center;gap:4px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.nudge-row button:hover{border-color:var(--accent);color:var(--accent-text);background:var(--accent-tint);transform:translateY(-1px)}.fine-tune-note{color:var(--text-muted);font-size:12.5px;line-height:1.55}.settings-panel,.refine-panel{padding:20px}.settings-title{align-items:center;gap:10px;margin-bottom:16px;font-size:15px;font-weight:700;display:flex}.settings-title>svg{width:30px;height:30px;color:var(--accent-text);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line);border-radius:9px;padding:7px}.settings-title em{color:var(--text-muted);margin-inline-start:auto;font-size:12.5px;font-style:normal;font-weight:500}.settings-grid,.refine-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;display:grid}.setting-field{flex-direction:column;gap:8px;min-width:0;display:flex}.setting-field>span{color:var(--text-soft);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.setting-field>span b{color:var(--accent-text);font-variant-numeric:tabular-nums;margin-inline-start:auto;font-size:13.5px}.setting-field small{color:var(--text-muted);font-size:12px;line-height:1.5}.setting-field select,.setting-field input[type=number],.setting-field input[type=text],.setting-field textarea,.tempo-row input,.trim-fields input,.playback-field select,.control-input input,.control-input select,.me-sort select,.me-name-field input,.me-confirm-word input,.links-expiry,.songbook-title,.songbook-editor,.transcript-text,.mixer-track-name:focus,.field{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:color-mix(in srgb, var(--surface-solid) 72%, transparent);color:var(--text);box-shadow:var(--inner-highlight);transition:border-color .18s var(--ease), box-shadow .18s var(--ease), background .18s var(--ease);padding:10px 12px;font-size:14px}select{cursor:pointer}.setting-field select:hover:not(:disabled),.setting-field input:hover:not(:disabled),.control-input select:hover:not(:disabled),.control-input input:hover:not(:disabled){border-color:var(--accent-line)}.setting-field select:focus,.setting-field input:focus,.setting-field textarea:focus,.trim-fields input:focus,.tempo-row input:focus,.control-input input:focus,.control-input select:focus,.songbook-title:focus,.songbook-editor:focus,.transcript-text:focus,.field:focus{border-color:var(--accent);background:var(--surface-solid);box-shadow:0 0 0 4px var(--accent-ring), var(--inner-highlight);outline:none}.tempo-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tempo-row input{width:100px}.tempo-row select{flex:110px}.link-button{color:var(--accent-text);cursor:pointer;background:0 0;border:0;padding:0;font-size:12.5px;font-weight:600}.link-button:hover{text-decoration:underline}.link-button.is-danger{color:var(--danger)}input[type=range]{appearance:none;cursor:pointer;--range-track:color-mix(in srgb, var(--accent) 12%, var(--surface-3));--range-done:linear-gradient(90deg, var(--accent-strong), var(--accent));background:0 0;width:100%;height:24px}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to left, var(--accent) var(--range-fill,0%), transparent var(--range-fill,0%)), var(--range-track);height:6px;box-shadow:inset 0 0 0 1px var(--line), inset 0 1px 2px #0000000f;border-radius:99px}:root[dir=ltr] input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--range-fill,0%), transparent var(--range-fill,0%)), var(--range-track)}input[type=range]::-moz-range-track{background:var(--range-track);height:6px;box-shadow:inset 0 0 0 1px var(--line);border-radius:99px}input[type=range]::-moz-range-progress{background:var(--range-done);border-radius:99px;height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--surface-solid);border:2px solid var(--accent);width:18px;height:18px;box-shadow:0 0 0 4px var(--accent-ring), 0 3px 10px oklch(.55 .2 var(--accent-hue) / .35);cursor:grab;transition:transform .18s var(--ease-spring), box-shadow .18s var(--ease);border-radius:50%;margin-top:-6px}input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 0 6px var(--accent-ring), 0 4px 14px oklch(.55 .2 var(--accent-hue) / .4);transform:scale(1.1)}input[type=range]:active::-webkit-slider-thumb{cursor:grabbing;box-shadow:0 0 0 8px var(--accent-ring), 0 4px 14px oklch(.55 .2 var(--accent-hue) / .4);transform:scale(1.15)}input[type=range]:focus-visible::-webkit-slider-thumb{cursor:grabbing;box-shadow:0 0 0 8px var(--accent-ring), 0 4px 14px oklch(.55 .2 var(--accent-hue) / .4);transform:scale(1.15)}input[type=range]::-moz-range-thumb{background:var(--surface-solid);border:2px solid var(--accent);width:14px;height:14px;box-shadow:0 0 0 4px var(--accent-ring), 0 3px 10px oklch(.55 .2 var(--accent-hue) / .35);cursor:grab;border-radius:50%}input[type=range]:hover::-moz-range-thumb{box-shadow:0 0 0 6px var(--accent-ring), 0 4px 14px oklch(.55 .2 var(--accent-hue) / .4)}input[type=range]:focus-visible{outline:none}input[type=range]:disabled{opacity:.5;cursor:not-allowed}input[type=range]:disabled::-webkit-slider-thumb{box-shadow:none;cursor:not-allowed;transform:none}input[type=checkbox],input[type=radio]{accent-color:var(--accent)}.segmented-control{background:color-mix(in srgb, var(--surface-sunken) 70%, transparent);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);box-shadow:var(--inner-highlight);border-radius:14px;gap:3px;padding:4px;display:flex}.segmented-control.wrap{flex-wrap:wrap}.segmented-control button{min-width:58px;min-height:36px;color:var(--text-muted);cursor:pointer;transition:color .18s var(--ease), background .18s var(--ease), box-shadow .18s var(--ease);background:0 0;border:0;border-radius:10px;flex:1;padding:8px 12px;font-size:13.5px;font-weight:600;position:relative}.segmented-control button:hover:not(:disabled){color:var(--text);background:var(--surface-hover)}.segmented-control button:disabled{opacity:.45;cursor:not-allowed}.segmented-control button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.segmented-control button.active{background:linear-gradient(90deg, transparent, oklch(.75 .17 var(--accent-hue) / .55), transparent) top / 100% 1px no-repeat, radial-gradient(80% 100% at 50% 0%, var(--accent-tint), transparent 70%), var(--surface-solid);color:var(--accent-text);box-shadow:var(--shadow-sm), inset 0 0 0 1px var(--accent-line);animation:pill-in .28s var(--ease-spring) both}.segmented-control button.active svg{color:var(--accent)}@keyframes pill-in{0%{transform:scale(.94)}to{transform:none}}.segmented-label{color:var(--text-soft);font-variant-numeric:tabular-nums;flex:1;place-items:center;min-width:90px;font-size:13px;font-weight:700;display:grid}.checkbox-field{border-radius:var(--radius-sm);border:1px solid var(--line);background:color-mix(in srgb, var(--surface-2) 80%, transparent);cursor:pointer;transition:border-color .2s var(--ease), background .2s var(--ease);align-items:center;gap:10px;padding:12px 14px;font-size:13.5px;display:flex}.checkbox-field:hover{border-color:var(--accent-line);background:var(--accent-tint)}.checkbox-field:has(input:checked){border-color:var(--accent-line)}.checkbox-field input{cursor:pointer;width:18px;height:18px}.preset-strip{border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(90deg, transparent, oklch(.72 .18 var(--accent-hue) / .5), transparent) top / 100% 1px no-repeat, radial-gradient(60% 160% at 100% 0%, var(--accent-tint), transparent 65%), var(--surface);box-shadow:var(--shadow-sm), var(--inner-highlight);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;display:flex}.preset-strip>span{color:var(--text-muted);font-size:13px;font-weight:600}.preset-row{flex-wrap:wrap;gap:6px;display:flex}.preset-row.compact{margin-top:4px}.preset-row button,.chip-toggle{border-radius:var(--radius-pill);border:1px solid var(--line-strong);background:color-mix(in srgb, var(--surface) 80%, transparent);min-height:36px;color:var(--text-soft);cursor:pointer;transition:color .18s var(--ease), background .18s var(--ease), border-color .18s var(--ease), transform .18s var(--ease), box-shadow .18s var(--ease);align-items:center;gap:7px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.preset-row button{font-variant-numeric:tabular-nums}.preset-row button:hover:not(:disabled),.chip-toggle:hover:not(:disabled){border-color:var(--accent);color:var(--text);background:var(--accent-tint);transform:translateY(-1px)}.preset-row button:focus-visible,.chip-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.chip-toggle:disabled{opacity:.45;cursor:not-allowed}.preset-row button.active,.chip-toggle.active{background:var(--accent-grad);color:var(--on-accent);box-shadow:0 6px 16px -6px oklch(.55 .2 var(--accent-hue) / .7), inset 0 1px 0 #ffffff40;border-color:#0000}.preset-row button.active:hover:not(:disabled),.chip-toggle.active:hover:not(:disabled){color:var(--on-accent);background:var(--accent-grad);border-color:#0000}.primary-button{border-radius:var(--radius);width:100%;min-height:54px;color:var(--on-accent);cursor:pointer;background:var(--accent-grad);box-shadow:var(--shadow-accent), inset 0 1px 0 #ffffff4d;transition:transform .2s var(--ease), box-shadow .2s var(--ease), filter .2s var(--ease);border:0;justify-content:center;align-items:center;gap:10px;padding:0 24px;font-size:16px;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.primary-button:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000 30%,#ffffff38 50%,#0000 70%);position:absolute;inset:0;transform:translate(-120%)}.primary-button:hover:not(:disabled){filter:brightness(1.05)saturate(1.05);box-shadow:var(--shadow-accent), 0 2px 6px oklch(.5 .2 var(--accent-hue) / .25), inset 0 1px 0 #ffffff4d;transform:translateY(-2px)}.primary-button:hover:not(:disabled):after{transition:transform .6s var(--ease);transform:translate(120%)}.primary-button:active:not(:disabled){transform:translateY(0)scale(.99)}.primary-button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.primary-button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.primary-button.compact{border-radius:var(--radius-sm);width:auto;min-height:42px;padding:0 18px;font-size:14px}.primary-button small{opacity:.85;font-weight:500}.secondary-button{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:color-mix(in srgb, var(--surface) 80%, transparent);min-height:42px;color:var(--text);cursor:pointer;box-shadow:var(--shadow-xs), var(--inner-highlight);transition:border-color .18s var(--ease), background .18s var(--ease), color .18s var(--ease), transform .18s var(--ease), box-shadow .18s var(--ease);justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:600;display:inline-flex}.secondary-button:hover:not(:disabled){border-color:var(--accent);color:var(--accent-text);background:var(--accent-tint);box-shadow:var(--shadow-sm), var(--inner-highlight);transform:translateY(-1px)}.secondary-button:active:not(:disabled){transform:scale(.98)}.secondary-button:disabled{opacity:.45;cursor:not-allowed}.secondary-button.compact{min-height:38px;padding:0 13px;font-size:13.5px}.secondary-button.is-on{border-color:var(--accent);color:var(--accent-text);background:var(--accent-soft)}.secondary-button.is-danger{border-color:color-mix(in srgb, var(--danger) 45%, transparent);color:var(--danger);background:var(--danger-soft)}.ghost-button{color:var(--text-soft);cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:6px;padding:7px 11px;font-size:13.5px;font-weight:600;display:inline-flex}.ghost-button:hover{background:var(--surface-hover);color:var(--text)}.error-message,.notice-message{border-radius:var(--radius-sm);box-shadow:var(--inner-highlight);border:1px solid;padding:13px 16px;font-size:14px;line-height:1.6}.error-message{color:var(--danger);background:radial-gradient(80% 160% at 100% 0%, color-mix(in srgb, var(--danger) 10%, transparent), transparent 65%), var(--danger-soft);border-color:color-mix(in srgb, var(--danger) 30%, transparent)}.notice-message{color:var(--accent-text);background:linear-gradient(90deg, transparent, oklch(.72 .18 var(--accent-hue) / .5), transparent) top / 100% 1px no-repeat, radial-gradient(80% 160% at 100% 0%, var(--accent-tint), transparent 65%), var(--accent-tint);border-color:var(--accent-line)}.processing-box{flex-direction:column;gap:13px;padding:20px;display:flex}.processing-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.processing-top span{align-items:center;gap:9px;font-size:15px;font-weight:600;display:flex}.processing-top svg{color:var(--accent);animation:1.4s ease-in-out infinite bob}.processing-top strong{font-variant-numeric:tabular-nums;background:var(--accent-grad);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:17px}.processing-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.processing-bottom small{color:var(--text-muted);flex:260px;font-size:12.5px;line-height:1.6}.progress-track{background:color-mix(in srgb, var(--accent) 10%, var(--surface-3));height:8px;box-shadow:inset 0 0 0 1px var(--line);border-radius:99px;overflow:hidden}.progress-track>div{background:var(--accent-grad);height:100%;box-shadow:0 0 12px oklch(.6 .2 var(--accent-hue) / .5);transition:width .35s var(--ease);border-radius:99px;position:relative;overflow:hidden}.progress-track>div:after{content:"";background:linear-gradient(90deg,#0000,#ffffff59,#0000) 0 0/200% 100%;animation:1.6s linear infinite shimmer;position:absolute;inset:0}.progress-track.indeterminate>div{width:40%;animation:1.2s ease-in-out infinite sweep}@keyframes sweep{0%{transform:translate(150%)}to{transform:translate(-250%)}}.engine-note{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--surface-2) 70%, transparent);border:1px solid var(--line);box-shadow:var(--inner-highlight);color:var(--text-muted);margin:0;padding:11px 15px;font-size:13px;line-height:1.6}.engine-note.is-slow{color:var(--warning);border-color:color-mix(in srgb, var(--warning) 35%, transparent);background:var(--warning-soft)}.results-section{animation:rise .5s var(--ease) both;flex-direction:column;gap:18px;margin-top:30px;display:flex}.results-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.results-header h2{margin:10px 0 0;font-size:clamp(22px,3vw,30px);font-weight:800}.results-header .save-work{align-items:flex-end}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.stat-card{text-align:center;border-radius:var(--radius);transition:transform .2s var(--ease), box-shadow .2s var(--ease);padding:16px}.stat-card:hover{box-shadow:var(--shadow-md), var(--inner-highlight);transform:translateY(-2px)}.stat-card strong{letter-spacing:-.03em;font-variant-numeric:tabular-nums;background:linear-gradient(135deg, var(--accent-text), var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:800;display:block}.stat-card span{color:var(--text-muted);justify-content:center;align-items:center;gap:5px;margin-top:4px;font-size:12.5px;display:flex}.stat-card small{color:var(--text-muted);opacity:.85;margin-top:5px;font-size:11.5px;display:block}.stat-card.is-hero{border-color:var(--accent-line);background:linear-gradient(90deg, transparent, oklch(.72 .18 var(--accent-hue) / .7), transparent) top / 100% 1px no-repeat, radial-gradient(100% 120% at 100% 0%, var(--accent-soft), transparent 70%), var(--surface);grid-column:span 2}.stat-card.is-hero strong{font-size:32px}.ai-separator{border-radius:var(--radius);border:1px solid var(--accent-line);background:linear-gradient(90deg, transparent, oklch(.72 .18 var(--accent-hue) / .7), transparent) top / 100% 1px no-repeat, radial-gradient(100% 140% at 100% 0%, var(--accent-soft), transparent 70%), var(--surface-2);box-shadow:var(--shadow-sm), 0 20px 50px -30px oklch(.55 .2 var(--accent-hue) / .5), var(--inner-highlight);flex-direction:column;gap:13px;padding:18px;display:flex}.ai-separator-head{align-items:flex-start;gap:13px;display:flex}.ai-separator h3{align-items:center;gap:7px;margin:0 0 5px;font-size:15px;display:flex}.ai-separator p{color:var(--text-muted);margin:0;font-size:13px;line-height:1.65}.ai-separator .notice-message{font-size:13px}.ai-status{color:var(--text-muted);font-size:12.5px;line-height:1.5}.playback-card{flex-direction:column;gap:14px;padding:16px 18px;display:flex}.transport{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.transport-button{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:color-mix(in srgb, var(--surface) 80%, transparent);min-width:44px;min-height:44px;color:var(--text);cursor:pointer;box-shadow:var(--shadow-xs), var(--inner-highlight);transition:border-color .18s var(--ease), transform .18s var(--ease), background .18s var(--ease), box-shadow .18s var(--ease);justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:600;display:inline-flex}.transport-button:hover:not(:disabled){border-color:var(--accent);background:var(--accent-tint);color:var(--accent-text);transform:translateY(-1px)}.transport-button:active:not(:disabled){transform:scale(.97)}.transport-button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.transport-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.transport-button.primary{border-radius:var(--radius-pill);min-width:112px;color:var(--on-accent);background:var(--accent-grad);box-shadow:var(--shadow-accent), inset 0 1px 0 #ffffff4d;border:0}.transport-button.primary:hover:not(:disabled){color:var(--on-accent);background:var(--accent-grad);filter:brightness(1.05)saturate(1.05);transform:translateY(-1px)}.transport-seek{flex:180px;min-width:120px}.transport-time{font-variant-numeric:tabular-nums;color:var(--text-muted);border-radius:var(--radius-pill);background:var(--surface-sunken);text-align:center;direction:ltr;min-width:88px;padding:5px 10px;font-size:12.5px;font-weight:600}.playback-options{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;padding-top:14px;display:flex}.playback-field{color:var(--text-muted);align-items:center;gap:8px;font-size:13px;display:flex}.playback-field select{padding:7px 10px;font-size:13.5px}.playback-field.slider input{width:110px}.playback-field span{align-items:center;gap:5px;display:inline-flex}.shortcut-hint{color:var(--text-muted);font-size:12px}.result-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.toolbar-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tabs{background:color-mix(in srgb, var(--surface-sunken) 70%, transparent);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);box-shadow:var(--inner-highlight);border-radius:14px;flex-wrap:wrap;gap:3px;padding:4px;display:flex}.tabs button{min-height:36px;color:var(--text-muted);cursor:pointer;transition:color .18s var(--ease), background .18s var(--ease), box-shadow .18s var(--ease);background:0 0;border:0;border-radius:10px;align-items:center;gap:7px;padding:8px 15px;font-size:13.5px;font-weight:600;display:inline-flex}.tabs button:hover{color:var(--text);background:var(--surface-hover)}.tabs button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.tabs button.active{background:linear-gradient(90deg, transparent, oklch(.75 .17 var(--accent-hue) / .55), transparent) top / 100% 1px no-repeat, radial-gradient(80% 100% at 50% 0%, var(--accent-tint), transparent 70%), var(--surface-solid);color:var(--accent-text);box-shadow:var(--shadow-sm), inset 0 0 0 1px var(--accent-line);animation:pill-in .28s var(--ease-spring) both}.tabs button.active svg{color:var(--accent)}.tempo-control{color:var(--text-muted);align-items:center;gap:9px;font-size:13px;display:flex}.tempo-control input{width:130px}.result-canvas{padding:14px;overflow:hidden}.sheet-music{color:#14121c;border-radius:var(--radius);background:#fff;padding:12px;overflow-x:auto}.sheet-music svg{max-width:100%}.piano-roll-wrap{border-radius:var(--radius);overflow-x:auto}.piano-roll{cursor:pointer;display:block}.note-table-wrap{border-radius:var(--radius);border:1px solid var(--line);max-height:460px;overflow:auto}.tab-sheet-wrap{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);max-height:520px;overflow:auto}.tab-sheet{font-family:var(--font-mono);white-space:pre;color:var(--text);tab-size:4;margin:0;padding:16px 18px;font-size:13.5px;line-height:1.45}.note-table{border-collapse:collapse;width:100%;font-size:13.5px}.note-table th,.note-table td{text-align:start;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;padding:9px 12px}.note-table th{background:var(--surface-solid);color:var(--text-muted);z-index:1;font-size:12px;position:sticky;top:0}.note-table tbody tr:hover{background:var(--accent-tint)}.table-footnote{color:var(--text-muted);align-items:center;gap:7px;margin:0;font-size:12.5px;line-height:1.6;display:flex}.downloads-card{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:20px;display:grid}.downloads-card>*{grid-column:1/-1;min-width:0}.downloads-card>div:first-child{grid-area:1/1;align-items:center;gap:14px;display:flex}.downloads-card>.save-work{grid-area:1/2;justify-self:end;align-items:flex-end}.downloads-card .save-work-note{text-align:end;max-width:260px}.download-icon{width:48px;height:48px;color:var(--on-accent);background:var(--accent-grad);box-shadow:0 0 0 5px oklch(.77 .15 var(--accent-hue) / .12), var(--shadow-accent), inset 0 1px 0 #ffffff4d;border-radius:15px;flex:none;place-items:center;display:grid}.downloads-card h3{overflow-wrap:anywhere;margin:0;font-size:18px}.downloads-card p{color:var(--text-muted);margin:3px 0 0;font-size:13px;line-height:1.6}.download-buttons{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;display:grid}.download-buttons button,.download-buttons a{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:color-mix(in srgb, var(--surface-2) 75%, transparent);color:var(--text);cursor:pointer;text-align:start;box-shadow:var(--inner-highlight);transition:border-color .18s var(--ease), background .18s var(--ease), transform .18s var(--ease), box-shadow .18s var(--ease);align-items:center;gap:11px;padding:12px 14px;display:flex}.download-buttons button:hover:not(:disabled),.download-buttons a:hover{border-color:var(--accent);background:radial-gradient(80% 120% at 0% 50%, var(--accent-soft), transparent 70%), var(--accent-tint);box-shadow:var(--shadow-sm), var(--inner-highlight);transform:translateY(-2px)}.download-buttons button:focus-visible,.download-buttons a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.download-buttons button:disabled{opacity:.45;cursor:not-allowed}.download-buttons button svg,.download-buttons a svg{color:var(--accent);transition:transform .3s var(--ease-spring);flex:none}.download-buttons button:hover:not(:disabled) svg,.download-buttons a:hover svg{transform:translateY(-2px)}.download-buttons span{flex-direction:column;min-width:0;font-size:14px;font-weight:700;display:flex}.download-buttons small{color:var(--text-muted);font-size:11.5px;font-weight:500}.download-buttons .share-button{border-color:var(--accent-line);background:var(--accent-tint)}.save-work{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.save-work.is-compact{align-items:center}.save-work-button{border-radius:var(--radius-sm);border:1px solid var(--accent-line);background:var(--accent-tint);min-height:42px;color:var(--accent-text);cursor:pointer;box-shadow:var(--inner-highlight);transition:background .18s var(--ease), color .18s var(--ease), transform .18s var(--ease), box-shadow .18s var(--ease);align-items:center;gap:9px;padding:0 16px;font-size:14px;font-weight:700;display:inline-flex}.save-work-button:hover:not(:disabled){background:var(--accent-grad);color:var(--on-accent);box-shadow:0 8px 20px -8px oklch(.55 .2 var(--accent-hue) / .7);border-color:#0000;transform:translateY(-1px)}.save-work-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.save-work-button:disabled{opacity:.45;cursor:not-allowed}.save-work-button.is-saved{border-color:color-mix(in srgb, var(--success) 45%, transparent);background:var(--success-soft);color:var(--success)}.save-work-button.is-failed{border-color:color-mix(in srgb, var(--danger) 45%, transparent);background:var(--danger-soft);color:var(--danger)}.save-work-note{color:var(--text-muted);font-size:12.5px;line-height:1.5}.app-notices{inset-inline:0;bottom:max(18px, env(safe-area-inset-bottom,0px));z-index:95;pointer-events:none;flex-direction:column;align-items:center;gap:10px;padding-inline:16px;display:flex;position:fixed}.app-notice{pointer-events:auto;border:1px solid color-mix(in srgb, var(--accent) 18%, var(--line-strong));border-radius:var(--radius);background:linear-gradient(90deg, transparent, oklch(.72 .18 var(--accent-hue) / .6), transparent) top / 100% 1px no-repeat, radial-gradient(70% 160% at 100% 0%, var(--accent-tint), transparent 65%), color-mix(in srgb, var(--surface-solid) 82%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.4);width:min(560px,100%);box-shadow:var(--shadow-lg), 0 20px 60px -30px oklch(.55 .2 var(--accent-hue) / .55), var(--inner-highlight);animation:rise .35s var(--ease) both;align-items:center;gap:12px;padding:12px 14px;display:flex}.app-notice p{min-width:0;color:var(--text-soft);flex:1;margin:0;font-size:13px;line-height:1.55}.app-notice p strong{color:var(--text)}.app-notice-icon{width:36px;height:36px;color:var(--on-accent);background:var(--accent-grad);box-shadow:0 6px 16px -6px oklch(.55 .2 var(--accent-hue) / .7), inset 0 1px 0 #ffffff4d;border-radius:11px;flex:none;place-items:center;display:grid}.app-notice-close{width:30px;height:30px;color:var(--text-muted);cursor:pointer;transition:background .18s var(--ease), color .18s var(--ease);background:0 0;border:0;border-radius:9px;flex:none;place-items:center;display:grid}.app-notice-close:hover{background:var(--surface-hover);color:var(--text)}.app-notice-action{border-radius:var(--radius-pill);min-height:36px;color:var(--on-accent);background:var(--accent-grad);box-shadow:0 6px 16px -6px oklch(.55 .2 var(--accent-hue) / .7), inset 0 1px 0 #ffffff40;cursor:pointer;transition:filter .18s var(--ease), transform .18s var(--ease);border:0;flex:none;padding:8px 16px;font-weight:700}.app-notice-action:hover{filter:brightness(1.06);transform:translateY(-1px)}.app-notice.share-prompt{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"icon text close""icon actions close";align-items:start;row-gap:10px;display:grid}.share-prompt-icon{color:#fff;background:var(--brand-gradient);grid-area:icon}.share-prompt>p{grid-area:text}.share-prompt .app-notice-close{grid-area:close}.share-prompt-actions{flex-wrap:wrap;grid-area:actions;gap:8px;display:flex}.share-prompt-whatsapp,.share-prompt-more{min-height:36px;font:inherit;cursor:pointer;border-radius:10px;align-items:center;gap:7px;padding:0 14px;font-size:13.5px;font-weight:700;text-decoration:none;display:inline-flex}.share-prompt-whatsapp{color:#062e18;background:#25d366;border:0}.share-prompt-whatsapp:hover{filter:brightness(1.06)}.share-prompt-more{border:1px solid var(--line-strong);background:color-mix(in srgb, var(--surface) 80%, transparent);color:var(--text)}.share-prompt-more:hover{border-color:var(--accent);color:var(--accent-text);background:var(--accent-tint)}@media (width<=560px){.app-notice.share-prompt{grid-template-areas:"icon text close""actions actions actions"}.share-prompt-actions>*{flex:auto;justify-content:center}}.palette-overlay{z-index:120;-webkit-backdrop-filter:blur(8px);animation:fade .15s var(--ease);background:#06060c80;justify-content:center;align-items:flex-start;padding:12vh 16px 16px;display:flex;position:fixed;inset:0}.palette{isolation:isolate;border-radius:var(--radius-lg);border:1px solid color-mix(in srgb, var(--brand-1) 24%, var(--line-strong));background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--brand-1) 70%, transparent) 40%, color-mix(in srgb, var(--brand-2) 70%, transparent) 60%, transparent) top / 100% 1px no-repeat, radial-gradient(60% 50% at 100% 0%, color-mix(in srgb, var(--brand-1) 16%, transparent), transparent 70%), radial-gradient(50% 45% at 0% 0%, color-mix(in srgb, var(--brand-2) 12%, transparent), transparent 70%), color-mix(in srgb, var(--surface-solid) 86%, transparent);-webkit-backdrop-filter:blur(24px)saturate(1.5);width:min(620px,100%);max-height:72vh;box-shadow:var(--shadow-lg), 0 30px 90px -30px color-mix(in srgb, var(--brand-1) 55%, transparent), var(--inner-highlight);animation:pop-in .22s var(--ease) both;flex-direction:column;display:flex;position:relative;overflow:hidden}.palette-input{border-radius:var(--radius);border:1px solid var(--line-strong);background:color-mix(in srgb, var(--surface-solid) 70%, transparent);min-height:56px;box-shadow:var(--inner-highlight);color:var(--text-muted);cursor:text;transition:border-color .18s var(--ease), box-shadow .18s var(--ease);align-items:center;gap:12px;margin:12px 12px 6px;padding:0 16px;display:flex}.palette-input>svg{color:var(--brand-1);flex:none}.palette-input:focus-within{border-color:color-mix(in srgb, var(--brand-1) 70%, transparent);box-shadow:0 0 0 4px color-mix(in srgb, var(--brand-1) 20%, transparent), var(--inner-highlight)}.palette-input input{min-width:0;min-height:54px;color:var(--text);background:0 0;border:0;flex:1;font-size:18px;font-weight:500}.palette-input input::placeholder{color:var(--text-muted);font-weight:400}.palette-input input:focus{outline:none}.palette-list{margin:0;padding:6px 10px 10px;list-style:none;position:relative;overflow:auto}.palette-group{color:var(--text-muted);letter-spacing:.04em;margin:10px 10px 4px;font-size:11.5px;font-weight:700}.palette-thumb{z-index:0;inset-inline:10px;top:var(--row-y,0px);height:var(--row-h,0px);border-radius:var(--radius-sm);background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--brand-1) 55%, transparent), transparent) top / 100% 1px no-repeat, radial-gradient(70% 120% at 100% 50%, color-mix(in srgb, var(--brand-1) 14%, transparent), transparent 70%), var(--surface-hover);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--brand-1) 20%, transparent);transition:top .2s var(--ease), height .2s var(--ease);pointer-events:none;position:absolute}.palette-item{z-index:1;border-radius:var(--radius-sm);width:100%;min-height:52px;color:var(--text);text-align:start;cursor:pointer;transition:color .18s var(--ease);background:0 0;border:0;align-items:center;gap:12px;padding:8px 10px;display:flex;position:relative}.palette-item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.palette-icon{background:var(--accent-soft);width:34px;height:34px;color:var(--accent-text);box-shadow:inset 0 0 0 1px var(--accent-line);transition:background .2s var(--ease), color .2s var(--ease), box-shadow .2s var(--ease), transform .3s var(--ease-spring);border-radius:10px;flex:none;place-items:center;display:grid}.palette-item.is-active .palette-icon{background:var(--accent-grad);color:var(--on-accent);box-shadow:0 6px 16px -6px oklch(.55 .2 var(--accent-hue) / .7), inset 0 1px 0 #ffffff4d;transform:scale(1.06)}.palette-text{flex-direction:column;flex:1;min-width:0;display:flex}.palette-text span{text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;font-weight:600;overflow:hidden}.palette-text small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.palette-enter{color:var(--text-muted);animation:fade .2s var(--ease);flex:none}.palette-empty{border-radius:var(--radius-sm);background:var(--surface-sunken);text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:8px;margin:6px 0;padding:28px 24px;font-size:13.5px;display:flex}.palette-empty svg{color:var(--brand-1);opacity:.8}.palette-foot{border-top:1px solid var(--line);color:var(--text-muted);background:color-mix(in srgb, var(--surface-2) 70%, transparent);flex-wrap:wrap;align-items:center;gap:6px 18px;margin:0;padding:10px 16px;font-size:12px;display:flex}.palette-key{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.palette-key kbd{background:color-mix(in srgb, var(--surface-solid) 80%, transparent)}.palette-key kbd+kbd{margin-inline-start:-1px}.preview-overlay{z-index:110;-webkit-backdrop-filter:blur(8px);animation:fade .2s var(--ease);background:#06060c99;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.preview{border-radius:var(--radius-lg);border:1px solid color-mix(in srgb, var(--accent) 20%, var(--line-strong));background:linear-gradient(90deg, transparent, oklch(.72 .18 var(--accent-hue) / .6), transparent) top / 100% 1px no-repeat, radial-gradient(70% 50% at 100% 0%, var(--accent-tint), transparent 70%), color-mix(in srgb, var(--surface-solid) 88%, transparent);-webkit-backdrop-filter:blur(24px)saturate(1.4);width:min(540px,100%);max-height:calc(100vh - 40px);box-shadow:var(--shadow-lg), 0 30px 80px -30px oklch(.55 .2 var(--accent-hue) / .5), var(--inner-highlight);animation:pop-in .25s var(--ease) both;flex-direction:column;gap:10px;padding:22px;display:flex;position:relative;overflow:auto}.preview h2{margin:6px 0 0;font-size:20px}.preview-close{top:12px;position:absolute;inset-inline-end:12px}.preview-actions{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}@media (width<=720px){.section-choices{grid-template-columns:1fr}.tool-intro{border-radius:var(--radius-lg);flex-wrap:wrap;gap:14px;padding:20px 18px}.tool-intro:after,.tool-hero:after{opacity:.14;width:45%}.tool-intro-icon{border-radius:16px;width:52px;height:52px}.tool-intro-icon svg{width:24px;height:24px}.tool-intro-side{width:100%;margin-inline-start:0}.tool-hero{padding:22px 20px}.transport-seek{flex-basis:100%;order:5}.downloads-card>.save-work{grid-area:auto/1/auto/-1;justify-self:stretch;align-items:stretch}.downloads-card .save-work-note{text-align:start;max-width:none}.stat-card.is-hero{grid-column:span 1}.waveform-handles{grid-template-columns:1fr}.app-notice{flex-wrap:wrap}.app-notice-action{width:100%}.palette-overlay{padding-top:8vh}.palette-input{min-height:52px;margin:10px 10px 4px}.palette-input input{min-height:50px;font-size:17px}.palette-foot{gap:6px 14px}}@media (width<=960px){.app-notices{bottom:calc(76px + env(safe-area-inset-bottom,0px))}}@media (prefers-reduced-motion:reduce){.palette-thumb,.segmented-control button.active,.tabs button.active,.primary-button:after,.stat-card{transition:none;animation:none}}@media print{.sidebar,.topbar,.tabbar,.downloads-card,.settings-panel,.refine-panel,.playback-card,.result-toolbar,.site-footer,.next-steps,.tool-video,.assistant-launcher,.assistant-panel,.skip-link{display:none!important}.app{display:block}.app:before,.app:after{display:none}body{background:#fff}}.home{width:min(var(--content-w), calc(100% - 2 * var(--gutter)));flex-direction:column;gap:56px;margin:0 auto;padding-top:10px;display:flex}@property --ring-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.hub-hero{--surface:#ffffff0b;--surface-solid:#16131f;--surface-2:#ffffff0d;--surface-3:#1e1a2a;--surface-sunken:#ffffff0a;--surface-hover:#ffffff14;--line:#ffffff17;--line-strong:#ffffff2b;--text:#f7f5ff;--text-soft:#cdc8df;--text-muted:#948fab;--ink:#fff;--on-ink:#0b0a10;--shadow-lg:0 30px 80px #0000008c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);isolation:isolate;min-height:min(720px,86vh);animation:rise .7s var(--ease) both;background:radial-gradient(120% 90% at 50% 0,#1b1430 0%,#0c0a14 55%,#06050a 100%);border:1px solid #ffffff14;border-radius:40px;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);align-items:center;gap:clamp(26px,4.5vw,60px);padding:clamp(28px,5vw,68px);display:grid;position:relative;overflow:hidden;box-shadow:0 40px 120px -30px oklch(55% .25 300/.55),0 0 0 1px #ffffff08,inset 0 1px #ffffff14}.hero-stage{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-aurora{aspect-ratio:1;filter:blur(70px);opacity:.6;mix-blend-mode:screen;border-radius:50%;width:58%;animation:18s ease-in-out infinite alternate aurora;position:absolute}.hero-aurora.is-a{top:-28%;background:oklch(60% .27 292);inset-inline-end:-10%}.hero-aurora.is-b{bottom:-35%;opacity:.42;background:oklch(62% .26 345);animation-duration:22s;animation-delay:-6s;inset-inline-start:-14%}.hero-aurora.is-c{top:20%;opacity:.32;background:oklch(75% .18 60);width:34%;animation-duration:26s;animation-delay:-11s;inset-inline-start:30%}@keyframes aurora{0%{transform:translate(0)scale(1)}50%{transform:translate(-8%,10%)scale(1.15)}to{transform:translate(10%,-6%)scale(.92)}}.hero-floor{inset-inline:-50%;transform-origin:50% 0;opacity:.55;background-image:linear-gradient(90deg,oklch(75% .2 320/.35) 1px,#0000 1px),linear-gradient(oklch(75% .2 320/.35) 1px,#0000 1px);background-size:56px 56px;height:60%;animation:3.2s linear infinite floor;position:absolute;bottom:-10%;transform:perspective(380px)rotateX(62deg);-webkit-mask-image:linear-gradient(#0000,#000 35% 70%,#0000);mask-image:linear-gradient(#0000,#000 35% 70%,#0000)}@keyframes floor{to{background-position:0 56px}}.hero-spectrum{inset-inline:0;opacity:.3;align-items:flex-end;gap:clamp(4px,.8vw,10px);height:26%;padding-inline:28px;display:flex;position:absolute;bottom:0;-webkit-mask-image:linear-gradient(#0000,#000 90%);mask-image:linear-gradient(#0000,#000 90%)}.hero-spectrum i{height:var(--h);background:linear-gradient(to top, var(--brand-1), var(--brand-2) 60%, var(--brand-3));transform-origin:bottom;animation:spectrum 1.6s var(--d) ease-in-out infinite alternate;border-radius:99px 99px 0 0;flex:1;box-shadow:0 0 22px oklch(70% .22 330/.6)}@keyframes spectrum{to{transform:scaleY(.35)}}.hero-glyph{bottom:-60px;font-size:var(--s);color:#fff;opacity:0;text-shadow:0 0 18px oklch(75% .2 320);animation:glyph var(--t) var(--d) linear infinite;line-height:1;position:absolute;inset-inline-start:var(--x)}@keyframes glyph{0%{opacity:0;transform:translateY(0)rotate(-10deg)}12%{opacity:.55}80%{opacity:.3}to{opacity:0;transform:translateY(-720px)rotate(18deg)}}.hero-copy{flex-direction:column;align-items:flex-start;gap:20px;min-width:0;display:flex}.hero-kicker{border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(10px);color:var(--text-soft);background:#ffffff0f;border:1px solid #ffffff24;align-items:center;gap:9px;padding:7px 15px 7px 13px;font-size:13px;font-weight:600;display:inline-flex}.hero-kicker-dot{background:oklch(80% .2 150);border-radius:50%;width:8px;height:8px;animation:2s ease-out infinite live-dot;box-shadow:0 0 oklch(80% .2 150/.6)}@keyframes live-dot{0%{box-shadow:0 0 oklch(80% .2 150/.6)}to{box-shadow:0 0 0 10px oklch(80% .2 150/0)}}.hub-hero h1{letter-spacing:-.05em;text-wrap:balance;flex-direction:column;margin:0;font-size:clamp(42px,7vw,88px);font-weight:900;line-height:.98;display:flex}.hero-line{display:block}.hero-rotator{padding-bottom:.1em;position:relative}.hero-word{background:linear-gradient(100deg, var(--brand-3), var(--brand-2) 35%, var(--brand-1) 65%, var(--brand-3));color:#0000;filter:drop-shadow(0 6px 30px oklch(65% .25 330/.45));animation:word-in .65s var(--ease) both, word-shine 4s linear infinite;background-size:250% 100%;-webkit-background-clip:text;background-clip:text;display:inline-block}@keyframes word-in{0%{opacity:0;filter:blur(10px);transform:translateY(.45em)rotateX(-70deg)}to{opacity:1;transform:none}}@keyframes word-shine{to{background-position:-250% 0}}.hero-copy>p{max-width:50ch;color:var(--text-soft);margin:0;font-size:clamp(15.5px,1.6vw,18px);line-height:1.7}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.hero-actions .primary-button,.hero-actions .secondary-button{border-radius:16px;min-height:54px;padding:0 24px;font-size:15.5px}.hero-cta{color:#fff;background:var(--brand-gradient);position:relative;overflow:hidden;box-shadow:0 16px 40px -8px oklch(62% .25 330/.7),inset 0 1px #ffffff59}.hero-cta:after{content:"";background:linear-gradient(110deg,#0000 30%,#ffffff73 50%,#0000 70%);animation:3.6s ease-in-out infinite cta-sweep;position:absolute;inset:0;transform:translate(-120%)}@keyframes cta-sweep{0%,55%{transform:translate(120%)}to{transform:translate(-120%)}}.hero-actions .secondary-button{-webkit-backdrop-filter:blur(10px);background:#ffffff0f}.hero-stats{border-top:1px solid #ffffff1a;gap:clamp(20px,3.4vw,44px);margin:8px 0 0;padding-top:20px;display:flex}.hero-stats div{flex-direction:column-reverse;gap:2px;display:flex}.hero-stats dt{color:var(--text-muted);font-size:12.5px}.hero-stats dd{letter-spacing:-.04em;font-variant-numeric:tabular-nums;background:linear-gradient(#fff,#b9b2d6);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(26px,3vw,36px);font-weight:900}.hero-panel{min-width:0;position:relative}.hero-panel-ring{border-radius:calc(var(--radius-xl) + 2px);background:conic-gradient(from var(--ring-angle), transparent 0 55%, var(--brand-1), var(--brand-2), var(--brand-3), transparent 95%), #ffffff14;padding:1.5px;animation:6s linear infinite ring-spin;position:relative}.hero-panel-ring:before{content:"";z-index:-1;background:conic-gradient(from var(--ring-angle), transparent 0 55%, var(--brand-1), var(--brand-2), var(--brand-3), transparent 95%);filter:blur(40px);opacity:.45;border-radius:50px;position:absolute;inset:-30px}@keyframes ring-spin{to{--ring-angle:360deg}}.hero-panel-ring .quick-start{background:#120f1be6;border-color:#0000}.hero-orbit{z-index:2;-webkit-backdrop-filter:blur(12px);color:var(--text);font-family:var(--font-mono);white-space:nowrap;background:#161320bf;border:1px solid #ffffff24;border-radius:14px;align-items:center;gap:6px;padding:8px 13px;font-size:12.5px;font-weight:700;animation:5s ease-in-out infinite orbit-bob;display:inline-flex;position:absolute;box-shadow:0 14px 34px #00000073}.hero-orbit b{color:var(--brand-3);font-weight:800}.hero-orbit.is-bpm{top:-18px;inset-inline-start:12%}.hero-orbit.is-chords{top:30%;color:oklch(85% .14 300);animation-delay:-1.6s;inset-inline-end:-34px}.hero-orbit.is-tune{bottom:-18px;animation-delay:-3.2s;inset-inline-start:26%}@keyframes orbit-bob{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-10px)rotate(2deg)}}.tool-marquee{flex-direction:column;gap:10px;margin-top:-24px;display:flex;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.marquee-row{direction:ltr;overflow:hidden}.marquee-track{gap:10px;width:max-content;animation:60s linear infinite marquee;display:flex}.marquee-row.is-reverse .marquee-track{animation-duration:70s;animation-direction:reverse}.tool-marquee:hover .marquee-track,.tool-marquee:focus-within .marquee-track{animation-play-state:paused}@keyframes marquee{to{transform:translate(-50%)}}.marquee-chip{border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;box-shadow:var(--shadow-xs);transition:border-color .2s var(--ease), transform .2s var(--ease), background .2s var(--ease);direction:rtl;flex:none;align-items:center;gap:9px;padding:7px 16px 7px 8px;font-size:14px;font-weight:600;display:inline-flex}.marquee-chip:hover{border-color:var(--accent);background:var(--accent-tint);transform:translateY(-2px)}.marquee-chip-icon{width:28px;height:28px;color:var(--on-accent);background:var(--accent-grad);border-radius:50%;place-items:center;display:grid}.quick-start{border-radius:var(--radius-xl);border:1px solid var(--line-strong);background:color-mix(in srgb, var(--surface-solid) 82%, transparent);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow-lg);flex-direction:column;gap:12px;padding:14px;display:flex}.quick-drop{border-radius:var(--radius-lg);border:1.5px dashed var(--line-strong);background:var(--surface-2);text-align:center;cursor:pointer;min-height:300px;transition:border-color .25s var(--ease), background .25s var(--ease), transform .25s var(--ease);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:28px 20px;display:flex;position:relative;overflow:hidden}.quick-drop:hover,.quick-drop.is-dragging{border-color:var(--brand-2);background:radial-gradient(80% 80% at 50% 20%, oklch(75% .18 345/.1), transparent 70%), var(--surface-2)}.quick-drop.is-dragging{transform:scale(1.015)}.quick-drop strong{font-size:18px;font-weight:700}.quick-drop>span:not(.quick-drop-icon):not(.quick-formats){color:var(--text-muted);max-width:32ch;font-size:13.5px}.quick-drop-icon{color:#fff;background:var(--brand-gradient);width:64px;height:64px;transition:transform .35s var(--ease-spring);border-radius:20px;place-items:center;margin-bottom:8px;display:grid;box-shadow:0 14px 34px oklch(60% .2 330/.35)}.quick-drop:hover .quick-drop-icon{transform:translateY(-5px)rotate(-4deg)}.quick-formats{flex-wrap:wrap;justify-content:center;gap:5px;margin-top:10px;display:flex}.quick-formats i{border:1px solid var(--line);background:var(--surface);color:var(--text-muted);letter-spacing:.05em;border-radius:6px;padding:3px 8px;font-size:10.5px;font-style:normal;font-weight:700}.quick-start.is-chosen{animation:pop-in .3s var(--ease) both}.quick-file{border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--line);align-items:center;gap:12px;padding:12px;display:flex}.quick-file>div{flex-direction:column;flex:1;min-width:0;display:flex}.quick-file strong{text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;overflow:hidden}.quick-file small{color:var(--text-muted);font-size:12px}.quick-file-icon{color:#fff;background:var(--brand-gradient);border-radius:12px;flex:none;place-items:center;width:42px;height:42px;display:grid}.quick-question{color:var(--text-soft);margin:4px 4px 0;font-size:13px;font-weight:700}.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:330px;padding:2px;display:grid;overflow-y:auto}.quick-action{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);text-align:start;cursor:pointer;transition:border-color .18s var(--ease), background .18s var(--ease), transform .18s var(--ease);align-items:center;gap:10px;padding:9px 10px;display:flex}.quick-action:hover:not(:disabled){border-color:var(--accent);background:var(--accent-tint);transform:translateY(-1px)}.quick-action:disabled{cursor:progress;opacity:.6}.quick-action.is-sending{opacity:1;border-color:var(--accent);background:var(--accent-soft)}.quick-action-icon{width:32px;height:32px;color:var(--on-accent);background:var(--accent-grad);border-radius:9px;flex:none;place-items:center;display:grid}.quick-action-text{flex-direction:column;flex:1;min-width:0;line-height:1.3;display:flex}.quick-action-text b{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;overflow:hidden}.quick-action-text small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.quick-action-go{color:var(--text-muted);transition:transform .2s var(--ease);flex:none}.quick-action:hover .quick-action-go{color:var(--accent-text);transform:translate(-3px)}.hub-search{border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--surface);height:46px;color:var(--text-muted);box-shadow:var(--shadow-xs);transition:border-color .2s var(--ease), box-shadow .2s var(--ease);flex:280px;align-items:center;gap:10px;padding:0 14px;display:flex}.hub-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-ring)}.hub-search input{min-width:0;color:var(--text);background:0 0;border:0;outline:none;flex:1;font-size:15px}.hub-search input::-webkit-search-cancel-button{filter:grayscale()}.quick-search{height:44px}.aura{--glass:#ffffff8f;--glass-strong:#ffffffd6;--glass-line:#34246e1a;--glass-rim:#fffffff2;--glass-shadow:0 1px 2px #281c5a0a, 0 30px 60px -36px oklch(45% .14 292/.35);--tile:#ffffffb8;--tile-shadow:0 1px 2px #281c5a0d, 0 12px 28px -18px oklch(45% .14 292/.3);--text-muted:#625f6d;--beam-a:oklch(64% .21 292);--beam-b:oklch(68% .21 345);--pool:oklch(82% .11 320/.42);--glow-1:oklch(83% .11 292/.42);--glow-2:oklch(86% .09 345/.36);--glow-3:oklch(88% .08 200/.4);--glow-4:oklch(90% .09 70/.42);--head-fade:oklch(42% .17 300);--numeral:linear-gradient(100deg, var(--brand-3), var(--brand-2) 45%, var(--brand-1));--flow-gap:clamp(88px, 10vw, 136px);isolation:isolate;gap:var(--flow-gap);flex-direction:column;min-width:0;padding-top:24px;display:flex;position:relative}:root[data-theme=dark] .aura{--glass:#ffffff08;--glass-strong:#181422d1;--glass-line:#ffffff14;--glass-rim:#ffffff12;--glass-shadow:0 34px 80px -40px #000000d9;--tile:#ffffff09;--tile-shadow:0 1px 2px #0000004d;--text-muted:#8a889a;--beam-a:oklch(72% .2 292);--beam-b:oklch(75% .2 345);--pool:oklch(58% .22 320/.2);--glow-1:oklch(50% .2 292/.2);--glow-2:oklch(52% .2 345/.13);--glow-3:oklch(55% .13 205/.12);--glow-4:oklch(62% .15 60/.11);--head-fade:#b9b2d6}.aura-zone{--zone-glow:oklch(.86 .1 var(--accent-hue) / .5)}:root[data-theme=dark] .aura-zone{--zone-glow:oklch(.6 .2 var(--accent-hue) / .2)}.aura .tool-card.is-flagship,.aura-pledge{--surface-sunken:#ffffff0d;--surface-hover:#ffffff17;--line:#ffffff17;--line-strong:#ffffff2b;--glass-line:#ffffff1a;--glass-rim:#ffffff14;--text:#f7f5ff;--text-soft:#cdc8df;--text-muted:#948fab;--warning:oklch(83% .14 80);--stage:radial-gradient(120% 90% at 50% 0%, #1b1430 0%, #0c0a14 58%, #06050a 100%);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text)}.page-content:has(>.home){container-type:inline-size}.aura:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(50% 460px at 50% 0, var(--glow-1), transparent 72%), radial-gradient(26% 560px at 24% 20%, var(--glow-2), transparent 72%), radial-gradient(26% 640px at 76% 40%, var(--glow-3), transparent 72%), radial-gradient(28% 560px at 26% 62%, var(--glow-4), transparent 72%), radial-gradient(40% 520px at 60% 84%, var(--glow-1), transparent 72%);position:absolute;inset:-40px 0 0}.aura-section{flex-direction:column;gap:28px;min-width:0;scroll-margin-top:4px;display:flex;position:relative}.aura-dock+.aura-section{--beam-gap:64px;margin-top:calc(64px - var(--flow-gap))}.aura-head{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex;position:relative}.aura-head:before{content:"";z-index:-1;background:radial-gradient(closest-side, var(--pool), transparent);pointer-events:none;width:min(620px,100%);height:260px;position:absolute;top:-70px;left:50%;translate:-50%}.aura-head h2{letter-spacing:-.05em;text-wrap:balance;background:linear-gradient(180deg, var(--text) 38%, var(--head-fade));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;padding-bottom:.06em;font-size:clamp(34px,4.8vw,58px);font-weight:900;line-height:1}.aura-head p{max-width:52ch;color:var(--text-muted);margin:0;font-size:15px;line-height:1.6}.aura-eyebrow{border-radius:var(--radius-pill);border:1px solid var(--glass-line);background:var(--glass-strong);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 var(--glass-rim), 0 0 0 5px color-mix(in oklab, var(--beam-b) 9%, transparent), 0 12px 32px -12px color-mix(in oklab, var(--beam-b) 70%, transparent);color:var(--text-soft);align-items:center;gap:9px;padding:7px 15px;font-size:13px;font-weight:700;display:inline-flex}.aura-eyebrow-dot{background:linear-gradient(135deg, var(--beam-a), var(--beam-b));border-radius:50%;width:8px;height:8px;position:relative}.aura-eyebrow-dot:after{content:"";border-radius:inherit;background:var(--beam-b);opacity:0;animation:2.4s ease-out infinite beam-dot;position:absolute;inset:0}@keyframes beam-dot{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(3.2)}}.aura-beam{--beam-h:calc(var(--beam-gap,var(--flow-gap)) - 16px);width:2px;height:var(--beam-h);background:linear-gradient(to bottom, transparent, color-mix(in oklab, var(--beam-a) 40%, transparent) 50%, color-mix(in oklab, var(--beam-b) 55%, transparent));pointer-events:none;view-timeline:--beam block;border-radius:2px;position:absolute;bottom:calc(100% - 4px);left:50%;translate:-50%}.aura>.aura-section:first-child .aura-beam{--beam-h:56px}.aura-beam:before{content:"";border-radius:inherit;background:linear-gradient(to bottom, transparent, var(--beam-a) 45%, var(--beam-b));box-shadow:0 0 16px 1px color-mix(in oklab, var(--beam-b) 55%, transparent);transform-origin:50% 0;position:absolute;inset:0}.aura-beam:after{content:"";width:4px;height:34px;box-shadow:0 0 12px 2px var(--beam-b);opacity:0;background:linear-gradient(#0000,#fff);border-radius:4px;margin-left:-2px;animation:3.6s cubic-bezier(.5,0,.7,1) infinite beam-fall;position:absolute;top:0;left:50%}@keyframes beam-fall{0%{opacity:0;transform:translateY(0)}20%{opacity:1}88%{opacity:1}to{transform:translateY(calc(var(--beam-h) - 34px));opacity:0}}@supports (animation-timeline:view()){.aura-beam:before{animation:linear both beam-draw;animation-timeline:--beam;animation-range:entry cover 60%}@keyframes beam-draw{0%{transform:scaleY(0)}to{transform:none}}}[data-idle] .aura-beam:after,[data-idle] .aura-eyebrow-dot:after,[data-idle] .aura-flow-steps:after,[data-idle] .staff-note,[data-idle] .staff-playhead,[data-idle] .tool-card-chip{animation-play-state:paused}.aura-dock{border:1px solid var(--glass-line);background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(1.4);box-shadow:inset 0 1px 0 var(--glass-rim), var(--glass-shadow);border-radius:28px;grid-template-columns:minmax(0,1fr);display:grid;position:relative;container:dock/inline-size}.aura-dock:before{content:"";top:-1px;background:linear-gradient(90deg, transparent, var(--beam-a), var(--beam-b), transparent);pointer-events:none;height:1px;position:absolute;inset-inline:18%}.aura-dock.is-split{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.aura-dock-pane{flex-direction:column;gap:14px;min-width:0;padding:18px 20px;display:flex}.aura-dock-pane+.aura-dock-pane{border-inline-start:1px solid var(--glass-line)}@container dock (width<=980px){.aura-dock-pane{grid-column:1/-1}.aura-dock-pane+.aura-dock-pane{border-inline-start:0;border-top:1px solid var(--glass-line)}}@container dock (width>=860px){.aura-dock:not(.is-split) .aura-dock-pane{flex-flow:wrap;align-items:center;column-gap:32px}.aura-dock:not(.is-split) .aura-dock-head{flex-wrap:wrap;flex:0 300px}.aura-dock:not(.is-split) .aura-dock-pane>:not(.aura-dock-head){flex:420px}}.aura-dock-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.aura-dock-head h2{letter-spacing:-.03em;margin:0;font-size:19px;font-weight:900}.aura-dock-head h2:focus{outline-offset:4px}.aura-dock-head p{color:var(--text-muted);text-wrap:pretty;margin:2px 0 0;font-size:12.5px;line-height:1.5}.aura-dock-head .ghost-button{border:1px solid var(--glass-line);border-radius:var(--radius-pill);background:var(--tile);min-height:36px;transition:border-color .2s var(--ease), color .2s var(--ease), transform .2s var(--ease), box-shadow .2s var(--ease);flex:none;padding:0 12px;font-size:12.5px}.aura-dock-head .ghost-button:hover{border-color:var(--line-strong);background:var(--tile);color:var(--text);box-shadow:var(--tile-shadow);transform:translateY(-1px)}.aura-last{padding:12px;border:1px solid var(--accent-line);background:radial-gradient(90% 140% at 50% 0%, color-mix(in oklab, var(--accent) 16%, transparent), transparent 70%), var(--tile);box-shadow:inset 0 1px 0 var(--glass-rim), 0 18px 40px -26px var(--accent);border-radius:22px;align-items:center;gap:14px;padding-inline-end:14px;display:flex}.aura-last-icon{width:58px;height:58px;color:var(--on-accent);background:var(--accent-grad);box-shadow:0 0 0 5px color-mix(in oklab, var(--accent) 14%, transparent), var(--shadow-accent), inset 0 1px 0 #ffffff59;border-radius:19px;flex:none;place-items:center;display:grid}.aura-last.is-off{border-color:var(--line-strong);box-shadow:inset 0 1px 0 var(--glass-rim)}.aura-last.is-off :is(.aura-last-icon,.aura-last-text){opacity:.55;filter:grayscale(.6)}.aura-last-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.aura-last-text small{color:var(--text-muted);align-items:center;gap:5px;font-size:11.5px;font-weight:700;display:inline-flex}.aura-last-text b{letter-spacing:-.03em;font-size:19px;font-weight:900;line-height:1.2}.aura-last-text span{color:var(--accent-text);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:600;overflow:hidden}.aura .aura-last-go{background:var(--accent-grad);border-radius:14px;flex:none;min-height:44px}.aura .aura-last-go:disabled{background:var(--surface-sunken);box-shadow:none;color:var(--text-muted);cursor:not-allowed}.aura-dock-shelf{flex-wrap:wrap;gap:12px 32px;margin-inline:-12px;padding-inline:12px;display:flex;overflow-x:clip}.aura-dock-group{flex-direction:column;gap:6px;min-width:0;display:flex;position:relative}.aura-dock-group+.aura-dock-group:before{content:"";border-inline-start:1px dashed var(--glass-line);position:absolute;inset-block:0;inset-inline-start:-16px}.aura-dock-caption{color:var(--text-muted);align-items:center;gap:5px;padding-inline:6px;font-size:11.5px;font-weight:700;display:inline-flex}.aura-dock-caption svg[fill=currentColor]{color:var(--warning)}.aura-dock-group ul{flex-wrap:wrap;gap:2px;margin:0;padding:0;list-style:none;display:flex}.aura-app{width:76px;color:var(--text);cursor:pointer;transition:background .2s var(--ease);background:0 0;border:0;border-radius:16px;flex-direction:column;align-items:center;gap:7px;padding:8px 4px 6px;display:flex}.aura-app:hover{background:var(--accent-tint)}.aura-app:disabled{opacity:.5;filter:grayscale(.6);cursor:not-allowed}.aura-app:disabled:hover{background:0 0}.aura-app-icon{width:48px;height:48px;color:var(--on-accent);background:var(--accent-grad);box-shadow:var(--shadow-accent), inset 0 1px 0 #ffffff59;transition:transform .3s var(--ease-spring);border-radius:16px;place-items:center;display:grid}.aura-app:hover:enabled .aura-app-icon{transform:translateY(-4px)scale(1.06)}.aura-app-name{-webkit-line-clamp:2;text-align:center;-webkit-box-orient:vertical;font-size:12px;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.aura-dock-works{grid-template-columns:repeat(auto-fit,minmax(min(100%,max(230px,50% - 4px)),1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.aura-work{border:1px solid var(--glass-line);background:var(--tile);text-align:start;cursor:pointer;width:100%;height:100%;transition:border-color .2s var(--ease), transform .2s var(--ease);border-radius:16px;align-items:center;gap:11px;padding:6px;padding-inline-end:10px;display:flex}.aura-work:hover{border-color:var(--accent-line);transform:translateY(-2px)}.aura-work .work-thumb{border-radius:11px;flex:none;width:76px}.aura-work-text{flex-direction:column;gap:1px;min-width:0;display:flex}.aura-work-text b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.aura-work-text small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.aura-finder{flex-direction:column;gap:10px;display:flex}.aura-controls{border:1px solid var(--glass-line);background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(1.4);box-shadow:inset 0 1px 0 var(--glass-rim), var(--glass-shadow);border-radius:24px;flex-wrap:wrap;align-items:center;gap:10px;padding:8px;display:flex}.aura .aura-search{border-color:var(--glass-line);background:var(--tile);height:48px;box-shadow:inset 0 1px 0 var(--glass-rim);border-radius:17px;flex:260px}.aura .aura-search>svg{transition:color .2s var(--ease);flex:none}.aura .aura-search:focus-within>svg{color:var(--accent)}.aura .aura-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-ring)}.aura-switch{background:var(--surface-sunken);border-radius:18px;flex-wrap:wrap;gap:2px;max-width:100%;padding:4px;display:flex;position:relative}.aura-switch-thumb{width:var(--w,0);height:var(--h,0);transform:translate(var(--x,0), var(--y,0));opacity:0;background:linear-gradient(120deg,oklch(55% .22 292),oklch(58% .23 340));border-radius:14px;position:absolute;top:0;left:0;box-shadow:0 8px 22px -8px oklch(58% .24 320/.8),inset 0 1px #ffffff4d}.aura-switch-thumb[data-ready]{opacity:1;transition:transform .5s var(--ease-spring), width .4s var(--ease), height .4s var(--ease)}.aura-switch button{min-height:40px;color:var(--text-soft);white-space:nowrap;cursor:pointer;transition:color .25s var(--ease), background .2s var(--ease);background:0 0;border:0;border-radius:14px;flex:auto;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:13.5px;font-weight:600;display:inline-flex;position:relative}.aura-switch button:hover{color:var(--text)}.aura-switch button:hover:not(.active){background:var(--surface-hover)}.aura-switch button.active{color:#fff;font-weight:700}.aura-switch button:focus-visible{outline-offset:-2px}.aura-switch-count{border-radius:var(--radius-pill);background:var(--surface-hover);min-width:22px;color:var(--text-muted);font-variant-numeric:tabular-nums;text-align:center;transition:background .25s var(--ease), color .25s var(--ease);padding:1px 6px;font-size:11px;font-weight:700}.aura-switch button.active .aura-switch-count{color:#fff;background:#ffffff38}.aura-result{color:var(--text-muted);font-variant-numeric:tabular-nums;align-items:center;gap:8px;margin:0;padding-inline:12px;font-size:13px;font-weight:600;display:flex}.aura-result:before{content:"";background:linear-gradient(135deg, var(--beam-a), var(--beam-b));border-radius:50%;width:6px;height:6px}.aura-catalog{flex-direction:column;gap:18px;display:flex}.aura-zone{border:1px solid var(--glass-line);background:radial-gradient(70% 240px at 50% 0%, var(--zone-glow), transparent 75%), var(--glass);box-shadow:inset 0 1px 0 var(--glass-rim), var(--glass-shadow);border-radius:32px;padding:20px;position:relative;container-type:inline-size}.aura-zone:before{content:"";top:-1px;background:linear-gradient(90deg, transparent, var(--accent), transparent);pointer-events:none;height:1px;position:absolute;inset-inline:18%}.aura-zone-head{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:14px;margin-bottom:16px;padding-inline:2px;display:grid}.aura-zone-orb{width:44px;height:44px;color:var(--on-accent);background:var(--accent-grad);box-shadow:0 0 0 5px color-mix(in oklab, var(--accent) 14%, transparent), 0 10px 30px -6px var(--accent);border-radius:15px;grid-row:span 2;place-items:center;display:grid}.aura-zone-head h3{letter-spacing:-.035em;margin:0;font-size:22px;font-weight:900;line-height:1.15}.aura-zone-head p{color:var(--text-muted);grid-column:2;margin:2px 0 0;font-size:13.5px;line-height:1.5}.aura-zone-count{border-radius:var(--radius-pill);border:1px solid var(--accent-line);background:var(--accent-tint);color:var(--accent-text);white-space:nowrap;grid-area:1/3/span 2;padding:6px 12px;font-size:12.5px;font-weight:700}.aura-zone-count b{font-variant-numeric:tabular-nums;font-weight:900}.aura-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.tool-card.is-flagship{grid-area:span 2/span 2}.tool-card{border:1px solid var(--glass-line);background:radial-gradient(120% 90% at 50% -20%, oklch(.7 .18 var(--accent-hue) / .11), transparent 62%), var(--tile);min-width:0;box-shadow:inset 0 1px 0 var(--glass-rim), var(--tile-shadow);transition:transform .35s var(--ease), border-color .35s var(--ease), box-shadow .35s var(--ease);animation:rise .5s var(--ease) backwards;animation-delay:var(--reveal,0s);border-radius:22px;grid-template:"icon head""icon tag""icon desc"1fr/auto minmax(0,1fr);align-content:start;column-gap:14px;padding:16px;display:grid;position:relative;overflow:hidden}.tool-card:before{content:"";background:radial-gradient(380px circle at var(--mx,50%) var(--my,0%), oklch(.72 .2 var(--accent-hue) / .16), transparent 50%);opacity:0;transition:opacity .3s var(--ease);pointer-events:none;position:absolute;inset:0}.tool-card:after{content:"";border-radius:inherit;background:radial-gradient(260px circle at var(--mx,50%) var(--my,0%), var(--accent), transparent 70%);-webkit-mask-composite:xor;opacity:0;transition:opacity .4s var(--ease);pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.tool-card[data-glow]:after,.tool-card:hover:before{opacity:1}.tool-card:hover{border-color:var(--accent-line);box-shadow:inset 0 1px 0 var(--glass-rim), 0 26px 50px -26px var(--accent-ring);transform:translateY(-3px)}.tool-card:focus-within{border-color:var(--accent)}.tool-card-icon{width:44px;height:44px;color:var(--on-accent);background:var(--accent-grad);box-shadow:var(--shadow-accent), inset 0 1px 0 #ffffff4d;transition:transform .35s var(--ease-spring);border-radius:14px;grid-area:icon;place-items:center;display:grid}.tool-card:hover .tool-card-icon{transform:scale(1.08)rotate(-5deg)}.tool-card-head{flex-wrap:wrap;grid-area:head;align-items:center;gap:4px 8px;min-width:0;padding-inline-end:26px;display:flex}.tool-card-title{letter-spacing:-.02em;min-width:0;margin:0;font-size:16px;font-weight:800;line-height:1.25}.tool-card-open{color:inherit;font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;padding:0}.tool-card-open:after{content:"";z-index:1;border-radius:inherit;position:absolute;inset:0}.tool-card-open:focus-visible{outline:none}.tool-card-open:focus-visible:after{outline:2px solid var(--accent);outline-offset:-2px;border-radius:22px}.tool-card-open:disabled{cursor:not-allowed}.tool-card-tagline{color:var(--accent-text);text-overflow:ellipsis;white-space:nowrap;grid-area:tag;margin:2px 0 0;font-size:12.5px;font-weight:600;overflow:hidden}.tool-card-desc{-webkit-line-clamp:2;color:var(--text-muted);-webkit-box-orient:vertical;grid-area:desc;margin:6px 0 0;padding-inline-end:18px;font-size:12.5px;line-height:1.55;display:-webkit-box;overflow:hidden}.tool-card-star{top:8px;z-index:2;width:36px;height:36px;color:var(--text-muted);cursor:pointer;opacity:.6;transition:opacity .18s var(--ease), color .18s var(--ease), background .18s var(--ease), transform .25s var(--ease-spring);background:0 0;border:0;border-radius:12px;place-items:center;display:grid;position:absolute;inset-inline-end:8px}.tool-card:hover .tool-card-star,.tool-card-star:focus-visible{opacity:1}.tool-card-star:hover{background:var(--surface-hover);color:var(--text)}.tool-card-star.is-on{opacity:1;color:var(--warning)}.tool-card-star.is-on svg{fill:currentColor}.tool-card-star:active{transform:scale(.85)}.tool-card-badge{border-radius:var(--radius-pill);border:1px solid var(--accent-line);background:var(--accent-tint);color:var(--accent-text);flex:none;padding:1px 8px;font-size:10.5px;font-weight:700;line-height:1.6}.tool-card-badge.is-off{border-color:var(--line-strong);background:var(--surface-sunken);color:var(--text-muted)}.tool-card-arrow{bottom:14px;color:var(--text-muted);opacity:.7;transition:transform .25s var(--ease), color .25s var(--ease), opacity .25s var(--ease);position:absolute;inset-inline-end:14px}.tool-card:hover .tool-card-arrow{color:var(--accent-text);opacity:1;transform:translate(-4px)}.tool-card.is-off{opacity:.55;filter:grayscale(.6)}.tool-card.is-off:hover{transform:none}.aura .aura-grid .tool-card.is-flagship{--accent:oklch(.77 .15 var(--accent-hue));--accent-text:oklch(.85 .11 var(--accent-hue));--accent-line:oklch(.77 .15 var(--accent-hue) / .35);--accent-tint:oklch(.77 .15 var(--accent-hue) / .1);--accent-ring:oklch(60% .25 320/.45);background:radial-gradient(60% 80% at 85% 0%, oklch(60% .27 292/.55), transparent 70%) padding-box, radial-gradient(55% 70% at 10% 100%, oklch(62% .26 345/.4), transparent 70%) padding-box, radial-gradient(35% 45% at 45% 55%, oklch(75% .18 60/.16), transparent 70%) padding-box, var(--stage) padding-box, linear-gradient(135deg, oklch(70% .21 292/.9), oklch(70% .22 345/.5) 50%, oklch(80% .16 55/.8)) border-box;border:1px solid #0000;border-radius:26px;grid-template:"icon art""head art""tag art""desc art"1fr/minmax(0,1fr) minmax(0,1.08fr);column-gap:clamp(16px,3cqi,36px);padding:24px 26px;box-shadow:0 34px 80px -34px oklch(55% .25 300/.6),inset 0 1px #ffffff1a}.aura .aura-grid .tool-card.is-flagship:is(:hover,:focus-within){border-color:#0000}.aura .aura-grid .tool-card.is-flagship:hover{box-shadow:0 40px 90px -30px oklch(55% .25 320/.75),inset 0 1px #ffffff1f}.tool-card.is-flagship .tool-card-icon{color:#fff;background:var(--brand-gradient);border-radius:20px;width:60px;height:60px;margin-bottom:18px;box-shadow:0 14px 34px oklch(60% .2 330/.45),inset 0 1px #ffffff59}.tool-card.is-flagship .tool-card-head{padding-inline-end:0}.tool-card.is-flagship .tool-card-title{letter-spacing:-.05em;font-size:clamp(30px,3.6cqi,42px);font-weight:900;line-height:1.02}.tool-card.is-flagship .tool-card-tagline{background:var(--numeral);color:#0000;-webkit-background-clip:text;background-clip:text;margin-top:8px;font-size:15px;font-weight:700}.tool-card.is-flagship .tool-card-desc{max-width:44ch;color:var(--text-soft);-webkit-line-clamp:3;margin-top:8px;padding-inline-end:0;font-size:14px}.tool-card.is-flagship .tool-card-star{top:14px;inset-inline-end:14px}.tool-card.is-flagship .tool-card-arrow{bottom:20px;inset-inline-end:22px}.tool-card-art{pointer-events:none;grid-area:art;align-self:center;padding-block:46px;position:relative}.tool-card-stave{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.tool-card-chip{color:var(--text);font-family:var(--font-mono);white-space:nowrap;background:#161320bf;border:1px solid #ffffff24;border-radius:12px;align-items:center;gap:6px;padding:6px 11px;font-size:11.5px;font-weight:700;animation:5s ease-in-out infinite chip-bob;display:inline-flex;position:absolute;box-shadow:0 14px 30px #0006}.tool-card-chip b{color:var(--brand-3);font-weight:800}.tool-card-chip.is-tempo{top:4px;left:14%}.tool-card-chip.is-key{color:oklch(85% .14 300);animation-delay:-2.5s;bottom:4px;right:10%}@keyframes chip-bob{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-6px)rotate(2deg)}}.tool-card-staff{width:100%;height:auto;display:block}.staff-line{stroke:color-mix(in oklab, var(--accent) 42%, transparent);stroke-width:1px}.staff-line.is-bar{stroke-width:1.5px}.staff-note{fill:var(--accent);stroke:var(--accent);stroke-width:1.6px;opacity:.45;animation:3.6s ease-out infinite staff-note;animation-delay:var(--d)}@keyframes staff-note{0%{opacity:1}30%,to{opacity:.45}}.staff-playhead{inset-block:8%;width:100%;animation:3.6s linear infinite staff-play;position:absolute;left:0}.staff-playhead:before{content:"";inset-block:0;background:var(--brand-2);width:2px;box-shadow:0 0 10px 1px var(--brand-2);border-radius:1px;position:absolute;left:0}@keyframes staff-play{0%{transform:translate(0)}to{transform:translate(100%)}}.hub-empty{border:1.5px dashed var(--line-strong);background:var(--glass);color:var(--text-muted);text-align:center;border-radius:28px;flex-direction:column;align-items:center;gap:16px;padding:44px 20px;display:flex}.hub-empty p{text-wrap:balance;margin:0}.hub-empty .secondary-button{gap:8px}@container (width<=800px){.aura-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-card:last-child:nth-child(odd of :not(.is-flagship)){grid-column:1/-1}}@container (width<=500px){.aura-grid{gap:8px}.tool-card{border-radius:18px;grid-template:"icon""head""tag""desc"/minmax(0,1fr);padding:11px 11px 12px}.tool-card-open:focus-visible:after{border-radius:18px}.tool-card-icon{border-radius:11px;width:34px;height:34px;margin-bottom:9px}.tool-card-head{padding-inline-end:0}.tool-card-title{font-size:14.5px;line-height:1.2}.tool-card:not(.is-flagship,.is-off) .tool-card-badge{top:18px;position:absolute;inset-inline-end:44px}.tool-card-tagline{-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical;font-size:11.5px;line-height:1.35;display:-webkit-box}.tool-card-desc{-webkit-line-clamp:1;margin-top:3px;padding-inline-end:0;font-size:11.5px;line-height:1.45}.tool-card-star{top:2px;width:42px;height:42px;inset-inline-end:2px}.tool-card-arrow{display:none}.aura .aura-grid .tool-card.is-flagship{border-radius:22px;grid-template:"icon""art""head""tag""desc"/minmax(0,1fr);padding:16px}.tool-card.is-flagship .tool-card-icon{border-radius:16px;width:50px;height:50px;margin-bottom:0}.tool-card.is-flagship .tool-card-title{font-size:30px}.tool-card.is-flagship .tool-card-tagline{margin-top:4px;font-size:13.5px}.tool-card.is-flagship .tool-card-desc{-webkit-line-clamp:2;margin-top:6px;font-size:13px}.tool-card-art{margin-block:4px 8px;padding-block:0}.tool-card-chip{display:none}}.aura .credits-promo{background:radial-gradient(40% 160% at 50% 0%, oklch(90% .1 75/.55), transparent 70%), var(--glass-strong);-webkit-backdrop-filter:blur(18px)saturate(1.4);box-shadow:inset 0 1px 0 var(--glass-rim), 0 34px 80px -44px oklch(70% .17 60/.7);border-color:oklch(78% .13 70/.4);border-radius:30px;gap:22px;padding:26px 30px;position:relative}:root[data-theme=dark] .aura .credits-promo{background:radial-gradient(40% 160% at 50% 0%, oklch(55% .14 70/.22), transparent 70%), var(--glass-strong)}.aura .credits-promo .aura-beam{background:linear-gradient(to bottom, transparent, color-mix(in oklab, var(--beam-b) 70%, transparent) 45%, oklch(80% .15 70))}.aura .credits-promo-icon{border-radius:19px;width:58px;height:58px;box-shadow:0 0 0 6px oklch(80% .15 70/.14),0 14px 34px -6px oklch(72% .17 60/.6),inset 0 1px #ffffff59}.aura .credits-promo-copy h2{letter-spacing:-.03em;text-wrap:balance;font-size:clamp(19px,2.1vw,24px);font-weight:900}.aura .credits-promo-copy p{font-size:14px}.aura .credits-promo-actions{border-inline-start:1.5px dashed oklch(75% .12 70/.45);align-self:stretch;align-items:center;padding-inline-start:22px}.aura-flows{grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.aura-flow{--story-glow:oklch(.86 .1 var(--accent-hue) / .7);grid-row:span 4;grid-template-rows:subgrid;border:1px solid var(--glass-line);background:radial-gradient(120% 110px at 50% 0%, var(--story-glow), transparent 100%), var(--glass-strong);min-width:0;box-shadow:inset 0 1px 0 var(--glass-rim), var(--glass-shadow);transition:transform .35s var(--ease), border-color .35s var(--ease);border-radius:26px;align-content:start;row-gap:8px;padding:16px 16px 12px;display:grid;position:relative}:root[data-theme=dark] .aura-flow{--story-glow:oklch(.55 .2 var(--accent-hue) / .3)}.aura-flow:hover{border-color:var(--accent-line);transform:translateY(-3px)}.aura-flow-cover{border-bottom:1px solid var(--glass-line);justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;padding:2px 2px 14px;display:flex}.aura-flow-num{letter-spacing:-.07em;font-variant-numeric:tabular-nums;background:var(--numeral);color:#0000;filter:drop-shadow(0 8px 22px oklch(65% .25 330/.35));-webkit-background-clip:text;background-clip:text;padding-inline-end:.06em;font-size:62px;font-weight:900;line-height:.9}.aura-flow-collage{border:1px solid var(--glass-line);background:var(--surface-sunken);box-shadow:inset 0 1px 0 var(--glass-rim);transition:transform .45s var(--ease-spring);border-radius:20px;grid-template-columns:repeat(2,34px);grid-auto-rows:34px;gap:5px;padding:6px;display:grid;transform:rotate(-6deg)}.aura-flow:hover .aura-flow-collage{transform:rotate(0)scale(1.05)}.aura-flow-collage>span{color:var(--on-accent);background:var(--accent-grad);box-shadow:0 6px 14px -6px var(--accent), inset 0 1px 0 #ffffff4d;border-radius:11px;place-items:center;display:grid}.aura-flow-collage>.is-empty{border:1px dashed var(--glass-line);box-shadow:none;background:0 0}.aura-flow h3{letter-spacing:-.04em;margin:0;font-size:23px;font-weight:900;line-height:1.1}.aura-flow>p{color:var(--text-soft);margin:0 0 4px;font-size:13.5px;line-height:1.6}.aura-flow-steps{flex-direction:column;align-self:start;gap:2px;margin:0;padding:0;list-style:none;display:flex;position:relative}.aura-flow-steps:before,.aura-flow-steps:after{content:"";top:25px;bottom:25px;border-radius:2px;width:2px;margin-inline-start:-1px;position:absolute;inset-inline-start:23px}.aura-flow-steps:before{background:linear-gradient(to bottom, var(--accent), color-mix(in oklab, var(--accent) 25%, transparent));opacity:.5}.aura-flow-steps:after{background:linear-gradient(to bottom, transparent, #fff 70%, var(--accent));transform-origin:50% 0;animation:steps-flow 3.2s var(--ease) infinite;animation-delay:calc(var(--i,0) * -.5s)}@keyframes steps-flow{0%{opacity:.9;transform:scaleY(0)}55%{opacity:.9;transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.aura-flow-steps li{z-index:1;position:relative}.aura-flow-steps button{isolation:isolate;width:100%;min-height:50px;color:var(--text);text-align:start;cursor:pointer;background:0 0;border:0;border-radius:16px;align-items:center;gap:12px;padding:8px;padding-inline-end:12px;display:flex;position:relative;overflow:hidden}.aura-flow-steps button:before{content:"";z-index:-1;background:linear-gradient(to left, color-mix(in oklab, var(--accent) 34%, transparent), color-mix(in oklab, var(--accent) 10%, transparent));transform-origin:100%;transition:transform .4s var(--ease);position:absolute;inset:0;transform:scaleX(0)}.aura-flow-steps button:hover:enabled:before,.aura-flow-steps button:focus-visible:before{transform:none}.aura-flow-steps button:focus-visible{outline-offset:-2px}.aura-flow-steps button:disabled{cursor:not-allowed}.aura-flow-steps button:disabled>*{opacity:.55;filter:grayscale(.6)}.aura-step-mark{width:30px;height:30px;color:var(--on-accent);background:var(--accent-grad);box-shadow:0 0 0 4px color-mix(in oklab, var(--accent) 16%, transparent), 0 6px 16px -6px var(--accent);font-variant-numeric:tabular-nums;border-radius:50%;flex:none;font-size:13.5px;font-weight:800;display:grid}.aura-step-mark>span{transition:transform .3s var(--ease), opacity .2s var(--ease);grid-area:1/1;place-items:center;display:grid}.aura-step-arrow{opacity:0;transform:translate(10px)}.aura-flow-steps button:hover:enabled .aura-step-num,.aura-flow-steps button:focus-visible .aura-step-num{opacity:0;transform:translate(-10px)}.aura-flow-steps button:hover:enabled .aura-step-arrow,.aura-flow-steps button:focus-visible .aura-step-arrow{opacity:1;transform:none}.aura-step-text{flex-direction:column;min-width:0;line-height:1.25;display:flex}.aura-step-text b{font-size:14.5px}.aura-step-text small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;font-weight:600;overflow:hidden}.aura-pledge{--pledge-top:clamp(64px, 8vw, 104px);--pledge-bleed:calc(50cqi - 50%);isolation:isolate;margin-inline:calc(-1 * var(--pledge-bleed));padding:var(--pledge-top) calc(var(--pledge-bleed) + clamp(0px, 2.4vw, 36px)) clamp(52px, 6vw, 84px);gap:clamp(40px,5vw,64px);container:pledge/inline-size}.aura-pledge-stage{z-index:-1;background:radial-gradient(38% 70% at 18% 0%, oklch(60% .27 292/.5), transparent 70%), radial-gradient(38% 70% at 84% 100%, oklch(62% .26 345/.38), transparent 70%), radial-gradient(28% 50% at 56% 40%, oklch(75% .18 60/.14), transparent 70%), var(--stage);position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 -1px #ffffff14}.aura-pledge-stage:before{content:"";inset-inline:0;background:linear-gradient(90deg, transparent, var(--brand-1), var(--brand-2), var(--brand-3), transparent);height:1px;position:absolute;top:0}.aura-pledge-stage:after{content:"";inset-inline:-50%;transform-origin:50% 0;opacity:.4;background-image:linear-gradient(90deg,oklch(75% .2 320/.3) 1px,#0000 1px),linear-gradient(oklch(75% .2 320/.3) 1px,#0000 1px);background-size:56px 56px;height:26%;position:absolute;bottom:-14%;transform:perspective(380px)rotateX(62deg);-webkit-mask-image:linear-gradient(#0000,#000 45%,#0000);mask-image:linear-gradient(#0000,#000 45%,#0000)}.aura-pledge-head{text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.aura-pledge-head .aura-beam{--beam-h:calc(var(--flow-gap) + var(--pledge-top) - 24px)}.aura-pledge-mark{background:var(--brand-gradient);color:#0000;filter:drop-shadow(0 12px 40px oklch(65% .25 330/.55));-webkit-background-clip:text;background-clip:text;height:.5em;font-size:clamp(110px,13vw,170px);font-weight:900;line-height:.82}.aura-pledge h2{letter-spacing:-.05em;text-wrap:balance;max-width:17ch;margin:0;font-size:clamp(36px,5.6vw,72px);font-weight:900;line-height:1.02}.aura-pledge-rest{color:var(--text-muted)}.aura-pledge-list{border-top:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:32px 0 0;list-style:none;display:grid}.aura-pledge-list li{grid-row:span 3;grid-template-rows:subgrid;align-content:start;row-gap:10px;padding:4px clamp(14px,2vw,26px);display:grid}.aura-pledge-list li+li{border-inline-start:1px solid var(--line)}@container pledge (width<=960px){.aura-pledge-list{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}.aura-pledge-list li:nth-child(odd){border-inline-start:0}}.aura-pledge-icon{color:#fff;background:var(--brand-gradient);border-radius:13px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 12px 28px -8px oklch(62% .24 330/.6),inset 0 1px #ffffff59}.aura-pledge-list h3{letter-spacing:-.045em;text-wrap:balance;margin:4px 0 0;font-size:clamp(21px,2.1vw,27px);font-weight:900;line-height:1.08}.aura-pledge-list p{color:var(--text-soft);margin:0;font-size:13.5px;line-height:1.65}.aura>.site-footer{width:100%;margin-top:calc(40px - var(--flow-gap));border-top:0;position:relative}.tool-video,.next-steps{isolation:isolate;width:min(var(--tool-w), calc(100% - 2 * var(--gutter)));background:linear-gradient(90deg, transparent, oklch(.7 .17 var(--accent-hue) / .45) 25%, oklch(.7 .17 var(--accent-hue) / .45) 75%, transparent) top / 100% 1px no-repeat;margin:56px auto 0;padding-top:28px;position:relative}.tool-video+.next-steps{background:0 0;margin-top:44px;padding-top:0}.tool-video-head,.next-steps-head{align-items:center;gap:14px;margin-bottom:16px;display:flex}.next-steps-head{justify-content:space-between}.tool-video-head>span:last-child,.next-steps-heading{flex-direction:column;gap:3px;min-width:0;display:flex}.tool-video-head h2,.next-steps-head h2{letter-spacing:-.02em;margin:0;font-size:20px;font-weight:800;line-height:1.2}.tool-video-head small{color:var(--text-muted);font-size:12.5px}.tool-video-name{font-weight:inherit;background:var(--accent-grad);color:#0000;-webkit-background-clip:text;background-clip:text}.tool-video-icon,.next-step-icon{width:44px;height:44px;color:var(--on-accent);background:var(--accent-grad);box-shadow:0 0 0 4px color-mix(in oklab, var(--accent) 13%, transparent), 0 10px 24px -8px oklch(.6 .2 var(--accent-hue) / .7), inset 0 1px 0 #ffffff59;border-radius:14px;flex:none;place-items:center;display:grid}.next-steps-eyebrow{color:var(--accent-text);letter-spacing:.01em;align-items:center;gap:7px;font-size:12px;font-weight:700;display:inline-flex}.next-steps-eyebrow-dot{background:var(--accent-grad);width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in oklab, var(--accent) 16%, transparent), 0 0 12px oklch(.7 .2 var(--accent-hue) / .7);border-radius:50%}.next-steps-head .ghost-button{border:1px solid var(--line);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--surface) 72%, transparent);-webkit-backdrop-filter:blur(10px);min-height:38px;color:var(--text-soft);transition:border-color .2s var(--ease), color .2s var(--ease), transform .2s var(--ease), box-shadow .2s var(--ease);flex:none;padding:0 14px;font-size:13px;font-weight:600}.next-steps-head .ghost-button:hover{border-color:var(--line-strong);background:color-mix(in srgb, var(--surface) 72%, transparent);color:var(--text);box-shadow:var(--shadow-xs);transform:translateY(-1px)}.next-steps-head .ghost-button svg{color:var(--accent);transition:transform .2s var(--ease)}.next-steps-head .ghost-button:hover svg{transform:translate(-3px)}.tool-video:before{content:"";z-index:-1;background:radial-gradient(60% 60% at 50% 55%, oklch(.62 .2 var(--accent-hue) / .2), transparent 70%);pointer-events:none;position:absolute;inset:60px 4% -30px}.tool-video-frame{aspect-ratio:16/9;border-radius:var(--radius-lg);border:1px solid var(--line-strong);background:var(--surface);box-shadow:var(--shadow-md), 0 34px 90px -34px oklch(.6 .22 var(--accent-hue) / .7);position:relative;overflow:hidden}.tool-video-frame:before{content:"";z-index:2;background:linear-gradient(90deg, transparent, oklch(.82 .14 var(--accent-hue) / .8), transparent);pointer-events:none;height:1px;position:absolute;inset:0 0 auto}.tool-video-frame video{object-fit:contain;background:#000;width:100%;height:100%;display:block}.tool-video-frame:not(.is-started) video{background:var(--surface)}.tool-video-play{background:radial-gradient(36% 46% at 50% 50%, oklch(.6 .2 var(--accent-hue) / .3), transparent 70%), linear-gradient(180deg, #0a08140a, #0a081457);cursor:pointer;border:0;place-items:center;padding:0;display:grid;position:absolute;inset:0}.tool-video-play-mark{width:84px;height:84px;color:var(--on-accent);background:var(--accent-grad);box-shadow:0 0 0 10px var(--accent-ring), 0 22px 50px -14px oklch(.55 .22 var(--accent-hue) / .85), inset 0 1px 0 #fff6, inset 0 -1px 0 #0000001f;transition:transform .25s var(--ease-spring), box-shadow .25s var(--ease);border-radius:50%;place-items:center;display:grid;position:relative}.tool-video-play-mark:before{content:"";border-radius:inherit;border:1.5px solid oklch(.85 .14 var(--accent-hue) / .7);opacity:0;animation:video-ring 2.8s var(--ease) infinite;pointer-events:none;position:absolute;inset:-4px}@keyframes video-ring{0%{opacity:0;transform:scale(.92)}25%{opacity:.9}to{opacity:0;transform:scale(1.6)}}.tool-video-play-mark svg{position:relative;transform:translate(2px)}.tool-video-play:hover .tool-video-play-mark,.tool-video-play:focus-visible .tool-video-play-mark{box-shadow:0 0 0 14px var(--accent-ring), 0 26px 56px -14px oklch(.55 .22 var(--accent-hue) / .9), inset 0 1px 0 #fff6, inset 0 -1px 0 #0000001f;transform:scale(1.07)}.tool-video-play:focus-visible{outline-offset:-4px}.next-steps-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.next-step{padding:12px;border:1px solid var(--line);background:linear-gradient(90deg, transparent, oklch(.72 .18 var(--accent-hue) / .55), transparent) top / 100% 1px no-repeat, radial-gradient(120% 100% at 100% 0%, var(--accent-tint), transparent 60%), var(--surface);box-shadow:var(--shadow-xs), var(--inner-highlight);color:var(--text);text-align:start;cursor:pointer;transition:border-color .22s var(--ease), transform .22s var(--ease), box-shadow .22s var(--ease);border-radius:18px;align-items:center;gap:13px;padding-inline-end:14px;display:flex}.next-step:hover,.next-step:focus-visible{border-color:var(--accent-line);box-shadow:var(--shadow-xs), 0 20px 44px -24px oklch(.6 .2 var(--accent-hue) / .6), var(--inner-highlight);transform:translateY(-2px)}.next-step-icon{transition:transform .3s var(--ease-spring)}.next-step:hover .next-step-icon{transform:scale(1.06)}.next-step-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.next-step-text b{letter-spacing:-.01em;font-size:14.5px;font-weight:700}.next-step-text small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.next-step-go{box-sizing:border-box;background:var(--surface-sunken);width:30px;height:30px;color:var(--text-muted);transition:transform .22s var(--ease), background .22s var(--ease), color .22s var(--ease);border-radius:50%;flex:none;padding:7px}.next-step:hover .next-step-go{background:var(--accent-soft);color:var(--accent-text);transform:translate(-3px)}.tool-page .site-footer{background:linear-gradient(90deg, transparent, var(--line-strong) 25%, var(--line-strong) 75%, transparent) top / 100% 1px no-repeat;border-top-color:#0000;margin-top:60px;padding-top:24px}@media (width<=560px){.tool-video,.next-steps{margin-top:44px;padding-top:22px}.tool-video+.next-steps{margin-top:34px}.tool-video-frame{border-radius:var(--radius)}.tool-video-play-mark{width:66px;height:66px}.tool-page .site-footer{margin-top:48px}}@media (width<=960px){.hub-hero{grid-template-columns:1fr;min-height:0}.hero-orbit.is-chords{display:none}.home{gap:44px}}@media (width<=760px){.aura .credits-promo{padding:22px 20px}.aura .credits-promo-actions{padding-inline-start:0;border-inline-start:0;border-top:1.5px dashed oklch(75% .12 70/.45);padding-top:16px}}@media (width<=560px){.hub-hero{border-radius:28px;padding:26px 16px 30px}.hero-actions{width:100%}.hero-actions>*{flex:auto}.hero-floor{background-size:40px 40px}.tool-marquee{margin-top:-12px}.quick-drop{min-height:220px}.quick-actions{grid-template-columns:1fr}.hero-stats dd{font-size:23px}.aura-section{gap:22px}.aura-head p{font-size:14px}.aura-dock{border-radius:24px}.aura-dock-pane{padding:16px 14px 14px}.aura-dock-head{flex-wrap:wrap}.aura-dock-shelf{flex-direction:column;gap:10px}.aura-dock-group+.aura-dock-group{border-top:1px dashed var(--glass-line);padding-top:10px}.aura-dock-group+.aura-dock-group:before{display:none}.aura-dock-group ul{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.aura-app{width:auto}.aura-last{gap:12px;padding:10px}.aura-last-icon{border-radius:16px;width:48px;height:48px}.aura-last-text b{font-size:17px}.aura .aura-last-go{min-height:40px;padding:0 14px}.aura-dock-works{grid-template-columns:minmax(0,1fr)}.aura-dock-works li:nth-child(n+3){display:none}.aura-controls{border-radius:22px;padding:6px}.aura .aura-search,.aura-switch{flex-basis:100%}.aura-switch button{padding:0 10px;font-size:13px}.aura-zone{border-radius:26px;padding:14px 12px 12px}.aura-zone-head{column-gap:11px;margin-bottom:12px}.aura-zone-orb{border-radius:13px;width:38px;height:38px}.aura-zone-head h3{font-size:19px}.aura-zone-head p{font-size:12.5px}.aura-zone-count{padding:4px 10px;font-size:11.5px}.aura-flows{margin:0 calc(-1 * var(--gutter)) -20px;padding:4px var(--gutter) 24px;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);overscroll-behavior-x:contain;scrollbar-width:none;gap:12px;display:flex;overflow-x:auto}.aura-flows::-webkit-scrollbar{display:none}.aura-flow{scroll-snap-align:start;flex:0 0 80%}.aura-flow:hover{transform:none}.aura-pledge-stage:after{display:none}.aura-pledge-list{grid-template-columns:minmax(0,1fr);row-gap:0;padding-top:6px}.aura-pledge-list li{grid-row:auto;grid-template-rows:none;grid-template-columns:auto minmax(0,1fr);gap:4px 14px;padding:18px 0}.aura-pledge-list li+li{border-inline-start:0;border-top:1px solid var(--line)}.aura-pledge-icon{grid-row:span 2}.aura-pledge-list h3{margin:0;font-size:21px}}@media (prefers-reduced-motion:reduce){.hero-spectrum i,.hero-aurora,.hero-floor,.hero-glyph,.hero-word,.hero-cta:after,.hero-panel-ring,.hero-orbit,.hero-kicker-dot{animation:none}.hero-glyph{display:none}.marquee-row{overflow-x:auto}.marquee-track{animation:none}.aura *,.aura :before,.aura :after{transition:none!important;animation:none!important}.aura-beam:after,.aura-eyebrow-dot:after,.aura-flow-steps:after,.staff-playhead{display:none}.tool-video-play-mark:before{animation:none}.next-step,.next-step-icon,.next-step-go,.next-steps-head .ghost-button,.next-steps-head .ghost-button svg,.tool-video-play-mark{transition:none}}.metronome-stage{background:linear-gradient(90deg, transparent, oklch(.72 .18 var(--accent-hue) / .55), transparent) top / 100% 1px no-repeat, radial-gradient(60% 70% at 50% 40%, var(--accent-tint), transparent 70%), var(--surface);transition:border-color .3s var(--ease), box-shadow .3s var(--ease);flex-direction:column;align-items:center;gap:18px;padding:30px 24px 28px;display:flex;position:relative;overflow:hidden}.metronome-stage[data-running=true]{border-color:var(--accent-line);box-shadow:var(--shadow-sm), 0 30px 70px -40px oklch(.6 .2 var(--accent-hue) / .7), var(--inner-highlight)}.pendulum-frame{place-items:end center;width:100%;height:120px;display:grid}.pendulum{background:linear-gradient(180deg, var(--accent), var(--accent-line) 70%, transparent);transform-origin:bottom;border-radius:99px;width:3px;height:112px;transition:transform linear;position:relative}.pendulum:after{content:"";background:var(--surface-solid);border:2px solid var(--accent-line);width:12px;height:12px;box-shadow:var(--shadow-xs);border-radius:50%;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.pendulum-weight{background:var(--accent-grad);width:24px;height:24px;box-shadow:var(--shadow-accent), 0 0 0 5px var(--accent-tint), inset 0 1px 0 #fff6;transition:box-shadow .3s var(--ease);border-radius:50%;position:absolute;top:16px;left:50%;transform:translate(-50%)}.metronome-stage[data-running=true] .pendulum-weight{box-shadow:var(--shadow-accent), 0 0 0 7px var(--accent-tint), 0 0 24px var(--accent-ring), inset 0 1px 0 #fff6}.bpm-readout{direction:ltr;align-items:center;gap:22px;display:flex}.bpm-step{border:1px solid var(--line-strong);background:color-mix(in srgb, var(--surface) 72%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:54px;height:54px;color:var(--text-soft);box-shadow:var(--shadow-xs), var(--inner-highlight);cursor:pointer;transition:border-color .18s var(--ease), color .18s var(--ease), transform .2s var(--ease-spring), box-shadow .2s var(--ease), background .18s var(--ease);border-radius:50%;place-items:center;display:grid}.bpm-step:hover{border-color:var(--accent-line);background:var(--accent-tint);color:var(--accent-text);box-shadow:var(--shadow-sm), 0 0 0 4px var(--accent-tint);transform:scale(1.08)}.bpm-step:active{transform:scale(.94)}.bpm-value{text-align:center;min-width:180px}.bpm-value strong{letter-spacing:-.05em;font-variant-numeric:tabular-nums;background:var(--accent-grad);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(64px,12vw,104px);font-weight:800;line-height:.95;display:block}.metronome-stage[data-running=true] .bpm-value strong{animation:beatpop .18s var(--ease)}@keyframes beatpop{0%{transform:scale(1.05)}to{transform:scale(1)}}.bpm-value span{color:var(--text-muted);letter-spacing:.08em;font-size:11.5px;font-weight:700}.bpm-slider{max-width:440px}.beat-dots{gap:8px;display:flex}.beat-dot{background:var(--surface-3);border:1px solid var(--line);width:30px;height:10px;transition:background 80ms linear, transform .12s var(--ease), box-shadow .12s var(--ease);border-radius:99px;box-shadow:inset 0 1px 1px #0000000d}.beat-dot.is-accent{border-color:var(--accent-line);background:var(--accent-tint);width:42px}.beat-dot.is-active{background:var(--accent-grad);box-shadow:0 0 18px var(--accent-ring), 0 0 0 3px var(--accent-tint), inset 0 1px 0 #fff6;border-color:#0000;transform:scaleY(1.4)}.beat-dot.is-accent.is-active{background:var(--brand-gradient)}.metronome-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.metronome-actions .primary-button{width:auto;min-width:190px}.metronome .preset-strip{background:linear-gradient(90deg, transparent, oklch(.72 .18 var(--accent-hue) / .45), transparent) top / 100% 1px no-repeat, color-mix(in srgb, var(--surface) 80%, transparent);box-shadow:var(--shadow-xs), var(--inner-highlight)}.metronome .preset-strip>span{letter-spacing:.02em;font-weight:700}.metronome .preset-row button{background:color-mix(in srgb, var(--surface) 72%, transparent);border-color:var(--line);min-height:36px;box-shadow:var(--shadow-xs);font-weight:700}.metronome .preset-row button:hover:not(:disabled){border-color:var(--accent-line);background:var(--accent-tint);transform:translateY(-1px)}.metronome .preset-row button.active{background:var(--accent-grad);color:var(--on-accent);box-shadow:var(--shadow-accent), inset 0 1px 0 #ffffff4d;border-color:#0000}.ear-stage{flex-direction:column;gap:20px;margin-top:4px;padding:26px 22px;display:flex}.ear-empty{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:22px 0 10px;display:flex}.ear-empty p{color:var(--text-soft);margin:0;font-size:15px}.ear-empty .primary-button,.ear-playback .primary-button{width:auto;min-width:220px}.ear-playback{flex-direction:column;align-items:center;gap:10px;display:flex}.ear-stage[data-playing=true] .ear-playback .primary-button{animation:earpulse 1.1s var(--ease) infinite}@keyframes earpulse{50%{box-shadow:0 0 0 10px var(--accent-ring)}}.ear-hint{color:var(--text-muted);text-align:center;font-size:12.5px}.ear-choices{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;display:grid}.ear-choice{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(90deg, transparent, oklch(.72 .18 var(--accent-hue) / .45), transparent) top / 100% 1px no-repeat, radial-gradient(90% 90% at 100% 0%, var(--accent-tint), transparent 70%), color-mix(in srgb, var(--surface) 82%, transparent);min-height:56px;color:var(--text);box-shadow:var(--shadow-xs), var(--inner-highlight);cursor:pointer;transition:transform .18s var(--ease), border-color .18s var(--ease), background .18s var(--ease), box-shadow .18s var(--ease);align-items:center;gap:10px;padding:0 14px;font-weight:600;display:flex}.ear-choice:hover:not(:disabled){border-color:var(--accent-line);box-shadow:var(--shadow-sm), 0 12px 26px -12px oklch(.6 .2 var(--accent-hue) / .5);transform:translateY(-2px)}.ear-choice b{border:1px solid var(--line-strong);background:var(--surface-2);min-width:26px;height:26px;color:var(--text-soft);font-variant-numeric:tabular-nums;transition:background .18s var(--ease), color .18s var(--ease), border-color .18s var(--ease);border-bottom-width:2px;border-radius:7px;flex:none;place-items:center;padding:0 6px;font-size:12px;font-weight:700;display:grid}.ear-choice:hover:not(:disabled) b{background:var(--accent-soft);color:var(--accent-text);border-color:var(--accent-line)}.ear-choice b:empty{background:0 0;border:0}.ear-choice span{text-align:start;flex:1}.ear-choice>svg{flex:none}.ear-choice:disabled{cursor:default;opacity:.55}.ear-choice.is-right,.ear-choice.is-wrong{opacity:1}.ear-choice.is-right{border-color:var(--success);background:radial-gradient(90% 90% at 100% 0%, var(--success-soft), transparent 70%), var(--success-soft);color:var(--success);box-shadow:0 0 0 3px var(--success-soft), var(--shadow-xs)}.ear-choice.is-right b{background:var(--success);border-color:var(--success);color:#fff}.ear-choice.is-wrong{border-color:var(--danger);background:radial-gradient(90% 90% at 100% 0%, var(--danger-soft), transparent 70%), var(--danger-soft);color:var(--danger);box-shadow:0 0 0 3px var(--danger-soft), var(--shadow-xs)}.ear-choice.is-wrong b{background:var(--danger);border-color:var(--danger);color:#fff}.ear-verdict{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;min-height:46px;display:flex}.ear-verdict strong{letter-spacing:-.01em;font-size:18px}.ear-verdict strong.is-right{color:var(--success)}.ear-verdict strong.is-wrong{color:var(--danger)}.ear-verdict span{color:var(--text-soft);direction:ltr;font-size:14px}.ear-waiting{color:var(--text-muted)}.ear-score{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(90deg, transparent, oklch(.72 .18 var(--accent-hue) / .45), transparent) top / 100% 1px no-repeat, var(--surface);box-shadow:var(--shadow-sm), var(--inner-highlight);grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px;margin-top:4px;padding:12px;display:grid}.ear-score>div{border-radius:var(--radius-sm);border:1px solid var(--line);background:radial-gradient(90% 90% at 50% 0%, var(--accent-tint), transparent 70%), var(--surface-2);flex-direction:column;align-items:center;gap:2px;padding:12px 10px 10px;display:flex}.ear-score strong{letter-spacing:-.03em;font-variant-numeric:tabular-nums;background:var(--accent-grad);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:800;line-height:1.1}.ear-score span{color:var(--text-muted);letter-spacing:.04em;font-size:11.5px;font-weight:700}.ear-score .link-button{place-self:center}.tuner-stage{background:linear-gradient(90deg, transparent, oklch(.72 .18 var(--accent-hue) / .55), transparent) top / 100% 1px no-repeat, radial-gradient(60% 70% at 50% 30%, var(--accent-tint), transparent 70%), var(--surface);transition:border-color .3s var(--ease), box-shadow .3s var(--ease);flex-direction:column;align-items:center;gap:10px;padding:26px 22px;display:flex;position:relative;overflow:hidden}.tuner-stage.has-signal{border-color:var(--accent-line);box-shadow:var(--shadow-sm), 0 30px 70px -40px oklch(.6 .2 var(--accent-hue) / .7), var(--inner-highlight)}.tuner-stage.is-in-tune{border-color:var(--success);box-shadow:0 0 0 4px var(--success-soft), 0 30px 70px -40px var(--success), var(--shadow-md);background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--success) 60%, transparent), transparent) top / 100% 1px no-repeat, radial-gradient(60% 70% at 50% 30%, var(--success-soft), transparent 70%), var(--surface)}.tuner-gauge{width:min(360px,100%);height:auto;filter:drop-shadow(0 8px 18px oklch(.6 .2 var(--accent-hue) / .16))}.tuner-gauge path:last-of-type{transition:opacity .3s var(--ease)}.tuner-needle{transition:transform .12s var(--ease);stroke:var(--text);fill:var(--text)}.tuner-stage.is-in-tune .tuner-needle{stroke:var(--success);fill:var(--success)}.tuner-stage:not(.has-signal) .tuner-needle{opacity:.3}.tuner-readout{text-align:center;margin-top:-14px}.tuner-note{letter-spacing:-.04em;direction:ltr;font-size:64px;font-weight:800;line-height:1.05;display:block}.tuner-stage.has-signal .tuner-note:not(.placeholder){background:var(--accent-grad);color:#0000;-webkit-background-clip:text;background-clip:text}.tuner-note.placeholder{color:var(--text-muted);opacity:.4}.tuner-stage.is-in-tune .tuner-note{color:var(--success);background:linear-gradient(135deg, var(--success), var(--mint))}.tuner-hebrew{color:var(--text-soft);font-size:14px;display:block}.tuner-cents{color:var(--text-muted);font-variant-numeric:tabular-nums;margin-top:4px;font-size:13px;display:block}.tuner-hint{color:var(--accent-text);margin-top:8px;font-size:14px;font-weight:600;display:block}.tuner-stage.is-in-tune .tuner-hint{color:var(--success)}.tuner-level{width:min(280px,100%)}.string-row{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.string-chip{border-radius:var(--radius-pill);border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 72%, transparent);min-height:38px;color:var(--text);box-shadow:var(--shadow-xs);cursor:pointer;transition:border-color .18s var(--ease), background .18s var(--ease), transform .18s var(--ease), box-shadow .18s var(--ease);direction:ltr;align-items:center;gap:6px;padding:7px 15px;font-size:13.5px;font-weight:700;display:inline-flex}.string-chip:hover{border-color:var(--accent-line);background:var(--accent-tint);transform:translateY(-1px)}.string-chip.active{background:var(--accent-grad);color:var(--on-accent);box-shadow:var(--shadow-accent), inset 0 1px 0 #ffffff4d;border-color:#0000}.string-chip.is-detected{border-color:var(--success);background:var(--success-soft);color:var(--success);box-shadow:0 0 0 3px var(--success-soft)}.string-chip.active.is-detected{background:linear-gradient(135deg, var(--success), var(--mint));color:#fff}.piano-status{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;min-height:42px;padding:0 4px;display:flex}.piano-held{letter-spacing:.02em;color:var(--accent-text);font-variant-numeric:tabular-nums;direction:ltr;font-size:22px;font-weight:800}.piano-keys{border-radius:var(--radius-lg);height:clamp(170px,26vw,240px);box-shadow:var(--shadow-md), 0 30px 70px -36px oklch(.6 .2 var(--accent-hue) / .7), inset 0 1px 0 #ffffff0f;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(#1b1a22,#0d0c12);padding:10px 0 0;display:flex;position:relative;overflow:hidden}.piano-keys:before{content:"";background:linear-gradient(90deg, var(--accent), oklch(.7 .18 calc(var(--accent-hue) + 60)));opacity:.85;height:10px;position:absolute;inset:0 0 auto}.piano-key{cursor:pointer;border:0;padding:0;transition:background 60ms linear,transform 60ms linear}.piano-key.white{background:linear-gradient(#f4f3f7,#fff 70%,#e9e8ee);border-inline-end:2px solid #0d0c12;border-radius:0 0 8px 8px;flex:1;justify-content:center;align-items:flex-end;padding-bottom:12px;display:flex;box-shadow:inset 0 -6px #00000014}.piano-key.white:hover{background:linear-gradient(#ebeaf0,#f7f6fa)}.piano-key.white.in-scale{background:linear-gradient(180deg, oklch(.95 .04 var(--accent-hue)), #fff 70%)}.piano-key.white.is-root{box-shadow:inset 0 -6px 0 var(--accent-strong)}.piano-key.white.is-active{background:linear-gradient(180deg, oklch(.88 .1 var(--accent-hue)), oklch(.78 .15 var(--accent-hue)));transform:translateY(2px);box-shadow:inset 0 -2px #0000001a}.piano-key.black{width:calc(100% / var(--white-count) * .6);z-index:2;background:linear-gradient(#2c2a36,#0f0e14 88%);border-radius:0 0 6px 6px;justify-content:center;align-items:flex-end;height:60%;padding-bottom:8px;display:flex;position:absolute;top:10px;box-shadow:0 5px 10px #00000073,inset 0 -4px #ffffff0f}.piano-key.black:hover{background:linear-gradient(#3a3846,#16151d 88%)}.piano-key.black.in-scale{background:linear-gradient(180deg, oklch(.4 .08 var(--accent-hue)), #121118 88%)}.piano-key.black.is-root{box-shadow:inset 0 -4px 0 var(--accent), 0 5px 10px #00000073}.piano-key.black.is-active{background:linear-gradient(180deg, oklch(.7 .16 var(--accent-hue)), oklch(.5 .17 var(--accent-hue)))}.piano-key-name{color:#7a7788;pointer-events:none;direction:ltr;flex-direction:column;align-items:center;gap:2px;font-size:10.5px;font-weight:600;display:flex}.piano-key.black .piano-key-name{color:#ffffff8c}.piano-key-name small{opacity:.75;font-size:9px}.piano-controls,.piano-lesson-bar{border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(90deg, transparent, oklch(.72 .18 var(--accent-hue) / .45), transparent) top / 100% 1px no-repeat, color-mix(in srgb, var(--surface) 72%, transparent);-webkit-backdrop-filter:blur(10px)saturate(1.2);backdrop-filter:blur(10px)saturate(1.2);box-shadow:var(--shadow-xs), var(--inner-highlight);flex-wrap:wrap;align-items:center;gap:10px;padding:8px;display:flex}.piano-controls .segmented-control{flex:0 auto}.piano-controls .segmented-control,.piano-lesson-bar .segmented-control{background:var(--surface-sunken)}.piano-controls .secondary-button,.piano-lesson-bar .secondary-button{box-shadow:none}.piano-stage{flex-direction:column;display:flex}.piano-lesson{--lesson-white:oklch(.72 .17 var(--accent-hue));--lesson-black:oklch(.56 .19 var(--accent-hue));--lesson-guide:#ff9f1c;--lesson-grid:#ffffff12;flex-direction:column;gap:10px;display:flex}.piano-lesson-head{align-items:center;gap:10px;min-width:0;display:flex}.piano-lesson-bar{gap:8px 10px}.piano-lesson-bar .segmented-control{flex:0 auto}.piano-lesson-bar .segmented-control button{white-space:nowrap;justify-content:center;align-items:center;gap:5px;display:inline-flex}.piano-lesson-title{min-width:0;color:var(--accent-text);flex:1;align-items:center;gap:6px;padding-inline-start:6px;font-size:15px;font-weight:700;display:inline-flex}.piano-lesson-title>*{flex:none}.piano-lesson-title>.piano-lesson-song{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text);flex:0 auto;overflow:hidden}.piano-lesson-status{color:var(--text-muted);font-variant-numeric:tabular-nums;flex:none;gap:8px;font-size:13.5px;font-weight:700;display:inline-flex}.piano-lesson-status b{color:var(--success)}.piano-lesson-hint{color:var(--text-muted);margin:0;font-size:13.5px}.piano-lesson-canvas{border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:linear-gradient(#0d0c12,#1b1a22);width:100%;height:clamp(150px,22vw,230px);display:block}.piano-stage.has-lesson .piano-keys{border-radius:0 0 var(--radius-lg) var(--radius-lg)}.piano-key.white.is-guide{background:linear-gradient(#ffe2b8,#ffc56b);box-shadow:inset 0 -6px #ff9f1c}.piano-key.black.is-guide{background:linear-gradient(#ffb44d,#d97a00 88%)}.piano-key.is-guide.is-active{filter:saturate(1.3)brightness(.95)}.piano-lesson-tip{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px 8px;margin:0;font-size:13.5px;display:flex}.piano-lesson-tip svg{color:var(--accent-text);flex:none}.piano-lesson-tip a{color:var(--accent-text);font-weight:700}.results-header-actions{flex-wrap:wrap;gap:10px;display:flex}.chroma-card{padding:20px}.chroma-bars{align-items:flex-end;gap:6px;height:170px;margin-top:8px;display:flex}.chroma-bar{flex-direction:column;flex:1;justify-content:flex-end;gap:6px;height:100%;display:flex}.chroma-bar>div{background:var(--surface-3);min-height:3px;transition:height .5s var(--ease);border-radius:7px 7px 3px 3px}.chroma-bar.in-key>div{background:linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent) 55%, transparent));box-shadow:0 0 12px var(--accent-tint)}.chroma-bar.is-tonic>div{background:var(--brand-gradient);box-shadow:0 0 18px var(--accent-ring)}.chroma-bar span{text-align:center;color:var(--text-muted);direction:ltr;font-size:11px}.chroma-bar.is-tonic span{color:var(--accent-text);font-weight:800}.transcript-tool .primary-button small{opacity:.85;font-size:12.5px;font-weight:500}.transcript-partial{border-radius:var(--radius-sm);background:var(--surface-sunken);color:var(--text-soft);unicode-bidi:plaintext;max-height:140px;margin:0;padding:12px 14px;font-size:14px;line-height:1.7;overflow-y:auto}.transcript-result{flex-direction:column;gap:16px;display:flex}.transcript-stats{color:var(--text-muted);flex-wrap:wrap;gap:6px 14px;font-size:13px;display:flex}.transcript-text{resize:vertical;unicode-bidi:plaintext;width:100%;min-height:170px;padding:16px 18px;font-size:16px;line-height:1.85}.transcript-segments{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-2);flex-direction:column;gap:2px;max-height:340px;margin:0;padding:4px;list-style:none;display:flex;overflow-y:auto}.transcript-segments li{border-radius:10px;grid-template-columns:56px minmax(0,1fr);gap:12px;padding:8px 12px;font-size:14px;line-height:1.6;display:grid}.transcript-segments li:hover{background:var(--surface-hover)}.transcript-segments li.is-current{background:var(--accent-soft)}.transcript-segments time{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--accent-text);direction:ltr;font-size:12px;font-weight:600}.transcript-segments span{unicode-bidi:plaintext}.transcript-segments mark{background:var(--accent-soft);color:var(--accent-text);border-radius:3px;padding:0 2px}.transcript-jump{cursor:pointer;color:inherit;text-align:start;background:0 0;border:0;padding:0}.transcript-jump:hover time{text-decoration:underline}.transcript-stage{color:var(--text-soft);margin:0;font-size:13.5px;font-weight:600}.transcript-resume{flex-direction:column;align-items:center;gap:8px;display:flex}.transcript-signin,.assistant-signin{border:1px dashed var(--line-strong);border-radius:var(--radius);background:var(--surface-2);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:18px;display:flex}.transcript-signin p{color:var(--text-soft);align-items:center;gap:6px;margin:0;font-size:14.5px;display:flex}.transcript-tools{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.transcript-search{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface-solid);color:var(--text-muted);flex:240px;align-items:center;gap:8px;padding:9px 12px;display:flex}.transcript-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.transcript-search input{color:var(--text);background:0 0;border:0;outline:none;flex:1;min-width:0}.transcript-search small{white-space:nowrap}.transcript-ai-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.transcript-ai-translate{align-items:center;gap:6px;display:inline-flex}.transcript-ai-translate select{border-radius:var(--radius-pill);border:1px solid var(--line-strong);background:var(--surface);color:var(--text);padding:7px 10px;font-size:13px}.transcript-ai-result{flex-direction:column;gap:10px;display:flex}.transcript-ai-result .results-header{align-items:center}.transcript-ai-tools{flex-wrap:wrap;gap:14px;display:flex}.transcript-ai-text{white-space:pre-wrap;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-2);max-height:420px;padding:14px 16px;font-size:15px;line-height:1.8;overflow:auto}.chord-diagram{border-radius:var(--radius-sm);color:var(--text);transition:background .2s var(--ease), box-shadow .2s var(--ease), color .2s var(--ease);flex-direction:column;align-items:center;gap:2px;margin:0;padding:8px 6px 6px;display:flex}.chord-diagram figcaption{font-size:13px;font-weight:700}.chord-diagram.is-active{color:var(--accent-text);background:var(--accent-tint);box-shadow:0 0 0 1px var(--accent-line), 0 0 18px var(--accent-tint)}.chords-now{border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(90deg, transparent, oklch(.72 .18 var(--accent-hue) / .55), transparent) top / 100% 1px no-repeat, radial-gradient(90% 140% at 100% 0%, var(--accent-tint), transparent 70%), var(--surface-2);min-height:100px;box-shadow:var(--shadow-xs), var(--inner-highlight);align-items:center;gap:18px;padding:14px 18px;display:flex}.chords-now>div{flex-direction:column;gap:2px;display:flex}.chords-now strong{letter-spacing:-.03em;background:var(--accent-grad);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:44px;font-weight:800;line-height:1}.chords-now span{color:var(--text-muted);font-size:14px}.chords-now small{color:var(--text-soft);margin-top:6px;font-size:13px}.chords-now p{color:var(--text-muted);margin:0;font-size:14px}.chords-timeline{gap:4px;padding:6px 2px;display:flex;overflow-x:auto}.chords-block{border:1px solid oklch(.7 .14 var(--chord-hue) / .3);cursor:pointer;min-width:54px;color:var(--text);background:linear-gradient(90deg, transparent, oklch(.75 .16 var(--chord-hue) / .7), transparent) top / 100% 1px no-repeat, linear-gradient(180deg, oklch(.7 .14 var(--chord-hue) / .2), oklch(.7 .14 var(--chord-hue) / .1));transition:background .15s var(--ease), transform .15s var(--ease), box-shadow .15s var(--ease), border-color .15s var(--ease);border-radius:10px;flex-direction:column;flex:1 0 auto;align-items:center;gap:2px;padding:8px 6px;display:flex}.chords-block:hover{background:oklch(.7 .14 var(--chord-hue) / .28);border-color:oklch(.7 .14 var(--chord-hue) / .55);transform:translateY(-2px)}.chords-block span{font-size:15px;font-weight:800}.chords-block small{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:11px}.chords-block.is-current{border-color:oklch(.62 .18 var(--chord-hue));box-shadow:0 0 0 3px oklch(.62 .18 var(--chord-hue) / .25), 0 8px 20px -8px oklch(.62 .18 var(--chord-hue) / .6);background:oklch(.7 .14 var(--chord-hue) / .38);transform:translateY(-2px)}.chords-diagrams{flex-wrap:wrap;gap:10px;padding:6px 0;display:flex}.songbook-toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.songbook-title{flex:220px;font-size:16px;font-weight:700}.songbook-list{flex-wrap:wrap;gap:8px;display:flex}.songbook-editor{resize:vertical;width:100%;min-height:280px;padding:14px 16px;font-size:16px;line-height:1.85}.songbook-editor-tools{flex-wrap:wrap;gap:16px;display:flex}.songbook-stepper{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.songbook-stepper>button:not(.link-button):not(.primary-button){border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 72%, transparent);width:36px;height:36px;color:var(--text);box-shadow:var(--shadow-xs);cursor:pointer;transition:border-color .18s var(--ease), background .18s var(--ease), color .18s var(--ease), transform .18s var(--ease);border-radius:10px;place-items:center;display:inline-grid}.songbook-stepper>button:not(.link-button):not(.primary-button):hover{border-color:var(--accent-line);background:var(--accent-tint);color:var(--accent-text);transform:translateY(-1px)}.songbook-stepper input[type=range]{flex:1}.songbook-sheet{border-radius:var(--radius-lg);border:1px solid var(--line);background:linear-gradient(90deg, transparent, oklch(.72 .18 var(--accent-hue) / .55), transparent) top / 100% 1px no-repeat, radial-gradient(80% 40% at 50% 0%, var(--accent-tint), transparent 70%), var(--surface-solid);max-height:70vh;box-shadow:var(--shadow-sm), var(--inner-highlight);scroll-behavior:auto;padding:22px 24px;line-height:1.5;overflow:auto}.songbook-sheet h2{letter-spacing:-.02em;margin:0 0 14px;font-size:1.5em;font-weight:800}.songbook-sheet h3{border-radius:var(--radius-pill);background:var(--accent-tint);color:var(--accent-text);letter-spacing:.06em;margin:20px 0 6px;padding:2px 10px;font-size:.72em;font-weight:700;display:inline-block}.songbook-sheet p{white-space:pre-wrap;margin:0 0 4px}.songbook-blank{height:.9em}.songbook-line{flex-wrap:wrap;align-items:flex-end;row-gap:6px;display:flex}.songbook-piece{white-space:pre;flex-direction:column;display:inline-flex}.songbook-piece.is-bare{margin-inline-end:1.4em}.songbook-sheet p[data-sung]{transition:background .2s var(--ease), opacity .2s var(--ease);border-radius:8px;margin-inline:-6px;padding-inline:6px}.songbook-sheet.is-prompting p[data-sung]:not([data-now]){opacity:.45}.songbook-sheet p[data-now]{background:var(--accent-tint);box-shadow:inset 3px 0 0 var(--accent)}.songbook-stepper select{min-height:36px}.songbook-tempo{color:var(--text-muted);align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.songbook-tempo input{inline-size:72px;min-height:36px}.songbook-chord{color:var(--accent-text);min-height:1.2em;font-size:.85em;font-weight:800;line-height:1.2}.songbook-diagrams{padding:4px 0 10px}@media print{.tool-intro,.songbook-toolbar,.songbook-controls,.songbook-diagrams{display:none!important}.songbook-sheet{border:0;max-height:none;padding:0;overflow:visible}.workspace-card{box-shadow:none;border:0;padding:0}}.convert-preview{width:100%;margin:4px 0}.video-selected{flex-direction:column;align-items:stretch}.video-preview{border-radius:var(--radius);background:#000;width:100%;max-height:340px}.rhythm-pattern{grid-template-columns:repeat(16,1fr);gap:4px;padding:4px 0;display:grid}.rhythm-step{background:var(--surface-3);border:1px solid var(--line);border-radius:6px;height:24px;transition:box-shadow .1s linear;box-shadow:inset 0 1px #ffffff4d}:root[data-theme=dark] .rhythm-step{box-shadow:inset 0 1px #ffffff0a}.rhythm-step.is-beat{border-color:var(--line-strong)}.rhythm-step.is-hit{background:var(--accent-grad);box-shadow:0 0 10px var(--accent-tint), inset 0 1px 0 #ffffff59;border-color:#0000}.rhythm-step.is-now{box-shadow:0 0 0 3px var(--accent-ring), 0 0 14px var(--accent-ring)}.rhythm-pad{border-radius:var(--radius-xl);border:2px solid var(--line);background:linear-gradient(90deg, transparent, oklch(.72 .18 var(--accent-hue) / .55), transparent) top / 100% 2px no-repeat, radial-gradient(60% 80% at 50% 30%, var(--accent-tint), transparent 70%), var(--surface-2);width:100%;min-height:160px;box-shadow:var(--shadow-sm), var(--inner-highlight);color:var(--text);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;transition:background 80ms,border-color 80ms,transform 80ms,box-shadow 80ms;display:flex}.rhythm-pad:disabled{cursor:default;opacity:.8}.rhythm-pad strong{letter-spacing:-.01em;font-size:22px}.rhythm-pad small{color:var(--text-muted)}.rhythm-pad.is-live{border-color:var(--accent-line);box-shadow:var(--shadow-sm), 0 0 0 4px var(--accent-tint), 0 30px 70px -40px var(--accent), var(--inner-highlight)}.rhythm-pad.is-live:active{transform:scale(.985)}.rhythm-pad.is-perfect{background:var(--success-soft);border-color:var(--success)}.rhythm-pad.is-good{background:oklch(75% .16 130/.16);border-color:oklch(72% .17 130)}.rhythm-pad.is-early,.rhythm-pad.is-late{background:var(--warning-soft);border-color:var(--warning)}.rhythm-pad.is-miss{background:var(--danger-soft);border-color:var(--danger)}.rhythm-actions{justify-content:center;display:flex}.rhythm-score{flex-direction:column;gap:12px;display:flex}.rhythm-taps{flex-wrap:wrap;gap:6px;display:flex}.rhythm-tap{background:var(--surface-3);border:1px solid var(--line);border-radius:7px;width:44px;height:14px;position:relative;overflow:hidden}.rhythm-tap:before{content:"";background:var(--line-strong);width:1px;position:absolute;inset-block:0;inset-inline-start:50%}.rhythm-tap i{background:var(--text-muted);border-radius:50%;width:8px;height:8px;margin-inline-start:-4px;position:absolute;top:2px}.rhythm-tap.is-perfect i{background:var(--success)}.rhythm-tap.is-good i{background:oklch(72% .17 130)}.rhythm-tap.is-early i,.rhythm-tap.is-late i{background:var(--warning)}.rhythm-tap.is-miss i{background:var(--danger)}.rhythm-history{align-items:flex-end;gap:3px;height:50px;padding:4px 0;display:flex}.rhythm-history span{background:linear-gradient(180deg, var(--accent), var(--accent-line));border-radius:3px 3px 0 0;flex:1}.rhythm-score-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.mixer-add{border-radius:var(--radius);border:1.5px dashed var(--accent-line);background:radial-gradient(70% 120% at 100% 50%, var(--accent-tint), transparent 70%), var(--surface-2);cursor:pointer;transition:border-color .18s var(--ease), background .18s var(--ease);align-items:center;gap:14px;padding:14px 16px;display:flex;position:relative;overflow:hidden}.mixer-add:hover{border-color:var(--accent);background:radial-gradient(70% 120% at 100% 50%, var(--accent-soft), transparent 75%), var(--surface-2)}.mixer-add strong{display:block}.mixer-add small{color:var(--text-muted);font-size:12.5px}.mixer-tracks{flex-direction:column;gap:10px;display:flex}.mixer-track{--mixer-track:oklch(.66 .16 var(--track-hue));border-radius:var(--radius);border:1px solid var(--line);border-inline-start:4px solid var(--mixer-track);background:linear-gradient(90deg, transparent, oklch(.72 .16 var(--track-hue) / .55), transparent) top / 100% 1px no-repeat, radial-gradient(60% 140% at 100% 0%, oklch(.72 .16 var(--track-hue) / .1), transparent 70%), var(--surface);box-shadow:var(--shadow-xs), var(--inner-highlight);transition:opacity .18s var(--ease), box-shadow .18s var(--ease);padding:12px 14px}:root[data-theme=dark] .mixer-track{--mixer-track:oklch(.76 .13 var(--track-hue))}.mixer-track:hover{box-shadow:var(--shadow-sm), var(--inner-highlight)}.mixer-track.is-silent{opacity:.55}.mixer-track-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mixer-track-name{min-width:0;color:var(--text);background:0 0;border:1px solid #0000;border-radius:8px;flex:140px;padding:6px 10px;font-weight:700}.mixer-track-name:hover,.mixer-track-name:focus{border-color:var(--line);background:var(--surface-sunken);outline:none}.mixer-track-meta{color:var(--text-muted);font-size:12.5px}.mixer-toggle{border:1px solid var(--line-strong);background:var(--surface);width:32px;height:32px;color:var(--text-muted);cursor:pointer;border-radius:9px;place-items:center;display:inline-grid}.mixer-toggle.active{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.mixer-track-controls{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px 16px;margin-top:8px;display:grid}.mixer-track-controls label{color:var(--text-muted);flex-direction:column;gap:4px;font-size:12.5px;display:flex}.mixer-loop-badge{color:var(--accent-text);align-items:center;gap:4px;font-size:12px;display:inline-flex}.lyrics-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.lyrics-toolbar .table-footnote{margin-inline-start:auto}.lyrics-karaoke{border-radius:var(--radius-lg);border:1px solid var(--line);background:radial-gradient(80% 60% at 50% 0%, var(--accent-tint), transparent 70%), var(--surface-solid);scroll-behavior:smooth;flex-direction:column;gap:6px;max-height:62vh;padding:16px 18px;display:flex;overflow:auto}.lyrics-line{color:var(--text-muted);cursor:pointer;transition:font-size .2s var(--ease), background .2s var(--ease);border-radius:10px;flex-wrap:wrap;align-items:baseline;gap:4px 6px;margin:0;padding:4px 8px;font-size:20px;line-height:1.6;display:flex}.lyrics-line time{font-family:var(--font-mono);color:var(--text-muted);font-variant-numeric:tabular-nums;opacity:.7;margin-inline-end:6px;font-size:11px}.lyrics-line.is-past{opacity:.5}.lyrics-line.is-current{color:var(--text);background:var(--accent-tint);font-size:25px;font-weight:600}.lyrics-word{transition:color .1s}.lyrics-word.is-sung{color:var(--accent-text)}.lyrics-word.is-now{text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:6px;text-decoration-thickness:3px}.vocals-pro{flex-direction:column;gap:14px;display:flex}.tts-text{min-height:170px}.tts-meta{color:var(--text-muted);justify-content:space-between;font-size:12.5px;display:flex}.identify-actions{flex-direction:column;align-items:center;gap:12px;display:flex}.identify-listen{border-radius:var(--radius-xl);border:2px solid var(--line-strong);background:radial-gradient(60% 80% at 50% 30%, var(--accent-tint), transparent 70%), var(--surface-2);width:min(100%,380px);min-height:180px;color:var(--text);cursor:pointer;transition:border-color .2s var(--ease), transform .2s var(--ease);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:18px;display:flex}.identify-listen:hover:not(:disabled){border-color:var(--accent);transform:translateY(-2px)}.identify-listen strong{font-size:19px}.identify-listen small{color:var(--text-muted)}.identify-listen.is-live{border-color:var(--accent);box-shadow:0 0 0 6px var(--accent-ring);animation:1.4s infinite identify-pulse}@keyframes identify-pulse{50%{box-shadow:0 0 0 16px #0000}}.identify-listen .level-meter{width:60%}.identify-file{border-radius:var(--radius-pill);border:1px solid var(--line-strong);background:var(--surface);cursor:pointer;align-items:center;gap:6px;padding:8px 14px;font-size:14px;display:inline-flex;position:relative;overflow:hidden}.identify-result{border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--surface);animation:pop-in .3s var(--ease) both;flex-wrap:wrap;align-items:flex-start;gap:18px;padding:18px;display:flex}.identify-art{border-radius:var(--radius);object-fit:cover;width:140px;height:140px;box-shadow:var(--shadow-md)}.identify-text{flex-direction:column;flex:220px;gap:6px;display:flex}.identify-text h2{margin:0;font-size:26px;font-weight:800}.identify-text p{color:var(--text-soft);margin:0}.identify-links{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.identify-links a{align-items:center;gap:4px;display:inline-flex}.identify-youtube [aria-hidden]{font-variant-emoji:text}.identify-next{flex-direction:column;gap:2px;margin-top:6px;display:flex}.identify-video{aspect-ratio:16/9;border-radius:var(--radius);box-shadow:var(--shadow-md);background:#000;flex:100%;overflow:hidden}.identify-video iframe,.identify-video-still{border:0;width:100%;height:100%;display:block}.identify-video-still{cursor:pointer;background:#000;padding:0;position:relative}.identify-video-still:focus-visible{outline-offset:-4px}.identify-video-failed{text-align:center;color:#fff;background:radial-gradient(120% 90% at 50% 0,#2a2733,#0d0c12);flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100%;padding:18px;display:flex}.identify-video-failed strong{font-size:17px}.identify-video-failed p{color:#ffffffb8;max-width:46ch;margin:0;font-size:13.5px;line-height:1.6}.identify-video-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:6px;display:flex}.identify-video-still img{object-fit:cover;opacity:.85;width:100%;height:100%;transition:opacity .2s var(--ease)}.identify-video-still:hover img,.identify-video-still:focus-visible img{opacity:1}.identify-video-still span{color:#fff;width:68px;height:48px;transition:background .2s var(--ease);background:#000000b8;border-radius:14px;place-items:center;margin:auto;display:grid;position:absolute;inset:0}.identify-video-still:hover span,.identify-video-still:focus-visible span{background:red}.identify-history ul{color:var(--text-soft);margin:6px 0 0;padding-inline-start:18px;font-size:14px}.identify-history li+li{margin-top:4px}.identify-history .identify-youtube{vertical-align:middle;margin-inline-start:8px;padding:2px 10px;font-size:12px}.identify-history .identify-video{max-width:560px;margin:8px 0 12px}.share-page .tool-intro h1{font-size:clamp(22px,4vw,32px)}.share-download{border-radius:var(--radius-pill);background:var(--accent);color:var(--on-accent);align-items:center;gap:6px;padding:10px 18px;font-weight:700;display:inline-flex}.share-text{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);max-height:60vh;padding:16px 18px;line-height:1.8;overflow:auto}.share-text p{margin:0 0 4px}.share-meta{align-items:center;gap:6px;display:flex}@media (width<=720px){.bpm-readout{gap:12px}.bpm-value{min-width:140px}.bpm-step{width:46px;height:46px}.ear-choices{grid-template-columns:1fr 1fr}.ear-choice{min-height:50px;padding:0 10px;font-size:14px}}@media (prefers-reduced-motion:reduce){.identify-listen.is-live,.rhythm-pad,.chords-block,.songbook-sheet{transition:none!important;animation:none!important}.songbook-sheet,.lyrics-karaoke{scroll-behavior:auto}}.explain-song{flex-direction:column;gap:14px;display:flex}.explain-head{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.explain-head>div{flex:240px;min-width:0}.explain-head h2{margin:0;font-size:17px}.explain-head p{color:var(--text-muted);margin:2px 0 0;font-size:13px}.explain-icon{background:var(--accent-soft);block-size:36px;inline-size:36px;color:var(--accent-text);border-radius:10px;flex:none;place-items:center;display:grid}.explain-body{max-inline-size:70ch;line-height:1.65}.explain-body h2,.explain-body h3{margin:14px 0 6px;font-size:15.5px}.songbook-sheet p[data-sung]{flex-wrap:wrap}.songbook-gloss{white-space:normal;flex-direction:column;flex-basis:100%;gap:1px;margin:2px 0 8px;font-size:.72em;line-height:1.35;display:flex}.songbook-gloss-sound{color:var(--accent-text)}.songbook-gloss-meaning{color:var(--text-muted);font-style:italic}.songbook-gloss-actions{margin-top:12px}.stem-extras{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:14px;margin-top:14px;display:grid}.stem-key,.stem-picks{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-2);padding:14px 16px}.stem-key{flex-direction:column;gap:8px;display:flex}.stem-key>span{color:var(--text-soft);font-size:13.5px}.stem-key>span b{color:var(--accent-text)}.stem-key-row{align-items:center;gap:8px;display:flex}.stem-key-row input{flex:1;min-width:0}.stem-key small{color:var(--text-muted);font-size:12px;line-height:1.5}.stem-picks{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.stem-pick{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);color:var(--text);font:inherit;text-align:start;cursor:pointer;transition:border-color .18s var(--ease), background .18s var(--ease), transform .18s var(--ease);align-items:center;gap:10px;padding:10px 12px;display:flex}.stem-pick svg{color:var(--accent-text);flex:none}.stem-pick span{flex-direction:column;min-width:0;display:flex}.stem-pick b{font-size:14px}.stem-pick small{color:var(--text-muted);font-size:12px}.stem-pick:hover:not(:disabled){border-color:var(--accent);background:var(--accent-tint);transform:translateY(-1px)}.stem-pick:disabled{opacity:.6;cursor:progress}@media (width<=760px){.stem-extras{grid-template-columns:1fr}}.beat-deck{border-radius:var(--radius-lg);border:1px solid var(--line);background:linear-gradient(90deg, transparent, oklch(.72 .18 var(--accent-hue) / .55), transparent) top / 100% 1px no-repeat, radial-gradient(80% 140% at 100% 0%, var(--accent-tint), transparent 60%), radial-gradient(40% 120% at 0% 100%, oklch(.66 .2 calc(var(--accent-hue) + 50) / .08), transparent 70%), var(--surface);box-shadow:var(--shadow-sm), var(--inner-highlight);grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:20px 28px;padding:20px 22px;display:grid}.beat-play{width:96px;height:96px;color:var(--on-accent);background:var(--accent-grad);box-shadow:var(--shadow-accent), 0 0 0 6px var(--accent-tint), inset 0 1px 0 #ffffff4d;cursor:pointer;transition:transform .2s var(--ease-spring), box-shadow .2s var(--ease);border:0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:12.5px;font-weight:700;display:flex}.beat-play:hover{box-shadow:var(--shadow-accent), 0 0 0 8px var(--accent-tint), inset 0 1px 0 #ffffff4d;transform:scale(1.05)}.beat-play:active{transform:scale(.96)}.beat-play.is-playing{animation:1s ease-in-out infinite beat-glow}@keyframes beat-glow{50%{box-shadow:0 0 0 12px var(--accent-ring), var(--shadow-accent), inset 0 1px 0 #ffffff4d}}.beat-tempo{align-items:center;gap:12px;display:flex}.beat-tempo .bpm-step{width:42px;height:42px}.beat-tempo-value{flex-direction:column;align-items:center;min-width:96px;display:flex}.beat-tempo-value strong{letter-spacing:-.05em;font-variant-numeric:tabular-nums;background:var(--accent-grad);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:54px;font-weight:800;line-height:.95}.beat-tempo-value span{letter-spacing:.14em;color:var(--text-muted);font-size:11px;font-weight:700}.beat-knobs{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px 20px;display:grid}.beat-grid-wrap{border-radius:var(--radius-lg);border:1px solid var(--line);background:linear-gradient(90deg, transparent, oklch(.72 .18 var(--accent-hue) / .5), transparent) top / 100% 1px no-repeat, radial-gradient(70% 60% at 50% 0%, var(--accent-tint), transparent 70%), linear-gradient(180deg, var(--surface-2), var(--surface));box-shadow:var(--shadow-sm), var(--inner-highlight);padding:14px;overflow-x:auto}.beat-grid{flex-direction:column;gap:6px;min-width:720px;display:flex}.beat-row{grid-template-columns:190px minmax(0,1fr);align-items:center;gap:10px;display:grid}.beat-row.is-muted .beat-steps{opacity:.35}.beat-voice{align-items:center;gap:6px;min-width:0;display:flex}.beat-voice-name{border:1px solid var(--line);border-left:3px solid var(--accent);background:radial-gradient(80% 120% at 0% 50%, var(--accent-tint), transparent 70%), color-mix(in srgb, var(--surface) 80%, transparent);min-width:0;box-shadow:var(--shadow-xs);cursor:pointer;text-align:left;transition:background .15s var(--ease), border-color .15s var(--ease), box-shadow .15s var(--ease), transform .12s var(--ease);border-radius:10px;flex-direction:column;flex:1;align-items:flex-start;padding:5px 10px;display:flex}.beat-voice-name:hover{border-color:var(--accent-line);box-shadow:var(--shadow-xs), 0 0 14px var(--accent-tint)}.beat-voice-name:active{transform:scale(.97)}.beat-voice-name b{letter-spacing:.08em;white-space:nowrap;color:var(--accent-text);font-size:11.5px}.beat-voice-name small{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:10.5px;overflow:hidden}.beat-voice input[type=range].beat-level{flex:none;width:58px}.beat-steps{grid-template-columns:repeat(16,minmax(0,1fr));gap:4px;display:grid}.beat-cell{aspect-ratio:1;border:1px solid var(--line);background:var(--surface-3);cursor:pointer;min-height:30px;transition:background .1s linear, transform .12s var(--ease), box-shadow .12s var(--ease), border-color .12s var(--ease);border-radius:8px;position:relative;box-shadow:inset 0 1px #ffffff59}:root[data-theme=dark] .beat-cell{box-shadow:inset 0 1px #ffffff0a}.beat-cell.is-odd{background:color-mix(in srgb, var(--surface-3) 70%, var(--line-strong))}.beat-cell:nth-child(4n+1){margin-left:2px}.beat-cell:hover{border-color:var(--accent-line);background:var(--accent-tint)}.beat-cell.is-on{background:linear-gradient(180deg, oklch(.78 .14 var(--accent-hue) / .85), oklch(.68 .17 var(--accent-hue) / .85));box-shadow:0 0 10px var(--accent-tint), inset 0 1px 0 #ffffff59;border-color:#0000}.beat-cell.is-accent{background:var(--accent-grad);box-shadow:0 0 16px var(--accent-ring), inset 0 1px 0 #fff6;border-color:#0000}.beat-cell.is-accent:after{content:"";background:#ffffffb3;border-radius:50%;position:absolute;inset:30%;box-shadow:0 0 6px #fff9}.beat-cell.is-now{box-shadow:0 0 0 2px color-mix(in srgb, var(--text) 75%, transparent), 0 0 14px var(--accent-ring);border-color:#0000}.beat-cell.is-now:not(.is-on):not(.is-accent){background:color-mix(in srgb, var(--surface-3) 50%, var(--accent-soft))}.beat-cell.is-now.is-on,.beat-cell.is-now.is-accent{box-shadow:0 0 0 2px color-mix(in srgb, var(--text) 75%, transparent), 0 0 20px var(--accent);transform:scale(1.12)}.beat-ruler .beat-steps i{text-align:center;color:var(--text-muted);border-radius:6px;padding:2px 0;font-size:11px;font-style:normal;font-weight:700;transition:background .1s linear,color .1s linear}.beat-ruler .beat-steps i:nth-child(4n+1){margin-left:2px}.beat-ruler .beat-steps i.is-beat{color:var(--text-soft)}.beat-ruler .beat-steps i.is-now{background:var(--accent-grad);color:var(--on-accent);box-shadow:0 0 10px var(--accent-ring)}.beat-bars{max-width:420px}.beat-save{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.beat-save .field{flex:220px;min-width:0}.beat-saved{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.beat-saved li{border-radius:var(--radius-sm);border:1px solid var(--line);background:linear-gradient(90deg, transparent, oklch(.72 .18 var(--accent-hue) / .4), transparent) top / 100% 1px no-repeat, var(--surface-2);transition:border-color .18s var(--ease), transform .18s var(--ease), box-shadow .18s var(--ease);align-items:center;gap:6px;padding:6px;display:flex}.beat-saved li:hover{border-color:var(--accent-line);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.beat-saved-load{text-align:start;cursor:pointer;background:0 0;border:0;border-radius:8px;flex-direction:column;flex:1;min-width:0;padding:4px 8px;display:flex}.beat-saved-load:hover{background:var(--surface-hover)}.beat-saved-load b{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.beat-saved-load small{color:var(--text-muted);font-size:12px}.theory-top{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:stretch;gap:18px;display:grid}.circle-card{border-radius:var(--radius-lg);border:1px solid var(--line);background:linear-gradient(90deg, transparent, oklch(.72 .18 var(--accent-hue) / .55), transparent) top / 100% 1px no-repeat, radial-gradient(55% 55% at 50% 50%, oklch(.7 .18 var(--accent-hue) / .16), transparent 70%), var(--surface);box-shadow:var(--shadow-sm), var(--inner-highlight);place-items:center;padding:18px;display:grid}.fifths{width:min(360px,100%);height:auto;filter:drop-shadow(0 12px 24px oklch(.6 .2 var(--accent-hue) / .18));direction:ltr;overflow:visible}.fifths-seg{fill:var(--surface-2);stroke:var(--surface);stroke-width:1.5px;cursor:pointer;transition:fill .2s var(--ease)}.fifths-seg.is-minor{fill:var(--surface-3)}.fifths-seg:hover{fill:oklch(.72 .18 var(--accent-hue) / .22)}.fifths-seg:focus{outline:none}.fifths-seg:focus-visible{stroke:var(--accent);stroke-width:2.5px;outline:none}.fifths-seg.is-near{fill:oklch(.72 .18 var(--accent-hue) / .3)}.fifths-seg.is-on{fill:oklch(.6 .2 var(--accent-hue))}:root[data-theme=dark] .fifths-seg:hover{fill:oklch(.72 .16 var(--accent-hue) / .26)}:root[data-theme=dark] .fifths-seg.is-near{fill:oklch(.72 .16 var(--accent-hue) / .34)}:root[data-theme=dark] .fifths-seg.is-on{fill:oklch(.76 .16 var(--accent-hue))}.fifths-label{fill:var(--text);text-anchor:middle;dominant-baseline:central;pointer-events:none;font-size:15px;font-weight:700}.fifths-label.is-minor{fill:var(--text-soft);font-size:12px;font-weight:600}.fifths-label.is-on{fill:var(--on-accent)}.fifths-core{fill:var(--surface-solid);stroke:oklch(.72 .18 var(--accent-hue) / .45);stroke-width:1.5px}.fifths-key{fill:var(--accent-text);letter-spacing:-.02em;text-anchor:middle;dominant-baseline:central;font-size:30px;font-weight:800}.fifths-sub{fill:var(--text-muted);text-anchor:middle;dominant-baseline:central;font-size:11px;font-weight:600}.theory-controls{flex-direction:column;gap:16px;display:flex}.root-picker{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;display:grid}.root-picker button{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 72%, transparent);min-height:40px;color:var(--text);box-shadow:var(--shadow-xs);cursor:pointer;transition:background .15s var(--ease), border-color .15s var(--ease), transform .15s var(--ease), box-shadow .15s var(--ease);border-radius:10px;padding:8px 4px;font-size:14px;font-weight:700}.root-picker button:hover{border-color:var(--accent-line);background:var(--accent-tint);transform:translateY(-1px)}.root-picker button.active{background:var(--accent-grad);color:var(--on-accent);box-shadow:var(--shadow-accent), inset 0 1px 0 #ffffff4d;border-color:#0000}.theory-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.theory-actions .field{min-height:42px}.theory-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;display:grid}.theory-facts div{border-radius:var(--radius-sm);border:1px solid var(--line);background:linear-gradient(90deg, transparent, oklch(.72 .18 var(--accent-hue) / .45), transparent) top / 100% 1px no-repeat, radial-gradient(90% 90% at 100% 0%, var(--accent-tint), transparent 70%), var(--surface-2);min-width:0;padding:10px 12px}.theory-facts dt{letter-spacing:.04em;color:var(--text-muted);font-size:11px;font-weight:700}.theory-facts dd{letter-spacing:-.01em;margin:3px 0 0;font-size:15px;font-weight:800}.theory-notes{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.theory-notes button{border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(90deg, transparent, oklch(.72 .18 var(--accent-hue) / .5), transparent) top / 100% 1px no-repeat, radial-gradient(90% 80% at 50% 0%, var(--accent-tint), transparent 70%), var(--surface);min-width:68px;box-shadow:var(--shadow-xs), var(--inner-highlight);cursor:pointer;transition:transform .2s var(--ease-spring), border-color .2s var(--ease), box-shadow .2s var(--ease);flex-direction:column;align-items:center;gap:4px;padding:10px 12px 9px;display:flex}.theory-notes button:hover{border-color:var(--accent-line);box-shadow:var(--shadow-sm), 0 10px 24px -12px oklch(.6 .2 var(--accent-hue) / .5);transform:translateY(-3px)}.theory-notes b{letter-spacing:-.02em;font-size:22px;font-weight:800}.theory-notes small{border-radius:var(--radius-pill);background:var(--surface-sunken);min-width:22px;height:18px;color:var(--text-muted);font-variant-numeric:tabular-nums;place-items:center;padding:0 6px;font-size:11px;font-weight:700;display:inline-grid}.theory-notes .is-root button{background:var(--accent-grad);color:var(--on-accent);box-shadow:var(--shadow-accent), inset 0 1px 0 #ffffff4d;border-color:#0000}.theory-notes .is-root small{color:inherit;opacity:1;background:#ffffff3d}.theory-piano{border-radius:var(--radius);height:190px;box-shadow:var(--shadow-md), 0 24px 60px -30px oklch(.6 .2 var(--accent-hue) / .6), inset 0 1px 0 #ffffff0f;-webkit-user-select:none;user-select:none;background:linear-gradient(#1b1a22,#0d0c12);padding-top:8px;display:flex;position:relative;overflow:hidden}.theory-piano:before{content:"";background:linear-gradient(90deg, var(--accent), oklch(.7 .18 calc(var(--accent-hue) + 60)));opacity:.85;height:8px;position:absolute;inset:0 0 auto}.theory-key{cursor:pointer;border:0;justify-content:center;align-items:flex-end;padding:0;display:flex}.theory-key.white{background:linear-gradient(#f1f0f5,#fff 70%,#e8e7ee);border-inline-end:2px solid #0d0c12;border-radius:0 0 7px 7px;flex:1;padding-bottom:10px}.theory-key.black{width:calc(100% / var(--white-count) * .6);z-index:2;background:linear-gradient(#2c2a36,#0f0e14 88%);border-radius:0 0 6px 6px;height:58%;padding-bottom:8px;position:absolute;top:8px;box-shadow:0 5px 10px #00000073}.theory-key span{min-width:26px;height:26px;color:var(--on-accent);background:oklch(.7 .13 var(--accent-hue));box-shadow:0 2px 6px oklch(.5 .18 var(--accent-hue) / .35);pointer-events:none;border-radius:99px;place-items:center;padding:0 4px;font-size:11px;font-weight:800;display:grid}.theory-key.white.in-scale{background:linear-gradient(180deg, oklch(.94 .04 var(--accent-hue)), #fff 70%)}.theory-key.is-root span{background:var(--accent-strong);color:#fff;box-shadow:0 0 0 3px oklch(.7 .13 var(--accent-hue) / .35), 0 0 12px oklch(.7 .16 var(--accent-hue) / .6)}.theory-key.white.is-lit{background:linear-gradient(180deg, oklch(.85 .12 var(--accent-hue)), oklch(.75 .16 var(--accent-hue)))}.theory-key.black.is-lit{background:linear-gradient(180deg, oklch(.7 .16 var(--accent-hue)), oklch(.5 .17 var(--accent-hue)))}.fretboard-wrap{overflow-x:auto}.fretboard{flex-direction:column;gap:3px;min-width:680px;display:flex}.fret-numbers,.fret-markers,.fret-string{grid-template-columns:26px 44px repeat(12,minmax(0,1fr));align-items:center;display:grid}.fret-numbers span,.fret-markers span{text-align:center;color:var(--text-muted);font-size:11px;font-weight:600}.fret-markers span{letter-spacing:2px;font-size:14px;line-height:1}.fret-name{text-align:center;color:var(--text-soft);font-size:12px;font-weight:800}.fret{border:0;border-inline-end:2px solid var(--line-strong);cursor:pointer;background:0 0;place-items:center;height:36px;padding:0;display:grid;position:relative}.fret:before{content:"";inset-inline:0;background:linear-gradient(90deg, var(--text-muted), var(--line-strong));opacity:.7;height:2px;position:absolute;top:50%;transform:translateY(-50%)}.fret.is-open{border-inline-end:5px solid var(--text-soft)}.fret:hover{background:var(--accent-tint)}.fret span{z-index:1;min-width:28px;height:28px;color:var(--on-accent);background:oklch(.72 .13 var(--accent-hue));box-shadow:var(--shadow-xs), inset 0 1px 0 #ffffff4d;transition:transform .15s var(--ease-spring), box-shadow .15s var(--ease);border-radius:99px;place-items:center;padding:0 4px;font-size:11px;font-weight:800;display:grid;position:relative}.fret.is-root span{background:var(--accent-strong);color:#fff;box-shadow:0 0 0 3px var(--accent-ring)}:root[data-theme=dark] .fret.is-root span{color:#0b0b10;background:var(--accent)}.fret.is-lit span{box-shadow:0 0 16px var(--accent);transform:scale(1.18)}.theory-heading{margin:0;font-size:19px}.chord-cards{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px;display:grid}.chord-card{--chord-hue:var(--accent-hue);border-radius:var(--radius);border:1px solid oklch(.65 .16 var(--chord-hue) / .28);background:linear-gradient(90deg, transparent, oklch(.75 .18 var(--chord-hue) / .65), transparent) top / 100% 1px no-repeat, radial-gradient(90% 80% at 50% 0%, oklch(.7 .18 var(--chord-hue) / .16), transparent 70%), color-mix(in srgb, var(--surface) 82%, transparent);color:var(--text);box-shadow:var(--shadow-xs), var(--inner-highlight);cursor:pointer;transition:transform .2s var(--ease-spring), border-color .2s var(--ease), box-shadow .2s var(--ease), background .2s var(--ease);flex-direction:column;align-items:center;gap:3px;padding:12px 8px;display:flex;position:relative}.chord-card:hover{border-color:oklch(.65 .16 var(--chord-hue) / .55);box-shadow:0 12px 28px -12px oklch(.6 .2 var(--chord-hue) / .5), var(--inner-highlight);transform:translateY(-3px)}.chord-card.is-playing{border-color:oklch(.62 .2 var(--chord-hue));background:linear-gradient(90deg, transparent, oklch(.75 .18 var(--chord-hue) / .9), transparent) top / 100% 1px no-repeat, radial-gradient(90% 80% at 50% 0%, oklch(.7 .18 var(--chord-hue) / .32), transparent 75%), color-mix(in srgb, var(--surface) 82%, transparent);box-shadow:0 0 0 3px oklch(.62 .2 var(--chord-hue) / .22), 0 12px 28px -10px oklch(.6 .2 var(--chord-hue) / .6), var(--inner-highlight);animation:chord-pulse .9s var(--ease) infinite alternate}@keyframes chord-pulse{to{box-shadow:0 0 0 6px oklch(.62 .2 var(--chord-hue) / .1), 0 12px 28px -10px oklch(.6 .2 var(--chord-hue) / .6), var(--inner-highlight)}}.chord-roman{border-radius:var(--radius-pill);background:oklch(.62 .2 var(--chord-hue) / .14);min-width:26px;height:20px;color:oklch(.42 .16 var(--chord-hue));letter-spacing:.02em;justify-content:center;align-items:center;padding:0 7px;font-size:11px;font-weight:800;display:inline-flex}:root[data-theme=dark] .chord-roman{background:oklch(.72 .16 var(--chord-hue) / .18);color:oklch(.86 .11 var(--chord-hue))}.chord-card strong{letter-spacing:-.02em;margin-top:2px;font-size:24px;font-weight:800;line-height:1.1}.chord-card small{color:var(--text-muted);font-size:11.5px;font-weight:600}.chord-notes{color:var(--text-soft);font-variant-numeric:tabular-nums;margin-top:3px;font-size:11.5px}.chord-card.q-minor,.chord-card.q-m7,.chord-card.q-mMaj7{--chord-hue:calc(var(--accent-hue) + 95)}.chord-card.q-diminished,.chord-card.q-m7b5,.chord-card.q-dim7{--chord-hue:calc(var(--accent-hue) + 200)}.chord-card.q-augmented{--chord-hue:calc(var(--accent-hue) - 55)}.progressions h3{margin:6px 0 10px;font-size:15px}.progressions ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.progressions li{border-radius:var(--radius-sm);border:1px solid var(--line);background:color-mix(in srgb, var(--surface-2) 70%, transparent);transition:border-color .18s var(--ease), background .18s var(--ease);flex-wrap:wrap;align-items:center;gap:12px;padding:6px 12px 6px 6px;display:flex}.progressions li:hover{border-color:var(--line-strong)}.progressions li:has(.is-on){border-color:var(--accent-line);background:var(--accent-tint)}.progressions li .secondary-button{box-shadow:none}.progressions li>span{color:var(--text-soft);letter-spacing:.02em;font-variant-numeric:tabular-nums;margin-inline-start:auto;padding-inline-end:6px;font-size:13.5px;font-weight:700}@media (width<=860px){.theory-top{grid-template-columns:1fr}.beat-deck{grid-template-columns:auto minmax(0,1fr)}.beat-knobs{grid-column:1/-1}}@media (width<=560px){.beat-play{width:78px;height:78px}.beat-tempo-value strong{font-size:42px}.beat-tempo-value{min-width:70px}.beat-grid{min-width:600px}.beat-row{grid-template-columns:120px minmax(0,1fr)}.beat-voice input[type=range].beat-level{display:none}.beat-cell{border-radius:6px;min-height:24px}.theory-facts{grid-template-columns:1fr}.theory-piano{height:150px}.progressions li{padding:6px}}@media (prefers-reduced-motion:reduce){.beat-play.is-playing,.chord-card.is-playing{animation:none}.chord-card,.theory-notes button,.root-picker button,.beat-cell{transition:none}}.prog-setup{gap:16px;display:grid}.prog-deck{flex-wrap:wrap;align-items:center;gap:12px 18px;display:flex}.prog-deck .beat-play{width:80px;height:80px}.prog-chords{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.prog-chords li{min-width:0;position:relative}.prog-chord{border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(90deg, transparent, oklch(.72 .18 var(--accent-hue) / .55), transparent) top / 100% 1px no-repeat, radial-gradient(90% 70% at 50% 0%, var(--accent-tint), transparent 70%), var(--surface-solid);width:100%;color:var(--text);box-shadow:var(--shadow-sm), var(--inner-highlight);cursor:pointer;transition:transform .15s var(--ease), border-color .15s var(--ease), background .15s var(--ease), box-shadow .15s var(--ease);flex-direction:column;align-items:center;gap:4px;padding:20px 10px 14px;display:flex}.prog-chord strong{letter-spacing:-.02em;font-size:30px;font-weight:800;line-height:1.1}.prog-chord small{border-radius:var(--radius-pill);background:var(--accent-tint);min-width:26px;height:20px;color:var(--accent-text);letter-spacing:.02em;justify-content:center;align-items:center;padding:0 8px;font-size:11.5px;font-weight:800;display:inline-flex}.prog-chord svg{top:8px;color:var(--text-muted);opacity:.6;transition:opacity .15s var(--ease), color .15s var(--ease);position:absolute;inset-inline-end:8px}.prog-chord:hover{border-color:var(--accent-line);box-shadow:var(--shadow-md), 0 12px 28px -12px oklch(.6 .2 var(--accent-hue) / .5);transform:translateY(-2px)}.prog-chord:hover svg{opacity:1;color:var(--accent-text)}.prog-chords li.is-now .prog-chord{border-color:var(--accent);background:linear-gradient(90deg, transparent, oklch(.72 .18 var(--accent-hue) / .9), transparent) top / 100% 1px no-repeat, radial-gradient(90% 80% at 50% 0%, var(--accent-soft), transparent 80%), var(--surface-solid);box-shadow:0 0 0 3px var(--accent-ring), 0 14px 30px -12px oklch(.6 .2 var(--accent-hue) / .6);transform:translateY(-2px)}.prog-chords li.is-now .prog-chord small{background:var(--accent-grad);color:var(--on-accent)}.prog-chords li.is-open .prog-chord{border-color:var(--accent)}.prog-swap{z-index:4;top:calc(100% + 6px);border-radius:var(--radius-sm);border:1px solid var(--line);background:color-mix(in srgb, var(--surface-solid) 86%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.3);backdrop-filter:blur(14px)saturate(1.3);min-width:180px;box-shadow:var(--shadow-lg);animation:pop-in .2s var(--ease) both;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:6px;display:grid;position:absolute;inset-inline:0}.prog-swap button{background:var(--surface-2);color:var(--text);cursor:pointer;transition:border-color .15s var(--ease), background .15s var(--ease);border:1px solid #0000;border-radius:8px;flex-direction:column;align-items:center;padding:6px 2px;font-weight:700;display:flex}.prog-swap button small{color:var(--text-muted);font-size:11px;font-weight:500}.prog-swap button:hover{border-color:var(--accent-line);background:var(--accent-tint)}.prog-arrange{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px 18px;display:grid}@media (prefers-reduced-motion:reduce){.prog-chord{transition:none}.prog-swap{animation:none}}.prog-deck .primary-button{width:auto}.prog-deck .checkbox-field{margin:0}.changes-setup{gap:16px;display:grid}.changes-pickers{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));align-items:end;gap:12px 18px;display:grid}.changes-stage{border-radius:var(--radius-lg,var(--radius));border:1px solid var(--line);background:linear-gradient(90deg, transparent, oklch(.72 .18 var(--accent-hue) / .55), transparent) top / 100% 1px no-repeat, radial-gradient(60% 60% at 50% 30%, var(--accent-tint), transparent 70%), var(--surface-solid);box-shadow:var(--shadow-sm), var(--inner-highlight);flex-direction:column;align-items:center;gap:18px;padding:24px 16px;display:flex}.changes-diagrams{flex-wrap:wrap;justify-content:center;gap:clamp(16px,6vw,56px);display:flex}.changes-chord{border-radius:var(--radius);cursor:pointer;transition:border-color .12s var(--ease), background .12s var(--ease), opacity .12s var(--ease), box-shadow .12s var(--ease);background:0 0;border:2px solid #0000;padding:8px}.changes-chord:hover{background:var(--accent-tint)}.changes-chord.is-target{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 4px var(--accent-tint), 0 0 24px var(--accent-ring)}.changes-chord.is-holding{opacity:.55}.changes-board{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:96px;display:flex}.changes-big{letter-spacing:-.04em;font-variant-numeric:tabular-nums;background:var(--accent-grad);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(56px,12vw,88px);font-weight:800;line-height:1}.changes-clock{color:var(--text-muted);font-variant-numeric:tabular-nums;font-weight:600}.changes-record{border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent-text);align-items:center;gap:6px;padding:4px 12px;font-weight:700;display:inline-flex}.changes-tap{border-radius:var(--radius-lg,var(--radius));background:var(--accent-grad);width:min(100%,420px);min-height:132px;color:var(--on-accent);box-shadow:var(--shadow-accent), inset 0 1px 0 #ffffff4d;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:transform 60ms var(--ease);border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:30px;font-weight:800;display:flex}.changes-tap small{opacity:.85;font-size:13px;font-weight:600}.changes-tap:active{transform:scale(.97)}.changes-actions{justify-content:center}.changes-history h2{margin:0 0 12px;font-size:17px}.changes-bars{direction:ltr;align-items:flex-end;gap:8px;block-size:140px;margin:0;padding:0;list-style:none;display:flex}.changes-bars li{max-width:48px;flex-direction:column;flex:1 1 0;justify-content:flex-end;align-items:center;gap:4px;block-size:100%;display:flex}.changes-bar{background:linear-gradient(180deg, var(--accent-line), var(--accent-tint));border-radius:6px 6px 2px 2px;inline-size:100%}.changes-bar[data-best]{background:var(--accent-grad);box-shadow:0 0 14px var(--accent-ring)}.changes-bars b{font-variant-numeric:tabular-nums;color:var(--text-muted);font-size:12px}.changes-note{color:var(--text-muted);margin:10px 0 0;font-size:13px}@media (prefers-reduced-motion:reduce){.changes-chord,.changes-tap{transition:none}}:root{--me-glass:#ffffffa8;--me-glass-strong:#ffffffdb;--me-glow-a:oklch(85% .09 292/.5);--me-glow-b:oklch(86% .09 345/.34);--me-gold:oklch(72% .14 75)}:root[data-theme=dark]{--me-glass:#15151c99;--me-glass-strong:#15151cdb;--me-glow-a:oklch(42% .16 292/.34);--me-glow-b:oklch(42% .16 345/.22)}.me-full{width:min(var(--content-w), 100%);padding:20px var(--gutter) 60px;animation:rise .45s var(--ease) both;flex-direction:column;gap:18px;margin:0 auto;display:flex}.me-hero{border-radius:var(--radius-xl);border:1px solid var(--line);background:radial-gradient(80% 140% at 100% 0%, oklch(70% .18 292/.14), transparent 60%), radial-gradient(60% 120% at 0% 100%, oklch(75% .16 345/.1), transparent 60%), var(--surface);box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:26px 28px;display:flex;position:relative;overflow:hidden}.me-identity{align-items:center;gap:18px;min-width:0;display:flex}.me-avatar{border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.me-avatar:after{content:"";background:conic-gradient(from var(--stage-angle,0deg), transparent 0 55%, var(--brand-2), var(--brand-3), transparent 95%);-webkit-mask-composite:xor;pointer-events:none;border-radius:50%;padding:1.5px;animation:6s linear infinite stage-spin;position:absolute;inset:-7px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.me-identity img,.me-avatar-placeholder{object-fit:cover;color:#fff;background:var(--brand-gradient);width:76px;height:76px;box-shadow:0 0 0 3px var(--surface), 0 0 0 4px color-mix(in srgb, var(--brand-1) 45%, transparent), 0 14px 36px -10px color-mix(in srgb, var(--brand-2) 70%, transparent), inset 0 1px 0 #ffffff59;border-radius:50%;flex:none;place-items:center;display:grid}.me-avatar-placeholder.is-small,.quick-head img{width:52px;height:52px;box-shadow:0 0 0 3px var(--surface-solid), 0 0 0 4px color-mix(in srgb, var(--brand-1) 45%, transparent), 0 10px 26px -8px color-mix(in srgb, var(--brand-2) 70%, transparent)}.me-eyebrow{letter-spacing:.02em;color:var(--accent-text);align-items:center;gap:6px;margin:0 0 4px;font-size:12.5px;font-weight:700;display:inline-flex}.me-hero h1{background:linear-gradient(100deg, var(--text) 35%, color-mix(in srgb, var(--brand-1) 70%, var(--text)));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(26px,4vw,36px);font-weight:800}.me-subtitle{color:var(--text-muted);max-width:60ch;margin:6px 0 0;font-size:14px;line-height:1.6}.me-hero-actions{flex-wrap:wrap;gap:8px;display:flex}.me-hero-actions .secondary-button{border-radius:var(--radius-pill);border-color:var(--line);background:color-mix(in srgb, var(--surface) 72%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:40px;color:var(--text-soft);box-shadow:none;transition:border-color .18s var(--ease), transform .18s var(--ease), box-shadow .18s var(--ease), color .18s var(--ease);padding:0 16px;font-size:13.5px}.me-hero-actions .secondary-button svg{color:var(--accent)}.me-hero-actions .secondary-button:hover:not(:disabled){border-color:var(--line-strong);background:color-mix(in srgb, var(--surface) 72%, transparent);color:var(--text);box-shadow:var(--shadow-xs);transform:translateY(-1px)}.me-hero-actions .me-credits-button svg{color:var(--me-gold)}.me-hero-actions .primary-button{border-radius:var(--radius-pill);background:var(--brand-gradient);min-height:40px;box-shadow:0 10px 28px -10px color-mix(in srgb, var(--brand-2) 70%, transparent), inset 0 1px 0 #ffffff4d;color:#fff}.me-tiles{grid-column:auto}.me-tiles .stat-tile{isolation:isolate;border-color:var(--line);background:linear-gradient(90deg, transparent, oklch(.72 .18 var(--accent-hue) / .6), transparent) top / 100% 1px no-repeat, radial-gradient(90% 90% at 100% 0%, oklch(.66 .2 var(--accent-hue) / .18), transparent 62%), radial-gradient(70% 70% at 0% 110%, oklch(.66 .2 calc(var(--accent-hue) + 50) / .09), transparent 70%), var(--surface);box-shadow:var(--shadow-sm), 0 24px 50px -32px oklch(.55 .2 var(--accent-hue) / .55);transition:transform .25s var(--ease), box-shadow .25s var(--ease), border-color .2s var(--ease);gap:6px;padding:18px 18px 16px;position:relative;overflow:hidden}.me-tiles .stat-tile:hover{border-color:var(--accent-line);box-shadow:var(--shadow-md), 0 28px 56px -30px oklch(.55 .2 var(--accent-hue) / .7);transform:translateY(-2px)}.me-tiles .stat-tile-head{gap:10px;font-weight:600}.me-tiles .stat-tile-icon{background:var(--accent-grad);width:34px;height:34px;color:var(--on-accent);box-shadow:0 8px 18px -6px oklch(.6 .2 var(--accent-hue) / .7), inset 0 1px 0 #ffffff4d;border-radius:11px}.me-tiles .stat-tile-value{letter-spacing:-.035em;background:linear-gradient(120deg, oklch(.4 .17 var(--accent-hue)), oklch(.6 .21 calc(var(--accent-hue) + 40)));color:#0000;-webkit-background-clip:text;background-clip:text;margin-top:4px;font-size:clamp(30px,3.4vw,40px)}:root[data-theme=dark] .me-tiles .stat-tile-value{background:linear-gradient(120deg, oklch(.93 .06 var(--accent-hue)), oklch(.8 .15 calc(var(--accent-hue) + 40)));-webkit-background-clip:text;background-clip:text}.me-tiles .stat-tile-foot{font-size:12.5px}.me-full .me-tabs{border-radius:var(--radius-pill);border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 62%, transparent);-webkit-backdrop-filter:blur(10px)saturate(1.2);backdrop-filter:blur(10px)saturate(1.2);box-shadow:var(--shadow-xs), var(--inner-highlight);scrollbar-width:none;gap:2px;padding:4px;display:flex;position:relative;overflow-x:auto}.me-full .me-tabs::-webkit-scrollbar{display:none}.me-tabs-thumb{width:var(--tab-w,0px);transform:translateX(var(--tab-x,0px));border-radius:var(--radius-pill);background:var(--surface-solid);box-shadow:var(--shadow-sm), inset 0 0 0 1px var(--accent-line);transition:transform .32s var(--ease-spring), width .32s var(--ease-spring);pointer-events:none;position:absolute;top:4px;bottom:4px;left:0}.me-full .me-tabs .admin-tab{z-index:1;border-radius:var(--radius-pill);height:38px;color:var(--text-muted);box-shadow:none;transition:color .2s var(--ease);background:0 0;flex:none;padding:0 16px;font-size:13.5px;font-weight:650;position:relative}.me-full .me-tabs .admin-tab:hover{color:var(--text)}.me-full .me-tabs .admin-tab.active{color:var(--text);box-shadow:none;background:0 0}.me-full .me-tabs .admin-tab.active svg{color:var(--accent)}.me-full .me-tabs .admin-tab:focus-visible{outline:2px solid var(--accent-line);outline-offset:-2px}.me-gallery{flex-direction:column;gap:14px;display:flex}.me-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.me-toolbar .me-search{border-radius:var(--radius-pill);border-color:var(--line);background:color-mix(in srgb, var(--surface) 72%, transparent);-webkit-backdrop-filter:blur(10px)saturate(1.2);backdrop-filter:blur(10px)saturate(1.2);height:46px;box-shadow:var(--shadow-xs), var(--inner-highlight);flex:260px}.me-toolbar .me-search>svg{color:var(--accent)}.me-toolbar .me-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-ring), var(--inner-highlight)}.me-kbd{background:var(--me-glass-strong);font-size:10.5px}.me-sort{color:var(--text-muted);align-items:center;gap:8px;font-size:13px;display:flex}.me-sort-field{align-items:center;display:inline-flex;position:relative}.me-sort select{appearance:none;border-radius:var(--radius-pill);border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 72%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:40px;color:var(--text-soft);transition:border-color .18s var(--ease), color .18s var(--ease);padding-inline:14px 34px;font-size:13px;font-weight:600}.me-sort select:hover{border-color:var(--line-strong);color:var(--text)}.me-sort select:focus-visible{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-ring);outline:none}.me-sort-chevron{color:var(--text-muted);pointer-events:none;position:absolute;inset-inline-end:12px}.me-view{border-radius:var(--radius-pill);border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 62%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);gap:2px;padding:3px;display:inline-flex}.me-view .icon-button{border-radius:var(--radius-pill);width:40px;height:34px;color:var(--text-muted);background:0 0;border:0}.me-view .icon-button:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.me-view .icon-button.is-current{background:var(--surface-solid);color:var(--accent-text);box-shadow:var(--shadow-sm), inset 0 0 0 1px var(--accent-line)}.me-kinds{flex-wrap:wrap;gap:6px;display:flex}.me-kinds .chip-toggle{border-color:var(--line);background:color-mix(in srgb, var(--surface) 72%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:36px;color:var(--text-soft);box-shadow:none;padding:0 12px}.me-kinds .chip-toggle:hover:not(:disabled){border-color:var(--accent-line);background:var(--accent-tint);color:var(--text)}.me-kinds .chip-toggle b{border-radius:var(--radius-pill);background:var(--surface-sunken);font-variant-numeric:tabular-nums;text-align:center;min-width:20px;transition:background .18s var(--ease);padding:0 6px;font-size:11px}.me-kinds .chip-toggle svg{color:var(--accent)}.me-kinds .chip-toggle.active{background:var(--accent-grad);color:var(--on-accent);box-shadow:0 8px 18px -8px oklch(.55 .2 var(--accent-hue) / .75), inset 0 1px 0 #ffffff40;border-color:#0000}.me-kinds .chip-toggle.active b{background:#ffffff47}.me-kinds .chip-toggle.active svg{color:var(--on-accent)}.me-tags-row{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.me-tag{border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--surface-sunken);color:var(--text-soft);cursor:pointer;transition:border-color .16s var(--ease), background .16s var(--ease), color .16s var(--ease);align-items:center;gap:5px;padding:5px 11px;font-size:12.5px;font-weight:600;display:inline-flex}.me-tag small{color:var(--text-muted);font-variant-numeric:tabular-nums}.me-tag:hover{border-color:var(--accent-line);background:var(--accent-tint);color:var(--text)}.me-tag.is-active{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent-text)}.me-tag.is-active small{color:var(--accent-text);opacity:.75}.me-tag.is-small{padding:2px 8px;font-size:11.5px}.me-bulk{border-radius:var(--radius);border:1px solid var(--accent-line);background:linear-gradient(90deg, transparent, oklch(.72 .18 var(--accent-hue) / .6), transparent) top / 100% 1px no-repeat, radial-gradient(60% 100% at 0% 0%, var(--accent-tint), transparent 60%), color-mix(in srgb, var(--surface) 80%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:pop-in .22s var(--ease) both;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;font-size:13.5px;display:flex}.me-bulk b{font-variant-numeric:tabular-nums;color:var(--accent-text)}.me-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.me-tile{border-radius:var(--radius-lg);border:1px solid var(--line);background:linear-gradient(90deg, transparent, oklch(.72 .18 var(--accent-hue) / .55), transparent) top / 100% 1px no-repeat, radial-gradient(100% 60% at 100% 0%, oklch(.66 .2 var(--accent-hue) / .12), transparent 62%), var(--surface);box-shadow:var(--shadow-xs);transition:border-color .2s var(--ease), transform .25s var(--ease), box-shadow .25s var(--ease);flex-direction:column;display:flex;position:relative;overflow:hidden}.me-tile:hover{border-color:var(--accent-line);box-shadow:var(--shadow-md), 0 24px 48px -28px oklch(.55 .2 var(--accent-hue) / .6);transform:translateY(-3px)}.me-tile.is-playing{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring), var(--shadow-sm)}.me-tile.is-chosen{border-color:var(--accent);background:linear-gradient(90deg, transparent, oklch(.72 .18 var(--accent-hue) / .7), transparent) top / 100% 1px no-repeat, radial-gradient(100% 60% at 100% 0%, oklch(.66 .2 var(--accent-hue) / .18), transparent 62%), color-mix(in srgb, var(--accent-tint), var(--surface))}.me-tile-check{top:10px;z-index:2;border:1px solid var(--line);background:var(--me-glass-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:32px;height:32px;color:var(--accent-text);box-shadow:var(--shadow-xs);cursor:pointer;border-radius:10px;place-items:center;display:grid;position:absolute;inset-inline-start:10px}.me-tile-thumb{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block;position:relative}.me-tile-thumb .work-thumb{width:100%;height:auto;display:block}.me-tile-thumb:after{content:"";background:linear-gradient(90deg, transparent, oklch(.7 .18 var(--accent-hue) / .35), transparent);pointer-events:none;height:1px;position:absolute;inset:auto 0 0}.me-tile-zoom{bottom:8px;border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--me-glass-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:30px;height:30px;color:var(--text-soft);opacity:0;box-shadow:var(--shadow-sm);transition:opacity .16s var(--ease), transform .2s var(--ease-spring);place-items:center;display:grid;position:absolute;inset-inline-end:8px;transform:scale(.9)}.me-tile-thumb:hover .me-tile-zoom,.me-tile-thumb:focus-visible .me-tile-zoom{opacity:1;transform:none}.me-tile-body{flex-direction:column;gap:5px;min-width:0;padding:12px 14px 8px;display:flex}.me-tile-title{text-align:start;letter-spacing:-.01em;color:var(--text);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;transition:color .16s var(--ease);background:0 0;border:0;padding:0;font-size:15px;font-weight:700;overflow:hidden}.me-tile-title:hover{color:var(--accent-text)}.me-tile-meta,.me-tile-flags{color:var(--text-muted);flex-wrap:wrap;gap:4px 10px;margin:0;font-size:12px;display:flex}.me-tile-flags:empty{display:none}.me-kind{color:var(--accent-text);font-weight:700}.me-badge{border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--surface-sunken);align-items:center;gap:5px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.me-badge.is-file{border-color:color-mix(in srgb, var(--mint) 35%, transparent);background:color-mix(in srgb, var(--mint) 10%, transparent);color:var(--mint)}.me-badge.is-cloud{border-color:var(--accent-line);color:var(--accent-text);background:var(--accent-tint)}.me-badge.is-local{border-color:color-mix(in srgb, var(--warning) 35%, transparent);background:var(--warning-soft);color:var(--warning)}.me-player{width:100%;margin-top:6px}.me-tile-actions{flex-wrap:wrap;gap:2px;margin-top:auto;padding:4px 8px 8px;display:flex}.me-tile-actions .icon-button{background:0 0;border-color:#0000;border-radius:10px;width:34px;height:34px}.me-tile-actions .icon-button:hover:not(:disabled){border-color:var(--accent-line);background:var(--accent-tint);color:var(--accent-text)}.me-grid.is-list{grid-template-columns:1fr;gap:8px}.me-grid.is-list .me-tile{border-radius:var(--radius);flex-direction:row;align-items:center;padding-inline-start:8px}.me-grid.is-list .me-tile:hover{box-shadow:var(--shadow-sm);transform:none}.me-grid.is-list .me-tile-thumb{flex:none;width:112px;margin-block:8px}.me-grid.is-list .me-tile-thumb .work-thumb{border-radius:10px}.me-grid.is-list .me-tile-thumb:after{display:none}.me-grid.is-list .me-tile-zoom{bottom:6px;width:26px;height:26px;inset-inline-end:6px}.me-grid.is-list .me-tile-body{flex:1;padding:10px 12px}.me-grid.is-list .me-tile-actions{justify-content:flex-end;max-width:260px;margin:0;padding:0 8px}.me-grid.is-list .me-tile-check{margin-inline-start:4px;position:static}.me-rename{align-items:center;gap:6px;display:flex}.me-rename input{border-radius:var(--radius-sm);border:1px solid var(--accent);background:var(--surface-solid);min-width:0;color:var(--text);flex:1;padding:8px 11px;font-size:14px;font-weight:600}.me-rename input:focus-visible{box-shadow:0 0 0 4px var(--accent-ring);outline:none}.me-rename .icon-button{width:34px;height:34px}.me-empty{isolation:isolate;text-align:center;border-radius:var(--radius-xl);border:1px solid var(--line);background:linear-gradient(90deg, transparent, oklch(.72 .18 var(--accent-hue) / .6), transparent) top / 100% 1px no-repeat, radial-gradient(50% 60% at 50% 0%, oklch(.7 .2 var(--accent-hue) / .18), transparent 70%), radial-gradient(50% 50% at 50% 115%, oklch(.7 .2 calc(var(--accent-hue) + 50) / .12), transparent 70%), color-mix(in srgb, var(--surface) 70%, transparent);-webkit-backdrop-filter:blur(12px)saturate(1.2);backdrop-filter:blur(12px)saturate(1.2);box-shadow:var(--shadow-sm), 0 36px 80px -48px oklch(.55 .2 var(--accent-hue) / .6);flex-direction:column;align-items:center;gap:10px;padding:48px 24px 40px;display:flex;position:relative;overflow:hidden}.me-empty:before{content:"";z-index:-1;inset-inline:-40%;background-image:linear-gradient(to right, oklch(.7 .16 var(--accent-hue) / .12) 1px, transparent 1px), linear-gradient(to bottom, oklch(.7 .16 var(--accent-hue) / .12) 1px, transparent 1px);transform-origin:50% 0;pointer-events:none;background-size:44px 44px;height:80%;position:absolute;bottom:-40%;transform:perspective(300px)rotateX(64deg);-webkit-mask-image:linear-gradient(#0000,#000 45%,#0000);mask-image:linear-gradient(#0000,#000 45%,#0000)}.me-empty .tool-intro-icon{margin-bottom:8px}.me-empty strong{letter-spacing:-.02em;font-size:18px}.me-empty p{max-width:46ch;color:var(--text-muted);margin:0;font-size:14px;line-height:1.6}.me-empty .secondary-button{border-radius:var(--radius-pill);border-color:var(--line);background:var(--me-glass-strong);min-height:42px;box-shadow:var(--shadow-sm);margin-top:8px;padding:0 20px}.me-empty .secondary-button svg{color:var(--accent)}.empty-history{text-align:center;color:var(--text-muted);padding:26px 14px;font-size:13.5px;line-height:1.6}.work-thumb{aspect-ratio:160/96;background:radial-gradient(80% 90% at 85% 0%, oklch(.7 .2 var(--accent-hue) / .28), transparent 62%), radial-gradient(60% 70% at 10% 100%, oklch(.7 .2 calc(var(--accent-hue) + 50) / .14), transparent 65%), oklch(.6 .18 var(--accent-hue) / .06);width:100%;display:block}:root[data-theme=dark] .work-thumb{background:radial-gradient(80% 90% at 85% 0%, oklch(.6 .18 var(--accent-hue) / .4), transparent 62%), radial-gradient(60% 70% at 10% 100%, oklch(.6 .18 calc(var(--accent-hue) + 50) / .2), transparent 65%), oklch(.5 .12 var(--accent-hue) / .14)}.work-thumb.is-tiny{width:64px;box-shadow:inset 0 0 0 1px oklch(.6 .18 var(--accent-hue) / .2);border-radius:10px;flex:none}.work-thumb.is-large{border-radius:var(--radius-sm);width:100%;max-width:480px}.thumb-bg{fill:oklch(.6 .18 var(--accent-hue) / .04)}:root[data-theme=dark] .thumb-bg{fill:oklch(.5 .12 var(--accent-hue) / .1)}.thumb-note,.thumb-block,.thumb-bar,.thumb-line{fill:oklch(.6 .18 var(--accent-hue))}:root[data-theme=dark] .thumb-note,:root[data-theme=dark] .thumb-block,:root[data-theme=dark] .thumb-bar,:root[data-theme=dark] .thumb-line{fill:oklch(.8 .14 var(--accent-hue))}.thumb-block{opacity:.85}.thumb-line{opacity:.6}.thumb-ring{fill:none;stroke:oklch(.6 .16 var(--accent-hue) / .22);stroke-width:7px}.thumb-arc{fill:none;stroke:oklch(.65 .18 var(--accent-hue));stroke-width:7px;stroke-linecap:round}.thumb-big{fill:var(--text);font-size:18px;font-weight:700}.thumb-huge{fill:var(--text);letter-spacing:-1px;font-size:30px;font-weight:800}.thumb-label{fill:var(--text-soft);font-size:10px}.me-panel{border-radius:var(--radius-lg);border:1px solid var(--line);background:linear-gradient(90deg, transparent, oklch(.72 .18 var(--accent-hue) / .55), transparent) top / 100% 1px no-repeat, radial-gradient(90% 70% at 100% 0%, var(--accent-tint), transparent 60%), var(--surface);box-shadow:var(--shadow-sm);padding:18px 20px 20px}.me-panel.is-wide{grid-column:1/-1}.me-panel-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:14px;display:flex}.me-panel-head h2{align-items:center;gap:10px;margin:0;font-size:16.5px;display:flex}.me-panel-head h2 svg{box-sizing:border-box;background:var(--accent-grad);width:32px;height:32px;color:var(--on-accent);box-shadow:0 6px 16px -6px oklch(.6 .2 var(--accent-hue) / .7), inset 0 1px 0 #ffffff4d;border-radius:10px;flex:none;padding:7px}.me-panel-head p{color:var(--text-muted);margin:4px 0 0;font-size:12.5px;line-height:1.5}.me-card-actions{flex-direction:column;gap:8px;margin-top:12px;display:flex}.me-name-field{gap:8px;display:flex}.me-name-field input{flex:1;min-width:0}.me-confirm-word{color:var(--text-soft);flex-direction:column;gap:6px;margin:12px 0;font-size:13.5px;display:flex}.me-confirm-word input{max-width:200px}.me-admin-card{border-color:var(--accent-line);background:linear-gradient(90deg, transparent, oklch(.72 .18 var(--accent-hue) / .8), transparent) top / 100% 1px no-repeat, radial-gradient(100% 140% at 100% 0%, oklch(.66 .2 var(--accent-hue) / .16), transparent 70%), var(--surface)}.me-panel.is-danger{border-color:color-mix(in srgb, var(--danger) 40%, var(--line));background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--danger) 70%, transparent), transparent) top / 100% 1px no-repeat, radial-gradient(90% 70% at 100% 0%, var(--danger-soft), transparent 60%), var(--surface)}.me-panel.is-danger .me-panel-head h2 svg{color:#fff;box-shadow:0 6px 16px -6px color-mix(in srgb, var(--danger) 70%, transparent), inset 0 1px 0 #ffffff4d;background:linear-gradient(135deg,oklch(66% .2 20),oklch(58% .22 350))}.trash-list,.links-list{margin:0;padding:0;list-style:none}.trash-list li,.links-list li{border-radius:var(--radius-sm);border-bottom:1px solid var(--line);transition:background .16s var(--ease);flex-wrap:wrap;align-items:center;gap:12px;padding:10px 8px;display:flex}.trash-list li:hover,.links-list li:hover{background:var(--surface-hover)}.trash-list li:last-child,.links-list li:last-child{border-bottom:0}.trash-text,.links-text{flex-direction:column;flex:200px;gap:2px;min-width:0;display:flex}.trash-text b,.links-text b{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.trash-text small,.links-text small{color:var(--text-muted);font-size:12px}.links-list li.is-dead{opacity:.55}.links-views{border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--surface-sunken);color:var(--text-soft);font-variant-numeric:tabular-nums;unicode-bidi:plaintext;align-items:center;gap:5px;padding:3px 10px;font-size:12.5px;font-weight:600;display:inline-flex}.links-views svg{color:var(--accent)}.links-expiry{border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--surface);height:36px;color:var(--text-soft);padding:0 12px;font-size:13px;font-weight:600}.account-overlay{z-index:100;-webkit-backdrop-filter:blur(5px);animation:fade .25s var(--ease);background:#06060c80;justify-content:flex-end;display:flex;position:fixed;inset:0}.account-drawer{background:radial-gradient(120% 36% at 100% 0%, var(--me-glow-a), transparent 62%), radial-gradient(90% 30% at 0% 8%, var(--me-glow-b), transparent 60%), var(--surface-solid);border-inline-start:1px solid var(--line);width:min(880px,100%);height:100%;box-shadow:var(--shadow-lg);overscroll-behavior:contain;animation:drawer-in .35s var(--ease);padding:26px 24px 30px;position:relative;overflow-y:auto}@keyframes drawer-in{0%{transform:translate(-100%)}to{transform:none}}.account-drawer-close{top:18px;z-index:2;position:absolute;inset-inline-end:18px}.account-drawer.is-quick{flex-direction:column;gap:14px;width:min(420px,100%);display:flex}.quick-head{z-index:3;border-bottom:1px solid var(--line);background:var(--me-glass);-webkit-backdrop-filter:blur(14px)saturate(1.3);backdrop-filter:blur(14px)saturate(1.3);align-items:center;gap:14px;margin:-26px -24px 0;padding:20px 24px 14px;padding-inline-end:66px;display:flex;position:sticky;top:0}.quick-head .account-drawer-close{top:24px;inset-inline-end:20px}.quick-head img{object-fit:cover;border-radius:50%;flex:none}.quick-head h2{background:linear-gradient(100deg, var(--text) 35%, color-mix(in srgb, var(--brand-1) 70%, var(--text)));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:20px}.quick-head .me-subtitle{margin-top:3px;font-size:13px}.quick-head .me-eyebrow{margin-bottom:2px;font-size:12px}.quick-figures{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.quick-figures div{border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(90deg, transparent, oklch(.72 .18 var(--accent-hue) / .55), transparent) top / 100% 1px no-repeat, radial-gradient(100% 80% at 100% 0%, oklch(.66 .2 var(--accent-hue) / .14), transparent 65%), var(--me-glass-strong);box-shadow:var(--shadow-xs);text-align:center;flex-direction:column;align-items:center;gap:4px;padding:12px 6px 11px;display:flex}.quick-figures svg{box-sizing:border-box;background:var(--accent-grad);width:28px;height:28px;color:var(--on-accent);box-shadow:0 6px 14px -6px oklch(.6 .2 var(--accent-hue) / .7), inset 0 1px 0 #ffffff4d;border-radius:9px;padding:6px}.quick-figures b{letter-spacing:-.03em;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(120deg, oklch(.4 .17 var(--accent-hue)), oklch(.6 .21 calc(var(--accent-hue) + 40)));color:#0000;-webkit-background-clip:text;background-clip:text;max-width:100%;font-size:19px;font-weight:800;overflow:hidden}:root[data-theme=dark] .quick-figures b{background:linear-gradient(120deg, oklch(.93 .06 var(--accent-hue)), oklch(.8 .15 calc(var(--accent-hue) + 40)));-webkit-background-clip:text;background-clip:text}.quick-figures span{color:var(--text-muted);font-size:11.5px}.account-drawer .quick-credits{border-radius:var(--radius);border-color:color-mix(in srgb, var(--me-gold) 35%, transparent);background:linear-gradient(90deg, transparent, oklch(80% .15 80/.7), transparent) top / 100% 1px no-repeat, radial-gradient(80% 100% at 100% 0%, oklch(85% .12 85/.2), transparent 60%), var(--me-glass-strong);box-shadow:var(--shadow-xs);transition:border-color .18s var(--ease), transform .18s var(--ease), box-shadow .18s var(--ease);padding:10px 12px}.account-drawer .quick-credits:hover{border-color:var(--me-gold);background:linear-gradient(90deg, transparent, oklch(80% .15 80/.9), transparent) top / 100% 1px no-repeat, radial-gradient(80% 100% at 100% 0%, oklch(85% .12 85/.3), transparent 60%), var(--me-glass-strong);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.account-drawer .quick-credits>svg{color:var(--text-muted)}.quick-open{border-radius:var(--radius-pill);background:var(--accent-grad);width:100%;min-height:44px;box-shadow:var(--shadow-accent), inset 0 1px 0 #ffffff47}.account-drawer .quick-search{border-radius:var(--radius-pill);border-color:var(--line);background:var(--me-glass-strong);height:44px;box-shadow:var(--shadow-xs), var(--inner-highlight);flex:none}.account-drawer .quick-search>svg{color:var(--accent)}.account-drawer .quick-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-ring)}.quick-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.quick-item{border-radius:var(--radius-sm);width:100%;color:var(--text);text-align:start;cursor:pointer;transition:border-color .16s var(--ease), background .16s var(--ease), transform .16s var(--ease);background:0 0;border:1px solid #0000;align-items:center;gap:12px;padding:7px;display:flex}.quick-item:hover{border-color:var(--line);background:var(--me-glass-strong);box-shadow:var(--shadow-xs)}.quick-item-text{flex-direction:column;gap:2px;min-width:0;display:flex}.quick-item-text b{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.quick-item-text small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.quick-empty{border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(90deg, transparent, oklch(.72 .18 var(--accent-hue) / .5), transparent) top / 100% 1px no-repeat, radial-gradient(70% 100% at 100% 0%, var(--accent-tint), transparent 60%), var(--me-glass-strong);box-shadow:var(--shadow-xs);align-items:center;gap:12px;padding:12px 14px;display:flex}.quick-empty-icon{background:var(--accent-grad);width:38px;height:38px;color:var(--on-accent);box-shadow:0 8px 18px -6px oklch(.6 .2 var(--accent-hue) / .7), inset 0 1px 0 #ffffff4d;border-radius:12px;flex:none;place-items:center;display:grid}.quick-empty .empty-history{text-align:start;padding:0;font-size:13px}.quick-foot{flex-direction:column;gap:8px;margin-top:auto;padding-top:8px;display:flex}.quick-foot .secondary-button{border-radius:var(--radius-pill);border-color:var(--line);background:var(--me-glass-strong)}.quick-foot .secondary-button svg{color:var(--accent)}.account-message{color:var(--accent-text);margin:0;font-size:13px}@media (width<=720px){.me-full{gap:14px;padding:14px 14px 60px}.me-hero{padding:20px 18px}.me-identity img,.me-avatar-placeholder{width:58px;height:58px}.me-avatar:after{inset:-6px}.me-hero-actions{width:100%}.admin-tiles.me-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.me-tiles .stat-tile{padding:14px 14px 12px}.me-tiles .stat-tile-value{font-size:28px}.me-full .me-tabs .admin-tab{padding:0 13px;font-size:13px}.me-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.me-grid.is-list .me-tile-thumb{width:84px}.me-grid.is-list .me-tile-actions{max-width:none}.me-tile-actions .icon-button{width:34px;height:34px}.me-empty{border-radius:var(--radius-lg);padding:36px 18px 30px}.account-drawer{padding:20px 16px 28px}.quick-head{padding:16px 16px 12px;margin:-20px -16px 0;padding-inline-end:60px}.quick-head .account-drawer-close{top:18px;inset-inline-end:14px}}@media (prefers-reduced-motion:reduce){.me-tile:hover,.me-tiles .stat-tile:hover,.me-hero-actions .secondary-button:hover:not(:disabled),.account-drawer .quick-credits:hover{transform:none}.me-avatar:after{animation:none}.me-tabs-thumb,.me-tile-zoom{transition:none}.account-overlay,.account-drawer,.me-bulk{animation:none}}.chart{position:relative}.chart svg{display:block;overflow:visible}.chart-grid{stroke:var(--line);stroke-width:1px}.chart-axis{stroke:var(--line-strong);stroke-width:1px}.chart-tick{fill:var(--text-muted);font-variant-numeric:tabular-nums;font-size:11px}.chart-bar{fill:var(--accent);opacity:.72;transition:opacity .15s var(--ease)}.chart-bar.is-hover{opacity:1}.chart-readout{min-height:20px;color:var(--text-soft);margin:8px 0 0;font-size:13.5px}.chart-readout b{color:var(--text);font-size:15px}.chart-readout-idle{color:var(--text-muted)}.sparkline{display:block;overflow:visible}.sparkline-line{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.sparkline-dot{fill:var(--accent);stroke:var(--surface-solid);stroke-width:2px}.bar-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.bar-list-row{border-radius:var(--radius-sm);width:100%;text-align:inherit;color:inherit;background:0 0;border:0;grid-template-columns:minmax(120px,1.1fr) minmax(60px,1.6fr) auto;align-items:center;gap:12px;padding:7px 8px;display:grid}.bar-list-row.is-button{cursor:pointer}.bar-list-row.is-button:hover{background:var(--accent-tint)}.bar-list-row.is-button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.bar-list-name{align-items:center;gap:7px;min-width:0;font-size:14px;display:inline-flex}.bar-list-text{flex-direction:column;min-width:0;line-height:1.35;display:flex}.bar-list-text>span,.bar-list-text small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bar-list-text small{color:var(--text-muted);font-size:11.5px}.bar-list-track{border-radius:var(--radius-pill);background:var(--surface-3);height:10px;display:block;overflow:hidden}.bar-list-fill{width:var(--fill);border-radius:var(--radius-pill);background:var(--accent-grad);height:100%;box-shadow:0 0 10px oklch(.65 .2 var(--accent-hue) / .3);display:block}.bar-list-value{font-variant-numeric:tabular-nums;font-size:14px}.bar-list-value small{color:var(--text-muted);font-weight:400}.heatmap{flex-direction:column;gap:3px;display:flex}.heatmap-hours{color:var(--text-muted);font-variant-numeric:tabular-nums;justify-content:space-between;padding-inline-start:46px;font-size:11px;display:flex}.heatmap-row{align-items:center;gap:8px;display:flex}.heatmap-day{width:38px;color:var(--text-muted);text-align:start;font-size:12px}.heatmap-cells{direction:rtl;flex:1;grid-template-columns:repeat(24,1fr);gap:2px;display:grid}.heatmap-cell{background:var(--surface-3);border-radius:4px;height:16px}.heatmap-cell.has-value{background:oklch(.6 .2 var(--accent-hue) / var(--weight))}:root[data-theme=dark] .heatmap-cell.has-value{background:oklch(.77 .15 var(--accent-hue) / var(--weight))}.heatmap-legend{color:var(--text-muted);align-items:center;gap:8px;margin:8px 0 0;font-size:11.5px;display:flex}.heatmap-ramp{border-radius:var(--radius-pill);background:linear-gradient(to left, oklch(.6 .2 var(--accent-hue) / .15), oklch(.6 .2 var(--accent-hue)));flex:0 0 90px;height:8px}.meter-stack{flex-direction:column;gap:14px;display:flex}.meter-head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:6px;display:flex}.meter-label{color:var(--text-soft);font-size:13.5px}.meter-value{font-variant-numeric:tabular-nums;unicode-bidi:plaintext;font-size:14px}.meter-value small{color:var(--text-muted);font-weight:400}.meter-track{border-radius:var(--radius-pill);background:var(--surface-3);height:10px;overflow:hidden}.meter-fill{width:var(--fill);border-radius:var(--radius-pill);background:var(--accent-grad);height:100%;display:block}.meter-track.is-high .meter-fill{background:var(--warning)}.meter-track.is-full .meter-fill{background:var(--danger)}.meter-note{color:var(--text-muted);margin:6px 0 0;font-size:12px}.funnel{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.funnel-head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:6px;font-size:14px;display:flex}.funnel-head b{font-variant-numeric:tabular-nums;unicode-bidi:plaintext}.funnel-head small{color:var(--text-muted);font-weight:400}.funnel-track{border-radius:var(--radius-xs);background:var(--surface-3);height:22px;overflow:hidden}.funnel-fill{width:var(--fill);border-radius:var(--radius-xs);background:var(--accent-grad);height:100%;display:block;box-shadow:inset 0 1px #ffffff40}.funnel-drop{color:var(--text-muted);margin:5px 0 0;font-size:12px}.split-track{border-radius:var(--radius-pill);background:var(--surface-3);height:14px;display:flex;overflow:hidden}.split-part{width:var(--share);height:100%;display:block}.split-part-1{background:var(--accent)}.split-part-2{background:oklch(.72 .08 var(--accent-hue))}:root[data-theme=dark] .split-part-2{background:oklch(.5 .08 var(--accent-hue))}.split-legend{flex-direction:column;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.split-legend li{grid-template-columns:auto 1fr auto auto;align-items:center;gap:8px;font-size:13.5px;display:grid}.split-legend b{font-variant-numeric:tabular-nums}.split-legend small{color:var(--text-muted);font-variant-numeric:tabular-nums}.split-dot{border-radius:3px;width:10px;height:10px}.stat-tile{border-radius:var(--radius-lg);border:1px solid var(--line);background:linear-gradient(90deg, transparent, oklch(.75 .16 var(--accent-hue) / .55), transparent) top / 100% 1px no-repeat, radial-gradient(120% 120% at 100% 0%, oklch(.65 .2 var(--accent-hue) / .14), transparent 62%), var(--surface);box-shadow:var(--shadow-xs);transition:transform .2s var(--ease), box-shadow .2s var(--ease), border-color .2s var(--ease);flex-direction:column;gap:4px;padding:16px;display:flex}.stat-tile:hover{box-shadow:var(--shadow-sm);border-color:var(--line-strong);transform:translateY(-2px)}.stat-tile-head{color:var(--text-soft);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.stat-tile-icon{background:var(--accent-grad);width:28px;height:28px;color:var(--on-accent);box-shadow:inset 0 1px 0 #ffffff59, 0 4px 12px oklch(.55 .2 var(--accent-hue) / .25);border-radius:9px;place-items:center;display:inline-grid}.stat-tile-value{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(24px,3vw,30px);font-weight:800;line-height:1.15}.stat-tile-foot{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:12.5px;display:flex}.stat-trend{font-variant-numeric:tabular-nums;align-items:center;gap:3px;font-weight:600;display:inline-flex}.stat-trend.is-up{color:var(--success)}.stat-trend.is-down{color:var(--danger)}.stat-trend.is-flat{color:var(--text-muted)}.stat-tile .sparkline{align-self:flex-start;margin-top:6px}.tool-dot{background:var(--accent);width:9px;height:9px;box-shadow:0 0 6px oklch(.7 .18 var(--accent-hue) / .5);border-radius:50%;flex:none}@media (prefers-reduced-motion:reduce){.chart-bar,.stat-tile{transition:none}.stat-tile:hover{transform:none}}.admin-page{width:min(var(--content-w), 100%);padding:20px var(--gutter) 60px;background:radial-gradient(60% 420px at 85% -80px, oklch(.62 .2 var(--accent-hue) / .14), transparent 70%), radial-gradient(50% 380px at 10% -60px, oklch(.62 .2 calc(var(--accent-hue) + 50) / .1), transparent 70%);animation:rise .45s var(--ease) both;background-repeat:no-repeat;flex-direction:column;gap:16px;margin:0 auto;display:flex}.admin-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;padding-top:6px;display:flex}.admin-eyebrow{letter-spacing:.02em;color:var(--accent-text);align-items:center;gap:6px;margin:0 0 8px;font-size:12.5px;font-weight:700;display:inline-flex}.admin-eyebrow svg{color:var(--accent)}.admin-head h1{letter-spacing:-.03em;background:linear-gradient(100deg, var(--text) 35%, color-mix(in srgb, var(--accent) 75%, var(--text)));color:#0000;-webkit-background-clip:text;background-clip:text;width:fit-content;margin:0;font-size:clamp(26px,3.6vw,36px);font-weight:800}.admin-subtitle{color:var(--text-muted);margin:6px 0 0;font-size:14px}.admin-head-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.admin-range{border-radius:var(--radius-pill);border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 72%, transparent);-webkit-backdrop-filter:blur(10px);gap:3px;padding:3px;display:inline-flex}.admin-range .chip-toggle{color:var(--text-muted);font-variant-numeric:tabular-nums;background:0 0;border-color:#0000;padding:6px 13px}.admin-range .chip-toggle:hover:not(:disabled){color:var(--text);background:var(--surface-hover);border-color:#0000}.admin-range .chip-toggle.active{background:var(--accent-grad);color:var(--on-accent);box-shadow:inset 0 1px 0 #ffffff4d, 0 6px 14px -6px oklch(.6 .2 var(--accent-hue) / .7);border-color:#0000}.admin-message{margin:0}.admin-privacy-note{border-radius:var(--radius-sm);border:1px solid var(--accent-line);background:linear-gradient(90deg, transparent, oklch(.72 .18 var(--accent-hue) / .55), transparent) top / 100% 1px no-repeat, radial-gradient(60% 120% at 100% 0%, var(--accent-tint), transparent 70%), color-mix(in srgb, var(--surface) 80%, transparent);-webkit-backdrop-filter:blur(10px);color:var(--text-soft);align-items:flex-start;gap:10px;margin:0;padding:12px 16px;font-size:13px;line-height:1.65;display:flex}.admin-privacy-note svg{color:var(--accent);flex:none;margin-top:2px}.admin-alert{border-radius:var(--radius-sm);border:1px solid var(--line);background:linear-gradient(90deg, transparent, oklch(.72 .18 var(--accent-hue) / .45), transparent) top / 100% 1px no-repeat, var(--surface);align-items:center;gap:8px;margin:0;padding:10px 14px;font-size:13.5px;display:flex}.admin-alert svg{flex:none}.admin-alert.is-bad{border-color:color-mix(in srgb, var(--danger) 45%, transparent);color:var(--danger);background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--danger) 55%, transparent), transparent) top / 100% 1px no-repeat, var(--danger-soft)}.admin-alert.is-warn{border-color:color-mix(in srgb, var(--warning) 50%, transparent);color:var(--warning);background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--warning) 55%, transparent), transparent) top / 100% 1px no-repeat, var(--warning-soft)}.admin-alert.is-info{color:var(--text-soft)}.admin-tabs{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 65%, transparent);-webkit-backdrop-filter:blur(10px);scrollbar-width:none;border-radius:14px;gap:3px;padding:4px;display:flex;position:relative;overflow-x:auto}.admin-tabs::-webkit-scrollbar{display:none}.admin-tabs-thumb{top:4px;bottom:4px;left:var(--thumb-x,0px);width:var(--thumb-w,0px);background:linear-gradient(90deg, transparent, oklch(.72 .18 var(--accent-hue) / .6), transparent) top / 100% 1px no-repeat, var(--surface-solid);box-shadow:var(--shadow-sm), inset 0 0 0 1px var(--accent-line);opacity:0;pointer-events:none;transition:left .32s var(--ease-spring), width .32s var(--ease-spring), opacity .2s var(--ease);border-radius:10px;position:absolute}.admin-tabs[data-thumb=on] .admin-tabs-thumb{opacity:1}.admin-tab{z-index:1;color:var(--text-muted);white-space:nowrap;cursor:pointer;transition:color .2s var(--ease), background .16s var(--ease);background:0 0;border:0;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:600;display:inline-flex;position:relative}.admin-tab:hover{color:var(--text)}.admin-tab.active{color:var(--accent-text)}.admin-tab.active svg{color:var(--accent)}.admin-tabs:not(.has-thumb) .admin-tab.active{background:var(--surface-solid);box-shadow:var(--shadow-sm), inset 0 0 0 1px var(--accent-line)}.admin-skeleton{border-radius:var(--radius-lg);border:1px solid var(--line);background:linear-gradient(90deg, transparent, oklch(.72 .18 var(--accent-hue) / .55), transparent) top / 100% 1px no-repeat, var(--surface);flex-direction:column;gap:12px;padding:26px;display:flex}.admin-skeleton-bar{background:linear-gradient(90deg, var(--surface-3), color-mix(in srgb, var(--accent) 14%, var(--surface-3)), var(--surface-3));background-size:300% 100%;border-radius:999px;height:14px;animation:1.5s linear infinite shimmer}.admin-skeleton-bar:nth-child(2){width:72%}.admin-skeleton-bar:nth-child(3){width:48%}.admin-skeleton p{color:var(--text-muted);margin:4px 0 0;font-size:13.5px}.admin-grid{grid-template-columns:repeat(auto-fit,minmax(330px,1fr));align-items:start;gap:16px;display:grid}.admin-tiles{grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;display:grid}.admin-card{border-radius:var(--radius-lg);border:1px solid var(--line);background:linear-gradient(90deg, transparent, oklch(.72 .18 var(--accent-hue) / .55), transparent) top / 100% 1px no-repeat, radial-gradient(90% 70% at 100% 0%, var(--accent-tint), transparent 60%), var(--surface);box-shadow:var(--shadow-xs);padding:18px 20px 20px}.admin-card.is-wide{grid-column:1/-1}.admin-card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.admin-card-title{align-items:center;gap:11px;min-width:0;display:flex}.admin-card-icon{background:var(--accent-grad);width:36px;height:36px;color:var(--on-accent);box-shadow:inset 0 1px 0 #ffffff4d, 0 6px 16px -6px oklch(.6 .2 var(--accent-hue) / .65);border-radius:11px;flex:none;place-items:center;display:inline-grid}.admin-card-head h2{margin:0;font-size:16.5px}.admin-card-title p{color:var(--text-muted);margin:2px 0 0;font-size:12.5px;line-height:1.5}.admin-card-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chip-row{flex-wrap:wrap;gap:6px;display:flex}.admin-chip{border-radius:var(--radius-pill);border:1px solid var(--accent-line);background:var(--accent-tint);color:var(--accent-text);padding:5px 11px;font-size:12.5px;font-weight:600}.admin-page .stat-tile{background:linear-gradient(90deg, transparent, oklch(.72 .18 var(--accent-hue) / .55), transparent) top / 100% 1px no-repeat, radial-gradient(120% 120% at 100% 0%, var(--accent-tint), transparent 62%), var(--surface)}.admin-page .stat-tile-icon{background:var(--accent-grad);color:var(--on-accent);box-shadow:inset 0 1px 0 #ffffff4d, 0 5px 12px -5px oklch(.6 .2 var(--accent-hue) / .65)}.admin-page .stat-tile-value{background:linear-gradient(120deg, var(--text) 30%, color-mix(in srgb, var(--accent) 80%, var(--text)));color:#0000;-webkit-background-clip:text;background-clip:text;width:fit-content}.admin-search{border-radius:var(--radius-pill);border:1px solid var(--line-strong);background:color-mix(in srgb, var(--surface-solid) 72%, transparent);height:40px;color:var(--text-muted);transition:border-color .18s var(--ease), box-shadow .18s var(--ease);flex:0 240px;align-items:center;gap:7px;padding:0 12px;display:inline-flex}.admin-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.admin-search input{min-width:0;color:var(--text);background:0 0;border:0;flex:1;font-size:14px}.admin-search input:focus{outline:none}.admin-empty{color:var(--text-muted);text-align:center;margin:0;padding:18px 4px;font-size:13.5px}.admin-foot-note{color:var(--text-muted);margin:12px 0 0;font-size:12.5px;line-height:1.65}.admin-muted{color:var(--text-muted)}.admin-facts{margin:0;padding:0;list-style:none}.admin-facts li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:12px;padding:10px 2px;font-size:14px;display:flex}.admin-facts li:last-child{border-bottom:0}.admin-facts span{color:var(--text-soft)}.admin-facts b{font-variant-numeric:tabular-nums;unicode-bidi:plaintext}.admin-facts small{color:var(--text-muted);unicode-bidi:plaintext;font-weight:400}.admin-table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:14px}.admin-table th,.admin-table td{text-align:start;border-bottom:1px solid var(--line);white-space:nowrap;font-variant-numeric:tabular-nums;padding:10px 12px}.admin-table thead th{color:var(--text-muted);letter-spacing:.02em;border-bottom-color:var(--line-strong);font-size:11.5px;font-weight:700}.admin-table tbody tr{transition:background .15s var(--ease)}.admin-table tbody tr:hover{background:var(--surface-hover)}.admin-table tbody tr.is-focus{background:var(--accent-tint)}.admin-table tbody th{font-weight:600}.tools-table .link-button{align-items:center;gap:8px;display:inline-flex}.rate{font-weight:600}.rate.is-good{color:var(--success)}.rate.is-ok{color:var(--text-soft)}.rate.is-low{color:var(--danger)}.failure-list{margin:0;padding:0;list-style:none}.failure-list li{border-bottom:1px solid var(--line);grid-template-columns:minmax(90px,auto) 1fr auto auto;align-items:center;gap:10px;padding:10px 2px;font-size:13.5px;display:grid}.failure-list li:last-child{border-bottom:0}.failure-tool{color:var(--text-soft);align-items:center;gap:7px;display:inline-flex}.failure-list code{color:var(--danger);text-overflow:ellipsis;white-space:nowrap;text-align:start;direction:ltr;font-size:12.5px;overflow:hidden}.failure-list b{font-variant-numeric:tabular-nums}.failure-list small{color:var(--text-muted)}.quiet-list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.quiet-list li{border-radius:var(--radius-pill);border:1px solid var(--line);background:color-mix(in srgb, var(--surface-solid) 60%, transparent);color:var(--text-soft);align-items:center;gap:7px;padding:6px 12px;font-size:13px;display:inline-flex}.tool-detail{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;display:grid}.control-row{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-bottom:18px;display:grid}.switch-row{cursor:pointer;align-items:flex-start;gap:10px;display:flex}.switch-row input{width:18px;height:18px;accent-color:var(--accent);cursor:pointer;margin-top:3px}.switch-row b{font-size:14.5px;display:block}.switch-row small{color:var(--text-muted);margin-top:3px;font-size:12.5px;line-height:1.6;display:block}.control-field{flex-direction:column;gap:7px;margin-bottom:18px;display:flex}.control-field>label,.control-label{color:var(--text-soft);align-items:center;gap:6px;font-size:13.5px;font-weight:600;display:inline-flex}.control-field>label svg,.control-label svg{color:var(--accent)}.control-input{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.control-input input,.control-input select{flex:200px;min-width:0}.control-input select{flex:none}.tool-switches{flex-wrap:wrap;gap:8px;margin:10px 0 0;padding:0;list-style:none;display:flex}.tool-switch{border-radius:var(--radius-pill);border:1px solid var(--line-strong);background:color-mix(in srgb, var(--surface-solid) 70%, transparent);color:var(--text);cursor:pointer;transition:border-color .16s var(--ease), opacity .16s var(--ease), transform .16s var(--ease), box-shadow .16s var(--ease);align-items:center;gap:8px;padding:7px 13px;font-size:13.5px;display:inline-flex}.tool-switch .tool-dot{box-shadow:0 0 0 3px var(--accent-ring)}.tool-switch small{color:var(--text-muted);font-size:11.5px}.tool-switch:hover:not(:disabled){border-color:var(--accent);box-shadow:var(--shadow-xs);transform:translateY(-1px)}.tool-switch.is-off{opacity:.6;text-decoration:line-through;-webkit-text-decoration-color:var(--text-muted);text-decoration-color:var(--text-muted);border-style:dashed}.tool-switch.is-off .tool-dot{background:var(--text-muted);box-shadow:none}.health-list{margin:0;padding:0;list-style:none}.health-list li{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:9px 2px;display:grid}.health-list li:last-child{border-bottom:0}.health-mark{border-radius:50%;place-items:center;width:28px;height:28px;display:inline-grid}.health-name b{font-size:14px;display:block}.health-name small{color:var(--text-muted);font-size:12px;display:block}.health-ms{color:var(--text-muted);font-variant-numeric:tabular-nums;unicode-bidi:plaintext;font-size:12px}.health-good .health-mark{color:var(--success);background:var(--success-soft)}.health-bad .health-mark{color:var(--danger);background:var(--danger-soft)}.health-off .health-mark{color:var(--text-muted);background:var(--surface-sunken)}.settings-table th[scope=row]{flex-direction:column;gap:3px;display:flex}.settings-table code{direction:ltr;font-size:12.5px}.settings-table .setting-hint{white-space:normal;max-width:44ch;color:var(--text-muted);font-size:12px;font-weight:400;line-height:1.5;display:block}.setting-preview{color:var(--text-muted);direction:ltr;unicode-bidi:isolate;font-size:11.5px;font-weight:400}.pill{border-radius:var(--radius-pill);padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.pill.is-on{background:var(--success-soft);color:var(--success);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--success) 30%, transparent)}.pill.is-off{background:var(--surface-sunken);color:var(--text-muted)}.row-actions{flex-wrap:wrap;align-items:center;gap:10px;display:inline-flex}.maintenance-row{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;display:flex}.maintenance-row:last-child{border-bottom:0}.maintenance-row b{font-size:14.5px}.maintenance-row .admin-foot-note{max-width:46ch;margin-top:4px}.audit-list{margin:0;padding:0;list-style:none}.audit-list li{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 2px;font-size:13.5px;display:grid}.audit-list li:last-child{border-bottom:0}.audit-when{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:12.5px}.audit-what{flex-wrap:wrap;align-items:baseline;gap:8px;min-width:0;display:inline-flex}.audit-what code{color:var(--text-muted);direction:ltr;font-size:12px}.audit-who{color:var(--text-muted);direction:ltr;unicode-bidi:isolate;font-size:12px}.admin-tab-count{border-radius:var(--radius-pill);background:var(--accent-grad);min-width:18px;height:18px;color:var(--on-accent);font-variant-numeric:tabular-nums;box-shadow:0 3px 8px -3px oklch(.6 .2 var(--accent-hue) / .7);place-items:center;padding:0 5px;font-size:11px;font-weight:700;display:inline-grid}.feedback-filter{color:var(--text-soft);cursor:pointer;align-items:center;gap:6px;font-size:13px;display:inline-flex}.feedback-filter input{accent-color:var(--accent)}.feedback-list{margin:0;padding:0;list-style:none}.feedback-list li{border-bottom:1px solid var(--line);flex-direction:column;gap:8px;padding:14px 2px;display:flex}.feedback-list li:last-child{border-bottom:0}.feedback-list li.is-handled{opacity:.6}.feedback-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:12.5px;display:flex}.feedback-kind{border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text-soft);box-shadow:inset 0 0 0 1px var(--line);padding:2px 9px;font-weight:700}.feedback-kind.is-problem{background:var(--danger-soft);color:var(--danger);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--danger) 30%, transparent)}.feedback-kind.is-idea{background:var(--accent-tint);color:var(--accent-text);box-shadow:inset 0 0 0 1px var(--accent-line)}.feedback-sender{color:var(--text-soft);flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:13px;display:flex}.feedback-sender>svg{color:var(--text-muted);flex:none}.feedback-sender.is-guest{color:var(--text-muted)}.feedback-sender-name{font:inherit;color:var(--text);cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.feedback-sender-name:hover{color:var(--accent-text);text-decoration:underline}.feedback-sender a{color:var(--accent-text)}.feedback-sender-count{border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text-muted);padding:1px 8px;font-size:12px}.feedback-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:1.6}.feedback-row-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.feedback-row-actions a{color:var(--accent-text);margin-inline-end:auto;font-size:13px}.feedback-row-actions>span{color:var(--text-soft);margin-inline-end:auto;font-size:13px}.admin-danger-button{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:color-mix(in srgb, var(--surface-solid) 70%, transparent);min-height:38px;color:var(--danger);cursor:pointer;transition:background .18s var(--ease), border-color .18s var(--ease), box-shadow .18s var(--ease);align-items:center;gap:6px;padding:0 13px;font-size:13.5px;font-weight:600;display:inline-flex}.admin-danger-button:hover:not(:disabled){background:var(--danger-soft);border-color:color-mix(in srgb, var(--danger) 40%, transparent)}.admin-danger-button.is-armed{background:var(--danger);border-color:var(--danger);color:#fff;box-shadow:0 8px 20px -8px color-mix(in srgb, var(--danger) 80%, transparent)}.admin-danger-button:disabled{opacity:.5;cursor:not-allowed}.admin-locked{justify-content:center;padding:60px 20px;display:flex}.admin-locked-card{isolation:isolate;text-align:center;border-radius:var(--radius-xl);border:1px solid var(--line-strong);background:linear-gradient(90deg, transparent, oklch(.75 .18 var(--accent-hue) / .65), transparent) top / 100% 1px no-repeat, radial-gradient(80% 60% at 100% 0%, oklch(.7 .2 var(--accent-hue) / .14), transparent 62%), radial-gradient(70% 55% at 0% 100%, oklch(.7 .2 calc(var(--accent-hue) + 50) / .1), transparent 62%), color-mix(in srgb, var(--surface) 86%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.4);max-width:460px;box-shadow:var(--shadow-lg), 0 30px 80px -40px oklch(.6 .22 var(--accent-hue) / .55);padding:40px 30px 32px;position:relative}.admin-locked-mark{color:#fff;width:58px;height:58px;box-shadow:0 0 0 6px color-mix(in srgb, var(--danger) 14%, transparent), 0 16px 40px -8px color-mix(in srgb, var(--danger) 70%, transparent), inset 0 1px 0 #ffffff4d;background:linear-gradient(135deg,oklch(68% .2 20),oklch(58% .22 355));border-radius:18px;place-items:center;display:inline-grid;position:relative}.admin-locked-mark:after{content:"";border:1px solid color-mix(in srgb, var(--danger) 45%, transparent);pointer-events:none;border-radius:26px;animation:2.8s ease-in-out infinite admin-halo;position:absolute;inset:-12px}@keyframes admin-halo{0%,to{opacity:.9;transform:scale(1)}50%{opacity:.15;transform:scale(1.14)}}.admin-locked-card h1{letter-spacing:-.025em;margin:16px 0 8px;font-size:25px}.admin-locked-card p{color:var(--text-soft);margin:0 0 20px;line-height:1.7}.admin-locked-card .primary-button{border-radius:var(--radius-pill);background:var(--accent-grad);width:auto;min-height:46px;padding:0 22px;font-size:15px}@media (width<=720px){.admin-page{padding:14px 14px 60px}.admin-head-actions{width:100%}.admin-card{padding:16px 14px 18px}.admin-locked{padding:32px 0}.admin-locked-card{padding:32px 20px 26px}.bar-list-row{grid-template-columns:minmax(104px,1fr) minmax(36px,.9fr) auto}.heatmap-day{width:30px}.audit-list li,.failure-list li{grid-template-columns:1fr auto}.audit-who{grid-column:1/-1}}.admin-card-actions select{border-radius:var(--radius-pill);border:1px solid var(--line-strong);background:color-mix(in srgb, var(--surface-solid) 72%, transparent);height:40px;color:var(--text);transition:border-color .18s var(--ease), box-shadow .18s var(--ease);padding:0 12px;font-size:13.5px}.admin-card-actions select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring);outline:none}.accounts-table th[scope=row]{text-align:start}.account-name{color:var(--text-muted);margin-top:2px;font-size:12px;font-weight:400;display:block}.account-detail td{background:var(--accent-tint)}.account-facts{grid-template-columns:max-content 1fr;gap:6px 16px;margin:4px 0;font-size:13.5px;display:grid}.account-facts dt{color:var(--text-soft)}.account-facts dd{overflow-wrap:anywhere;margin:0}@media (prefers-reduced-motion:reduce){.admin-tabs-thumb{transition:none}.admin-locked-mark:after{animation:none}.tool-switch:hover:not(:disabled){transform:none}}:root{--assistant-w:420px;--assistant-bg:#fbfaf7;--assistant-glow-a:oklch(85% .09 292/.55);--assistant-glow-b:oklch(86% .09 345/.4);--assistant-card:#fff;--assistant-card-line:#1c182812;--assistant-glass:#fbfaf7b8}:root[data-theme=dark]{--assistant-bg:#0d0c13;--assistant-glow-a:oklch(42% .16 292/.38);--assistant-glow-b:oklch(42% .16 345/.26);--assistant-card:#16151e;--assistant-card-line:#ffffff12;--assistant-glass:#0d0c13b3}@media (width>=1100px){:root[data-assistant=open] .app{padding-inline-end:var(--assistant-w)}:root[data-assistant=open] .app-notices{inset-inline-end:var(--assistant-w)}}:root.is-resizing-assistant,:root.is-resizing-assistant *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}.assistant-launcher{inset-inline-end:22px;z-index:75;border-radius:var(--radius-pill);background:var(--ink);height:54px;color:var(--on-ink);font:inherit;cursor:pointer;isolation:isolate;box-shadow:0 10px 30px -8px color-mix(in srgb, var(--brand-1) 55%, transparent), var(--shadow-md);transition:transform .22s var(--ease-spring), box-shadow .22s var(--ease);border:0;align-items:center;gap:10px;padding-inline:7px 20px;font-size:14.5px;font-weight:700;display:inline-flex;position:fixed;bottom:22px}.assistant-launcher:before{content:"";z-index:-1;border-radius:inherit;background:conic-gradient(from var(--assistant-turn,0deg), var(--brand-1), var(--brand-2), var(--brand-3), var(--brand-1));animation:6s linear infinite assistant-spin;position:absolute;inset:-2px}.assistant-launcher:after{content:"";z-index:-1;border-radius:inherit;background:var(--ink);position:absolute;inset:0}.assistant-launcher:hover{box-shadow:0 16px 40px -10px color-mix(in srgb, var(--brand-2) 65%, transparent), var(--shadow-lg);transform:translateY(-3px)}.assistant-launcher:focus-visible{outline:3px solid color-mix(in srgb, var(--brand-2) 60%, transparent);outline-offset:3px}.assistant-launcher-orb{color:#fff;background:var(--brand-gradient);background-size:200% 200%;border-radius:50%;place-items:center;width:40px;height:40px;animation:6s infinite assistant-flow;display:grid;box-shadow:inset 0 1px #ffffff59}@property --assistant-turn{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes assistant-spin{to{--assistant-turn:360deg}}@keyframes assistant-flow{0%,to{background-position:0%}50%{background-position:100%}}@keyframes assistant-slide{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:none}}@keyframes assistant-glow{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--brand-2) 55%, transparent)}50%{box-shadow:0 0 0 7px #0000}}@keyframes assistant-in{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:none}}@keyframes assistant-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.assistant-panel{z-index:80;width:var(--assistant-w);border-inline-start:1px solid var(--line);background:radial-gradient(120% 55% at 100% 0%, var(--assistant-glow-a), transparent 62%), radial-gradient(90% 45% at 0% 8%, var(--assistant-glow-b), transparent 60%), var(--assistant-bg);color:var(--text);animation:assistant-slide .32s var(--ease) both;flex-direction:column;display:flex;position:fixed;inset-block:0;inset-inline-end:0;box-shadow:-18px 0 60px -30px #14102440}.assistant-panel:before{content:"";z-index:3;background:var(--brand-gradient);opacity:0;height:3px;transition:opacity .25s var(--ease);background-size:200% 100%;position:absolute;inset:0 0 auto}.assistant-panel.is-busy:before{opacity:1;animation:1.6s linear infinite assistant-flow}.assistant-panel:focus{outline:none}.assistant-resize{z-index:4;cursor:col-resize;touch-action:none;width:8px;position:absolute;inset-block:0;inset-inline-start:-4px}.assistant-resize:after{content:"";background:var(--brand-gradient);opacity:0;width:2px;transition:opacity .15s var(--ease);position:absolute;inset-block:0;inset-inline-start:3px}.assistant-resize:hover:after,:root.is-resizing-assistant .assistant-resize:after{opacity:.8}.assistant-head{z-index:2;align-items:center;gap:10px;padding:16px 14px 12px;display:flex;position:relative}.assistant-head>div{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.assistant-head strong{letter-spacing:-.02em;background:linear-gradient(100deg, var(--text) 30%, color-mix(in srgb, var(--brand-1) 70%, var(--text)));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:17px;font-weight:750}.assistant-status{border-radius:var(--radius-pill);background:var(--assistant-card);border:1px solid var(--assistant-card-line);max-width:100%;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;align-self:flex-start;align-items:center;gap:6px;padding:2px 9px 2px 8px;font-size:11.5px;display:inline-flex;overflow:hidden}.assistant-status-dot{background:var(--success);width:7px;height:7px;box-shadow:0 0 0 3px var(--success-soft);border-radius:50%;flex:none}.assistant-status-dot.is-busy{background:var(--brand-2);box-shadow:none;animation:1.2s ease-in-out infinite assistant-glow}.assistant-orb{color:#fff;background:var(--brand-gradient);width:42px;height:42px;box-shadow:inset 0 1px 0 #ffffff59, 0 10px 24px -10px color-mix(in srgb, var(--brand-2) 80%, transparent);background-size:200% 200%;border-radius:14px;flex:none;place-items:center;animation:8s infinite assistant-flow;display:grid;position:relative}.is-busy .assistant-orb{animation-duration:1.4s}.assistant-head .icon-button{width:34px;height:34px;color:var(--text-muted);transition:background .15s var(--ease), color .15s var(--ease), border-color .15s var(--ease);background:0 0;border:1px solid #0000;border-radius:11px}.assistant-head .icon-button:hover:not(:disabled){background:var(--assistant-card);border-color:var(--assistant-card-line);color:var(--text)}.assistant-head .icon-button.is-on{background:var(--accent-soft);color:var(--accent-text)}.assistant-modes{background:color-mix(in srgb, var(--assistant-card) 55%, transparent);border:1px solid var(--assistant-card-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;grid-template-columns:repeat(3,1fr);margin:0 14px 12px;padding:4px;display:grid;position:relative}.assistant-modes-thumb{background:var(--assistant-card);width:calc(33.3333% - 2.66667px);box-shadow:var(--shadow-sm), inset 0 0 0 1px color-mix(in srgb, var(--brand-2) 22%, transparent);transition:inset-inline-start .32s var(--ease-spring);border-radius:10px;position:absolute;inset-block:4px;inset-inline-start:calc(4px + var(--mode-index,0) * (100% - 8px) / 3)}.assistant-modes button{z-index:1;height:34px;color:var(--text-muted);font:inherit;cursor:pointer;transition:color .2s var(--ease);background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:650;display:inline-flex;position:relative}.assistant-modes button:hover:not(:disabled),.assistant-modes button.is-active{color:var(--text)}.assistant-modes button.is-active svg{color:var(--brand-2)}.assistant-modes button:disabled{cursor:default}.assistant-modes button:focus-visible{outline:2px solid color-mix(in srgb, var(--brand-2) 55%, transparent);outline-offset:-2px}.assistant-settings,.assistant-progress{border:1px solid var(--assistant-card-line);background:var(--assistant-card);box-shadow:var(--shadow-sm);animation:assistant-in .22s var(--ease) both;border-radius:16px;margin:0 14px 10px}.assistant-settings{flex-direction:column;gap:12px;padding:14px;display:flex}.assistant-settings label{cursor:pointer;align-items:flex-start;gap:10px;display:flex}.assistant-settings input{accent-color:var(--brand-2);margin-top:3px}.assistant-settings span{flex-direction:column;gap:2px;display:flex}.assistant-settings b{font-size:13.5px}.assistant-settings small{color:var(--text-muted);font-size:12px}.assistant-settings .link-button{align-self:flex-start;font-size:12.5px}.assistant-progress{color:var(--text-soft);border-color:color-mix(in srgb, var(--brand-2) 30%, var(--assistant-card-line));flex-direction:column;gap:7px;padding:11px 13px;font-size:12.5px;display:flex}.assistant-progress>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.assistant-progress .assistant-plan{box-shadow:none;background:0 0;border:0;margin:0;padding:0}.assistant-history{min-height:0;animation:assistant-in .22s var(--ease) both;flex-direction:column;flex:1;display:flex}.assistant-history-top{align-items:center;gap:8px;padding:0 14px 10px;display:flex}.assistant-history-top .icon-button{border:1px solid var(--assistant-card-line);background:var(--assistant-card);width:34px;height:34px;color:var(--text-soft);border-radius:11px}.assistant-history-top .icon-button:hover{color:var(--text);box-shadow:var(--shadow-sm)}.assistant-history-title{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.assistant-history-title strong{letter-spacing:-.01em;font-size:15.5px}.assistant-history-title small{color:var(--text-muted);font-size:12px}.assistant-history-new{border-radius:var(--radius-pill);background:var(--brand-gradient);color:#fff;height:34px;font:inherit;cursor:pointer;box-shadow:inset 0 1px 0 #ffffff4d, 0 8px 18px -10px color-mix(in srgb, var(--brand-2) 85%, transparent);transition:transform .15s var(--ease), filter .15s var(--ease);border:0;align-items:center;gap:6px;padding:0 13px;font-size:13px;font-weight:700;display:inline-flex}.assistant-history-new:hover{filter:brightness(1.07);transform:translateY(-1px)}.assistant-history-search{border:1px solid var(--assistant-card-line);background:var(--assistant-card);height:42px;color:var(--text-muted);box-shadow:var(--shadow-xs);transition:border-color .15s var(--ease), box-shadow .15s var(--ease);border-radius:14px;align-items:center;gap:8px;margin:0 14px 10px;padding:0 6px 0 12px;display:flex}.assistant-history-search:focus-within{border-color:color-mix(in srgb, var(--brand-2) 55%, transparent);box-shadow:0 0 0 4px color-mix(in srgb, var(--brand-2) 12%, transparent)}.assistant-history-search input{min-width:0;height:100%;color:var(--text);font:inherit;background:0 0;border:0;flex:1;font-size:14px}.assistant-history-search input:focus{outline:none}.assistant-history-search input::-webkit-search-cancel-button{display:none}.assistant-history-search .icon-button{width:28px;height:28px;color:var(--text-muted);background:0 0;border:0;border-radius:8px}.assistant-history-search .icon-button:hover{background:var(--surface-hover);color:var(--text)}.assistant-history-body{scrollbar-gutter:stable;scrollbar-width:thin;flex:1;min-height:0;padding:0 14px 18px;overflow:auto}.assistant-history-group+.assistant-history-group{margin-top:14px}.assistant-history-group h3{z-index:1;letter-spacing:.02em;color:var(--text-muted);background:color-mix(in srgb, var(--assistant-bg) 55%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;align-items:center;gap:6px;margin:0 0 6px;padding:6px 2px;font-size:11.5px;font-weight:700;display:flex;position:sticky;top:0}.assistant-history-group h3 svg{color:var(--brand-2)}.assistant-history-group h3 span{border-radius:var(--radius-pill);background:var(--surface-sunken);font-variant-numeric:tabular-nums;padding:0 7px;font-size:10.5px}.assistant-history-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.assistant-history-list li{border:1px solid var(--assistant-card-line);background:var(--assistant-card);box-shadow:var(--shadow-xs);transition:border-color .15s var(--ease), box-shadow .15s var(--ease), transform .15s var(--ease);border-radius:16px;align-items:stretch;display:flex;position:relative}.assistant-history-list li:hover{border-color:color-mix(in srgb, var(--brand-2) 30%, var(--assistant-card-line));box-shadow:var(--shadow-sm)}.assistant-history-list li.is-current{border-color:color-mix(in srgb, var(--brand-2) 45%, transparent);background:linear-gradient(160deg, color-mix(in srgb, var(--brand-1) 8%, var(--assistant-card)), color-mix(in srgb, var(--brand-2) 6%, var(--assistant-card)))}.assistant-history-open{text-align:start;min-width:0;color:var(--text);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:16px;flex-direction:column;flex:1;gap:4px;padding:11px 13px 10px;display:flex}.assistant-history-open:focus-visible{outline:2px solid color-mix(in srgb, var(--brand-2) 55%, transparent);outline-offset:-2px}.assistant-history-row{align-items:baseline;gap:10px;display:flex}.assistant-history-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;font-weight:650;overflow:hidden}.assistant-history-row time{color:var(--text-muted);font-variant-numeric:tabular-nums;flex:none;font-size:11.5px}.assistant-history-preview{color:var(--text-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.assistant-history-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:11px;display:flex}.assistant-history-meta>span{align-items:center;gap:3px;display:inline-flex}.assistant-history-meta em{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--brand-2) 15%, transparent);color:var(--text);padding:0 7px;font-style:normal;font-weight:700}.assistant-history-meta svg{color:var(--brand-2)}.assistant-history-actions{opacity:0;transition:opacity .15s var(--ease);flex-direction:column;justify-content:center;gap:2px;padding:6px 6px 6px 0;display:flex}.assistant-history-list li:hover .assistant-history-actions,.assistant-history-list li:focus-within .assistant-history-actions{opacity:1}@media (hover:none){.assistant-history-actions{opacity:1}}.assistant-history-actions .icon-button{width:28px;height:28px;color:var(--text-muted);background:0 0;border:0;border-radius:8px}.assistant-history-actions .icon-button:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.assistant-history-actions .icon-button.is-on{color:var(--brand-2);opacity:1}.assistant-history-actions .icon-button.is-danger:hover:not(:disabled){background:var(--danger-soft);color:var(--danger)}.assistant-history-list li.is-editing{padding:8px}.assistant-history-rename{flex:1;align-items:center;gap:4px;display:flex}.assistant-history-rename input{min-width:0;font:inherit;border:1px solid var(--brand-2);background:var(--surface);color:var(--text);border-radius:10px;flex:1;padding:8px 10px;font-size:14px}.assistant-history-rename input:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--brand-2) 15%, transparent);outline:none}.assistant-history-rename .icon-button{width:32px;height:32px;color:var(--text-muted);background:0 0;border:0;border-radius:9px}.assistant-history-rename .icon-button:hover{background:var(--surface-hover);color:var(--text)}.assistant-history-list li.is-deleting{border-color:color-mix(in srgb, var(--danger) 40%, transparent);background:color-mix(in srgb, var(--danger) 6%, var(--assistant-card));animation:assistant-in .18s var(--ease) both;flex-direction:column;gap:8px;padding:12px 13px}.assistant-history-list li.is-deleting p{color:var(--text-soft);margin:0;font-size:13px;line-height:1.55}.assistant-history-list li.is-deleting>div{align-items:center;gap:10px;display:flex}.assistant-history-danger{border-radius:var(--radius-pill);background:var(--danger);color:#fff;font:inherit;cursor:pointer;border:0;align-items:center;gap:6px;padding:7px 13px;font-size:13px;font-weight:700;display:inline-flex}.assistant-history-danger:hover{filter:brightness(1.08)}.assistant-history-empty{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:6px;padding:40px 16px;display:flex}.assistant-history-empty strong{color:var(--text);margin-top:4px;font-size:15px}.assistant-history-empty p{max-width:32ch;margin:0;font-size:13px;line-height:1.6}.assistant-history-skeleton{flex-direction:column;gap:8px;padding-top:6px;display:flex}.assistant-history-skeleton span{background:linear-gradient(90deg, var(--surface-sunken) 0%, var(--surface-hover) 50%, var(--surface-sunken) 100%);background-size:200% 100%;border-radius:16px;height:74px;animation:1.4s linear infinite assistant-shimmer}.assistant-messages[hidden]{display:none}.assistant-messages{scrollbar-gutter:stable;scrollbar-width:thin;flex-direction:column;flex:1;gap:16px;padding:6px 14px 18px;display:flex;overflow:auto}.assistant-empty{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:22px 2px 6px;display:flex}.assistant-hero-orb{color:#fff;background:var(--brand-gradient);width:68px;height:68px;box-shadow:inset 0 1px 0 #ffffff59, 0 20px 44px -16px color-mix(in srgb, var(--brand-2) 85%, transparent);background-size:200% 200%;border-radius:22px;place-items:center;animation:6s infinite assistant-flow;display:grid;position:relative}.assistant-hero-orb:after{content:"";border:1px solid color-mix(in srgb, var(--brand-2) 35%, transparent);border-radius:30px;animation:2.6s ease-in-out infinite assistant-glow;position:absolute;inset:-10px}.assistant-empty h2{letter-spacing:-.03em;background:var(--brand-gradient);color:#0000;-webkit-background-clip:text;background-clip:text;margin:8px 0 0;font-size:24px;font-weight:800}.assistant-empty p{max-width:34ch;color:var(--text-soft);margin:0;font-size:14px;line-height:1.7}.assistant-capabilities{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;margin:6px 0 4px;display:grid}.assistant-capabilities span{border:1px solid var(--assistant-card-line);background:color-mix(in srgb, var(--assistant-card) 75%, transparent);color:var(--text-soft);transition:border-color .2s var(--ease), background .2s var(--ease);border-radius:14px;flex-direction:column;align-items:center;gap:3px;padding:12px 6px 10px;display:flex}.assistant-capabilities svg{color:var(--text-muted);margin-bottom:2px}.assistant-capabilities b{color:var(--text);font-size:13px}.assistant-capabilities small{color:var(--text-muted);font-size:11px;line-height:1.35}.assistant-capabilities span.is-current{border-color:color-mix(in srgb, var(--brand-2) 45%, transparent);background:linear-gradient(160deg, color-mix(in srgb, var(--brand-1) 12%, var(--assistant-card)), color-mix(in srgb, var(--brand-2) 10%, var(--assistant-card)))}.assistant-capabilities span.is-current svg{color:var(--brand-2)}.assistant-suggestions{flex-direction:column;gap:8px;width:100%;display:flex}.assistant-suggestions.is-followups{flex-flow:wrap;width:auto;padding-inline-start:40px}.assistant-suggestion{text-align:start;border:1px solid var(--assistant-card-line);background:var(--assistant-card);color:var(--text);font:inherit;cursor:pointer;box-shadow:var(--shadow-xs);transition:border-color .18s var(--ease), box-shadow .18s var(--ease), transform .18s var(--ease);border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:11px 14px;font-size:13.5px;line-height:1.45;display:flex}.assistant-suggestion-arrow{color:var(--text-muted);opacity:.5;transition:opacity .18s var(--ease), transform .18s var(--ease), color .18s var(--ease);flex:none}:root[dir=ltr] .assistant-suggestion-arrow{transform:scaleX(-1)}:root[dir=ltr] .assistant-suggestion:hover:not(:disabled) .assistant-suggestion-arrow{transform:translate(2px,-2px)scaleX(-1)}.assistant-suggestion:hover:not(:disabled){border-color:color-mix(in srgb, var(--brand-2) 45%, transparent);box-shadow:0 10px 24px -14px color-mix(in srgb, var(--brand-2) 70%, transparent);transform:translateY(-1px)}.assistant-suggestion:hover:not(:disabled) .assistant-suggestion-arrow{opacity:1;color:var(--brand-2);transform:translate(-2px,-2px)}.assistant-suggestion:focus-visible{outline:2px solid color-mix(in srgb, var(--brand-2) 55%, transparent);outline-offset:2px}.assistant-suggestion:disabled{opacity:.55;cursor:default}.is-followups .assistant-suggestion{border-radius:var(--radius-pill);box-shadow:none;padding:6px 12px;font-size:12.5px}.assistant-turn{animation:assistant-in .28s var(--ease) both;align-items:flex-start;gap:10px;display:flex}.assistant-turn.is-user{justify-content:flex-end}.assistant-avatar{color:#fff;background:var(--brand-gradient);width:30px;height:30px;box-shadow:inset 0 1px 0 #ffffff4d, 0 6px 14px -8px color-mix(in srgb, var(--brand-2) 80%, transparent);border-radius:10px;flex:none;place-items:center;margin-top:4px;display:grid}.assistant-avatar.is-thinking{animation:1.2s ease-in-out infinite assistant-glow}.assistant-bubble{overflow-wrap:anywhere;min-width:0;font-size:14.5px;line-height:1.75}.assistant-bubble.is-user{border-radius:20px;background:linear-gradient(135deg, color-mix(in srgb, var(--brand-1) 92%, #000), color-mix(in srgb, var(--brand-2) 88%, #000));color:#fff;white-space:pre-wrap;max-width:85%;box-shadow:0 10px 24px -14px color-mix(in srgb, var(--brand-1) 90%, transparent);border-start-end-radius:6px;padding:10px 15px}.assistant-bubble.is-assistant{border-radius:20px;border:1px solid var(--assistant-card-line);background:var(--assistant-card);box-shadow:var(--shadow-sm);border-start-start-radius:6px;flex:1;padding:12px 15px}.assistant-bubble.is-thinking{flex:none;gap:5px;padding:14px 16px;display:inline-flex}.assistant-bubble.is-thinking span{background:var(--brand-gradient);border-radius:50%;width:7px;height:7px;animation:1s ease-in-out infinite assistant-dot}.assistant-bubble.is-thinking span:nth-child(2){animation-delay:.15s}.assistant-bubble.is-thinking span:nth-child(3){animation-delay:.3s}@keyframes assistant-dot{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}.assistant-bubble.is-live{border-color:color-mix(in srgb, var(--brand-2) 30%, var(--assistant-card-line))}.assistant-bubble.is-live .assistant-markdown>:last-child:after{content:"▍";color:var(--brand-2);animation:.9s steps(2,end) infinite assistant-caret}@keyframes assistant-caret{50%{opacity:0}}.assistant-markdown p{margin:0 0 8px}.assistant-markdown p:last-child{margin-bottom:0}.assistant-markdown h2,.assistant-markdown h3,.assistant-markdown h4{letter-spacing:-.01em;margin:12px 0 6px;font-size:15px}.assistant-markdown>:first-child{margin-top:0}.assistant-markdown ul,.assistant-markdown ol{margin:4px 0 8px;padding-inline-start:20px}.assistant-markdown li{margin:3px 0}.assistant-markdown li::marker{color:var(--brand-2)}.assistant-markdown strong{font-weight:700}.assistant-markdown code,.assistant-confirm code{font-family:var(--font-mono);background:var(--surface-sunken);direction:ltr;unicode-bidi:embed;border-radius:6px;padding:1px 6px;font-size:12.5px}.assistant-markdown pre{background:var(--surface-sunken);border:1px solid var(--line);text-align:left;direction:ltr;border-radius:12px;margin:8px 0;padding:10px 12px;font-size:13px;overflow:auto}.assistant-markdown a{color:var(--accent-text);text-underline-offset:2px;text-decoration:underline}.assistant-plan{border:1px solid var(--assistant-card-line);background:color-mix(in srgb, var(--brand-1) 5%, var(--surface-2));border-radius:16px;margin:12px 0 2px;padding:12px 13px}.assistant-markdown+.assistant-plan{margin-top:12px}.assistant-plan:first-child{margin-top:0}.assistant-plan-head{align-items:center;gap:7px;font-size:13px;display:flex}.assistant-plan-head svg{color:var(--brand-2)}.assistant-plan-head strong{flex:1}.assistant-plan-head span{border-radius:var(--radius-pill);background:var(--assistant-card);border:1px solid var(--assistant-card-line);color:var(--text-muted);font-variant-numeric:tabular-nums;padding:1px 8px;font-size:11.5px}.assistant-plan-bar{background:var(--surface-sunken);border-radius:5px;height:5px;margin:9px 0 4px;overflow:hidden}.assistant-plan-bar span{border-radius:inherit;background:var(--brand-gradient);height:100%;transition:width .45s var(--ease);display:block}.assistant-plan.is-compact .assistant-plan-bar{margin-bottom:0}.assistant-plan-steps{flex-direction:column;gap:7px;margin:10px 0 0;padding:0;list-style:none;display:flex}.assistant-plan-steps li{align-items:flex-start;gap:9px;font-size:13.5px;line-height:1.5;display:flex}.assistant-plan-mark{border:1.5px solid var(--line-strong);background:var(--assistant-card);width:21px;height:21px;color:var(--text-muted);border-radius:50%;flex:none;place-items:center;margin-top:1px;font-size:11px;font-weight:700;display:grid}.assistant-plan-steps li.is-done{color:var(--text-muted)}.assistant-plan-steps li.is-done>span:last-child{text-decoration:line-through;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong)}.assistant-plan-steps li.is-done .assistant-plan-mark{background:var(--success);color:#fff;border-color:#0000}.assistant-plan-steps li.is-active{font-weight:650}.assistant-plan-steps li.is-active .assistant-plan-mark{border-color:var(--brand-2);color:var(--brand-2);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand-2) 15%, transparent)}.assistant-actions{background:var(--surface-sunken);border-radius:14px;flex-direction:column;margin:12px 0 0;padding:8px 10px;list-style:none;display:flex;position:relative}.assistant-action{align-items:flex-start;gap:10px;padding:5px 0;font-size:13px;line-height:1.5;display:flex;position:relative}.assistant-action+.assistant-action:before{content:"";inset-inline-start:9px;background:var(--line-strong);width:2px;height:14px;position:absolute;top:-8px}.assistant-action-mark{background:var(--success);color:#fff;z-index:1;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;display:grid;position:relative}.assistant-action.is-failed .assistant-action-mark{background:var(--danger)}.assistant-action.is-cancelled{opacity:.65}.assistant-action.is-cancelled .assistant-action-mark{background:var(--text-muted)}.assistant-action>div{flex-direction:column;min-width:0;display:flex}.assistant-action b{font-weight:650}.assistant-action span{color:var(--text-muted);unicode-bidi:plaintext;font-size:12.5px}.assistant-acting{border-radius:var(--radius-pill);color:var(--text-soft);background:linear-gradient(90deg, var(--assistant-card) 0%, color-mix(in srgb, var(--brand-2) 12%, var(--assistant-card)) 50%, var(--assistant-card) 100%);border:1px solid var(--assistant-card-line);background-size:200% 100%;align-self:flex-start;align-items:center;gap:8px;margin-inline-start:40px;padding:6px 12px;font-size:13px;animation:1.8s linear infinite assistant-shimmer;display:inline-flex}.assistant-acting svg{color:var(--brand-2)}.assistant-tools{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.assistant-open{border-radius:var(--radius-pill);background:var(--brand-gradient);color:#fff;font:inherit;cursor:pointer;box-shadow:inset 0 1px 0 #ffffff4d, 0 10px 24px -10px color-mix(in srgb, var(--brand-2) 80%, transparent);transition:transform .15s var(--ease), filter .15s var(--ease);border:0;align-items:center;gap:7px;padding:9px 16px;font-size:13.5px;font-weight:700;display:inline-flex}.assistant-open:hover{filter:brightness(1.08);transform:translateY(-1px)}.assistant-bubble-tools{border-top:1px solid var(--assistant-card-line);opacity:.7;transition:opacity .15s var(--ease);align-items:center;gap:4px;margin:10px -6px -4px;padding-top:8px;display:flex}.assistant-turn:hover .assistant-bubble-tools,.assistant-bubble-tools:focus-within{opacity:1}.assistant-bubble-tools .link-button{color:var(--text-muted);border-radius:8px;align-items:center;gap:4px;padding:3px 7px;font-size:12px;text-decoration:none;display:inline-flex}.assistant-bubble-tools .link-button:hover{background:var(--surface-hover);color:var(--text)}.assistant-model{color:var(--text-muted);font-size:10.5px;font-family:var(--font-mono);opacity:.8;direction:ltr;margin-inline-start:auto}.assistant-confirm{border:1px solid color-mix(in srgb, var(--warning) 45%, var(--assistant-card-line));background:color-mix(in srgb, var(--warning) 7%, var(--assistant-card));box-shadow:var(--shadow-sm);border-radius:18px;flex:none;padding:14px 15px}.assistant-confirm p{color:var(--text-soft);margin:6px 0 10px;font-size:13.5px;line-height:1.6}.assistant-compose{border:1px solid var(--assistant-card-line);background:var(--assistant-card);box-shadow:0 -12px 30px -18px #14102440, var(--shadow-md);transition:border-color .18s var(--ease), box-shadow .18s var(--ease);border-radius:22px;flex-direction:column;gap:4px;margin:0 12px 12px;padding:10px 10px 8px 12px;display:flex;position:relative}.assistant-compose:focus-within{border-color:color-mix(in srgb, var(--brand-2) 55%, transparent);box-shadow:0 0 0 4px color-mix(in srgb, var(--brand-2) 13%, transparent), var(--shadow-md)}.assistant-context{flex-wrap:wrap;gap:5px;display:flex}.assistant-chip{border-radius:var(--radius-pill);background:var(--surface-sunken);color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;max-width:100%;padding:3px 9px;font-size:11.5px;font-weight:550;display:inline-flex;overflow:hidden}.assistant-chip.is-mode-execute{background:linear-gradient(110deg, color-mix(in srgb, var(--brand-1) 18%, transparent), color-mix(in srgb, var(--brand-2) 18%, transparent));color:var(--text)}.assistant-chip.is-mode-plan{background:color-mix(in srgb, var(--brand-1) 14%, transparent);color:var(--text)}.assistant-compose textarea{resize:none;min-height:46px;max-height:180px;color:var(--text);font:inherit;background:0 0;border:0;padding:6px 2px;font-size:15px;line-height:1.55}.assistant-compose textarea::placeholder{color:var(--text-muted)}.assistant-compose textarea:focus{outline:none}.assistant-compose-row{align-items:center;gap:6px;display:flex}.assistant-compose-row .icon-button{width:34px;height:34px;color:var(--text-muted);background:0 0;border:0;border-radius:50%}.assistant-compose-row .icon-button:hover{background:var(--surface-hover);color:var(--text)}.assistant-mic.is-on{animation:1.2s ease-in-out infinite assistant-glow;color:var(--danger)!important;background:var(--danger-soft)!important}.assistant-hint{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11px;overflow:hidden}.assistant-send{background:var(--brand-gradient);color:#fff;cursor:pointer;width:40px;height:40px;box-shadow:inset 0 1px 0 #ffffff4d, 0 8px 18px -8px color-mix(in srgb, var(--brand-2) 85%, transparent);transition:transform .18s var(--ease-spring), opacity .15s var(--ease), box-shadow .15s var(--ease);border:0;border-radius:50%;flex:none;place-items:center;display:grid}.assistant-send:hover:not(:disabled){transform:scale(1.08)}.assistant-send:disabled{opacity:.3;cursor:default;box-shadow:none}.assistant-send.is-stop{background:var(--ink);color:var(--on-ink);box-shadow:0 0 0 4px color-mix(in srgb, var(--brand-2) 20%, transparent)}.assistant-send:focus-visible{outline:2px solid color-mix(in srgb, var(--brand-2) 60%, transparent);outline-offset:2px}.assistant-signin{border:1px solid var(--assistant-card-line);background:var(--assistant-card);box-shadow:var(--shadow-md);border-radius:20px;flex-direction:column;gap:10px;margin:0 12px 12px;padding:14px;display:flex}.assistant-signin p{color:var(--text-soft);align-items:center;gap:6px;margin:0;font-size:13.5px;display:flex}@media (width<=1099px){.assistant-panel{width:min(var(--assistant-w), 100vw);box-shadow:var(--shadow-lg)}.assistant-resize{display:none}}@media (width<=960px){.assistant-launcher{bottom:calc(84px + env(safe-area-inset-bottom,0px));height:48px;inset-inline-end:14px}.assistant-launcher-orb{width:34px;height:34px}.assistant-panel{z-index:96;width:100vw;padding-bottom:env(safe-area-inset-bottom,0px)}.assistant-hint{display:none}}@media (width<=380px){.assistant-capabilities small{display:none}.assistant-modes button{gap:4px;font-size:12px}}@media (prefers-reduced-motion:reduce){.assistant-panel,.assistant-panel:before,.assistant-launcher,.assistant-launcher:before,.assistant-launcher-orb,.assistant-orb,.assistant-hero-orb,.assistant-hero-orb:after,.assistant-turn,.assistant-avatar,.assistant-status-dot,.assistant-mic,.assistant-acting,.assistant-history,.assistant-history-skeleton span,.assistant-history-list li,.assistant-modes-thumb,.assistant-settings,.assistant-history,.assistant-progress,.assistant-bubble.is-thinking span,.assistant-bubble.is-live .assistant-markdown>:last-child:after{transition:none!important;animation:none!important}}:root{--credits-gold:oklch(72% .14 75);--credits-gold-text:oklch(47% .11 65);--credits-gold-line:oklch(75% .14 80/.42);--credits-gold-soft:oklch(88% .1 85/.24);--credits-gold-edge:oklch(80% .15 82/.7);--credits-gold-grad:linear-gradient(135deg, oklch(84% .15 88), oklch(72% .18 55));--credits-gold-ink:linear-gradient(120deg, oklch(66% .17 78), oklch(56% .2 42));--credits-on-gold:oklch(27% .07 55);--credits-glass:color-mix(in srgb, var(--surface) 70%, transparent);--credits-glow:0 22px 50px -24px oklch(70% .17 65/.5);--credits-ring:0 0 0 5px oklch(80% .15 80/.14)}:root[data-theme=dark]{--credits-gold:oklch(82% .14 82);--credits-gold-text:oklch(88% .12 88);--credits-gold-line:oklch(80% .13 85/.34);--credits-gold-soft:oklch(80% .13 85/.11);--credits-gold-edge:oklch(85% .14 85/.6);--credits-gold-ink:linear-gradient(120deg, oklch(92% .12 92), oklch(80% .17 58));--credits-glass:color-mix(in srgb, var(--surface) 72%, transparent);--credits-glow:0 22px 50px -24px oklch(75% .16 70/.35);--credits-ring:0 0 0 5px oklch(80% .15 80/.1)}.credits-pill{--accent-hue:62;border-radius:var(--radius-pill);border:1px solid var(--line);background:linear-gradient(var(--credits-gold-soft), var(--credits-gold-soft)), color-mix(in srgb, var(--surface) 72%, transparent);-webkit-backdrop-filter:blur(10px);height:38px;color:var(--text-soft);font:inherit;white-space:nowrap;cursor:pointer;transition:border-color .18s var(--ease), background .18s var(--ease), transform .18s var(--ease), box-shadow .18s var(--ease);flex:none;align-items:center;gap:6px;padding:0 13px;font-size:13px;font-weight:600;display:inline-flex}.credits-pill:hover{border-color:var(--line-strong);box-shadow:var(--shadow-xs);transform:translateY(-1px)}.credits-pill:active{transform:scale(.96)}.credits-pill.is-current{background:linear-gradient(var(--credits-gold-soft), var(--credits-gold-soft)), linear-gradient(var(--credits-gold-soft), var(--credits-gold-soft)), color-mix(in srgb, var(--surface) 72%, transparent);color:var(--credits-gold-text);border-color:oklch(72% .14 75/.6)}.credits-pill svg{color:var(--credits-gold);flex:none}.credits-pill-count{min-width:1ch;color:var(--text);font-variant-numeric:tabular-nums;animation:credits-pop .45s var(--ease-spring) both;font-weight:700;display:inline-block}.credits-pill-label{font-weight:600}.credits-pill.is-empty{border-color:color-mix(in srgb, var(--danger) 45%, transparent);background:var(--danger-soft);color:var(--danger)}.credits-pill.is-empty svg,.credits-pill.is-empty .credits-pill-count{color:var(--danger)}.credits-pill.is-guest{font-weight:600}@keyframes credits-pop{0%{opacity:.4;transform:scale(1.35)}to{opacity:1;transform:none}}@media (width<=760px){.credits-pill{padding:0 11px}.credits-pill .credits-pill-label{display:none}.credits-pill.is-guest .credits-pill-label{display:inline}}@media (width<=560px){.credits-pill{border-radius:11px;height:38px;padding:0 10px}.credits-pill.is-guest{justify-content:center;width:38px;padding:0}.credits-pill.is-guest .credits-pill-label{display:none}}.credits-notice{border-color:var(--credits-gold-line)}.credits-notice .app-notice-icon{color:#fff;background:var(--credits-gold-grad);box-shadow:inset 0 1px #ffffff59}.credits-notice.is-empty{border-color:color-mix(in srgb, var(--danger) 40%, var(--line-strong))}.credits-notice.is-empty .app-notice-icon{color:var(--danger);background:var(--danger-soft);box-shadow:none}.credits-notice.is-welcome .app-notice-icon,.credits-notice.is-invite .app-notice-icon{color:#fff;background:var(--brand-gradient)}.credits-page{width:min(var(--content-w), 100%);padding:20px var(--gutter) 60px;animation:rise .45s var(--ease) both;flex-direction:column;gap:18px;margin:0 auto;display:flex}.credits-page .me-panel{background:linear-gradient(90deg, transparent, var(--credits-gold-edge), transparent) top / 100% 1px no-repeat, radial-gradient(60% 50% at 100% 0%, var(--credits-gold-soft), transparent 65%), var(--surface);box-shadow:var(--shadow-sm), var(--inner-highlight);position:relative}.credits-page .me-panel-head h2 svg{color:var(--credits-gold)}.credits-hero{border-radius:var(--radius-xl);border:1px solid var(--credits-gold-line);background:radial-gradient(70% 120% at 100% 0%, oklch(82% .14 85/.2), transparent 60%), radial-gradient(60% 120% at 0% 100%, oklch(75% .16 345/.1), transparent 60%), var(--surface);box-shadow:var(--shadow-sm);grid-template-columns:minmax(0,1.25fr) minmax(300px,.9fr);align-items:center;gap:28px;padding:32px;display:grid;position:relative;overflow:hidden}.credits-hero-copy h1{letter-spacing:-.02em;margin:4px 0 12px;font-size:clamp(26px,3.4vw,38px);line-height:1.15}.credits-hero-copy h1 .gradient-text{padding-bottom:.08em;display:inline-block}.credits-hero-copy>p:not(.me-eyebrow){max-width:62ch;color:var(--text-soft);margin:0;font-size:15px;line-height:1.75}.credits-hero-copy .me-eyebrow{color:var(--credits-gold-text)}.credits-hero-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px;display:flex}.credits-hero-note{color:var(--text-muted);font-size:13px}.credits-balance{border-radius:var(--radius-lg);border:1px solid var(--credits-gold-line);background:linear-gradient(90deg, transparent, var(--credits-gold-edge), transparent) top / 100% 1px no-repeat, radial-gradient(90% 60% at 100% 0%, var(--credits-gold-soft), transparent 62%), var(--credits-glass);-webkit-backdrop-filter:blur(16px)saturate(1.4);box-shadow:var(--shadow-md), var(--credits-glow), var(--inner-highlight);flex-direction:column;gap:14px;padding:22px 24px 24px;display:flex;position:relative}.credits-balance.is-loading{min-height:180px;color:var(--text-muted);justify-content:center;align-items:center}.credits-balance.is-loading p{margin:0}.credits-balance-label{color:var(--text-muted);letter-spacing:.02em;margin:0;font-size:12.5px;font-weight:700}.credits-balance-total{align-items:center;gap:12px;margin:0;display:flex}.credits-balance-icon{color:#fff;background:var(--credits-gold-grad);width:46px;height:46px;box-shadow:var(--credits-ring), 0 10px 24px -8px oklch(70% .17 60/.6), inset 0 1px 0 #ffffff59;border-radius:14px;flex:none;place-items:center;display:grid}.credits-balance-total b{letter-spacing:-.04em;font-variant-numeric:tabular-nums;background:var(--credits-gold-ink);color:#0000;-webkit-background-clip:text;background-clip:text;padding-inline-end:.04em;font-size:52px;font-weight:800;line-height:1}.credits-balance-total span{color:var(--text-soft);font-size:15px;font-weight:600}.credits-balance .meter-fill{background:var(--credits-gold-grad)}.credits-balance-split{grid-template-columns:repeat(3,1fr);gap:8px;margin:0;display:grid}.credits-balance-split div{border-radius:var(--radius-sm);border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 55%, transparent);padding:10px 12px}.credits-balance-split dt{color:var(--text-muted);font-size:11.5px;font-weight:600}.credits-balance-split dd{font-variant-numeric:tabular-nums;unicode-bidi:plaintext;margin:3px 0 0;font-size:16px;font-weight:700}.credits-owner-note{color:var(--text-muted);align-items:center;gap:6px;margin:0;font-size:12.5px;display:flex}.credits-invited{border-radius:var(--radius-pill);color:#fff;background:var(--brand-gradient);align-self:flex-start;align-items:center;gap:7px;margin:0;padding:6px 12px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:inset 0 1px #ffffff4d}.credits-guest-list{color:var(--text-soft);flex-direction:column;gap:6px;margin:0;padding-inline-start:20px;font-size:14px;line-height:1.5;display:flex}.credits-guest-list li::marker{color:var(--credits-gold)}.credits-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px;display:grid}.credits-link-card{flex-direction:column;gap:14px;display:flex}.credits-link-card .me-panel-head{margin-bottom:0}.credits-link-row{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-2);transition:border-color .18s var(--ease);padding:6px}.credits-link-row:focus-within{border-color:var(--credits-gold-line)}.credits-link-row .field{color:var(--text);background:0 0;border-color:#0000;font-size:13.5px;font-weight:600}.credits-link-row .field:focus{box-shadow:none;border-color:#0000}.credits-link-row .primary-button.is-done{filter:saturate(.6)}.credits-link-card .share-site-targets{justify-content:flex-start}.credits-link-card .share-site-target{flex:88px;max-width:120px}.credits-code{color:var(--text-muted);margin:0;font-size:12.5px;line-height:1.6}.credits-code code{border:1px solid var(--credits-gold-line);background:var(--credits-gold-soft);color:var(--credits-gold-text);font-family:var(--font-mono);border-radius:7px;padding:2px 8px;font-size:12.5px;font-weight:600}.credits-friends-card{flex-direction:column;gap:16px;display:flex}.credits-friends-card .me-panel-head{margin-bottom:0}.credits-friends-card .meter-fill{background:var(--credits-gold-grad)}.credits-figures{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.credits-figures div{border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(90deg, transparent, var(--credits-gold-edge), transparent) top / 100% 1px no-repeat, var(--surface-2);transition:border-color .2s var(--ease), transform .2s var(--ease);flex-direction:column;align-items:flex-start;gap:8px;padding:14px;display:flex}.credits-figures div:hover{border-color:var(--credits-gold-line);transform:translateY(-2px)}.credits-figure-icon{color:#fff;background:var(--credits-gold-grad);width:34px;height:34px;box-shadow:var(--credits-ring), inset 0 1px 0 #ffffff59;border-radius:11px;place-items:center;display:grid}.credits-figures b{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:28px;font-weight:800;line-height:1.1}.credits-figures span:last-child{color:var(--text-muted);font-size:12.5px}.credits-small{color:var(--text-muted);margin:0;font-size:13px;line-height:1.6}.credits-claim-form{flex-wrap:wrap;gap:8px;display:flex}.credits-claim-form .field{flex:240px;min-width:0}.credits-claim .notice-message,.credits-claim .error-message{margin:12px 0 0}.credits-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.credits-steps li{border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(90deg, transparent, var(--credits-gold-edge), transparent) top / 100% 1px no-repeat, radial-gradient(90% 40% at 100% 0%, var(--credits-gold-soft), transparent 70%), var(--surface-2);animation:rise .5s var(--ease) both;animation-delay:var(--reveal,0s);transition:transform .22s var(--ease), border-color .22s var(--ease), box-shadow .22s var(--ease);flex-direction:column;gap:10px;padding:16px 16px 18px;display:flex;position:relative}.credits-steps li:hover{border-color:var(--credits-gold-line);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.credits-steps li:not(:last-child):after{content:"";top:37px;background:var(--credits-gold-line);border-radius:1px;width:13px;height:2px;position:absolute;inset-inline-end:-13px}.credits-step-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.credits-step-num{letter-spacing:-.06em;font-variant-numeric:tabular-nums;background:var(--credits-gold-ink);color:#0000;-webkit-background-clip:text;background-clip:text;padding-inline-end:.06em;font-size:40px;font-weight:900;line-height:.9}.credits-step-icon{color:#fff;background:var(--credits-gold-grad);width:42px;height:42px;box-shadow:var(--credits-ring), 0 10px 22px -8px oklch(70% .17 60/.65), inset 0 1px 0 #ffffff59;border-radius:13px;flex:none;place-items:center;display:grid}.credits-step-body{min-width:0}.credits-steps b{letter-spacing:-.01em;font-size:14.5px;line-height:1.35;display:block}.credits-steps p{max-width:36ch;color:var(--text-soft);margin:6px 0 0;font-size:13px;line-height:1.6}.credits-prices .admin-table-wrap{overflow:visible}.credits-table{border-collapse:separate;display:block}.credits-table thead{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.credits-table tbody{flex-direction:column;gap:8px;display:flex}.credits-table tbody tr{border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(90deg, transparent, var(--credits-gold-edge), transparent) top / 100% 1px no-repeat, var(--surface-2);transition:transform .2s var(--ease), border-color .2s var(--ease), box-shadow .2s var(--ease);grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"what where price";align-items:center;column-gap:16px;padding:12px 16px;display:grid}.credits-table tbody tr:hover{background:var(--surface-2);border-color:var(--credits-gold-line);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.credits-table tbody tr th,.credits-table tbody tr td{white-space:normal;border:0;padding:0;display:block}.credits-table tbody tr th{grid-area:what;min-width:0;font-weight:600}.credits-table tbody tr th b{letter-spacing:-.01em;font-size:14.5px;display:block}.credits-table tbody tr th small{color:var(--text-muted);margin-top:2px;font-size:12.5px;font-weight:400;line-height:1.5;display:block}.credits-table tbody tr .credits-price{grid-area:price;justify-self:end}.credits-table tbody tr td:last-child{grid-area:where;justify-self:end}.credits-price-badge{border-radius:var(--radius-pill);height:30px;color:var(--credits-on-gold);background:var(--credits-gold-grad);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:5px;padding:0 13px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:inset 0 1px #ffffff59,0 6px 14px -6px oklch(70% .17 60/.55)}.credits-price.is-free .credits-price-badge{color:oklch(24% .07 160);background:linear-gradient(135deg,oklch(84% .16 155),oklch(74% .15 172));box-shadow:inset 0 1px #ffffff59,0 6px 14px -6px oklch(65% .15 160/.55)}.credits-table tbody tr.credits-free-row{border-color:color-mix(in srgb, var(--success) 35%, transparent);background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--success) 70%, transparent), transparent) top / 100% 1px no-repeat, radial-gradient(70% 90% at 100% 0%, var(--success-soft), transparent 65%), var(--surface-2)}.credits-table tbody tr.credits-free-row:hover{border-color:color-mix(in srgb, var(--success) 55%, transparent)}.credits-tool-links{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:inline-flex}.credits-tool-links .link-button{border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--surface);height:30px;color:var(--text-soft);white-space:nowrap;transition:border-color .18s var(--ease), background .18s var(--ease), color .18s var(--ease), transform .18s var(--ease);align-items:center;gap:5px;padding:0 12px;font-size:12.5px;font-weight:600;display:inline-flex}.credits-tool-links .link-button:hover{border-color:var(--credits-gold-line);background:var(--credits-gold-soft);color:var(--credits-gold-text);text-decoration:none;transform:translateY(-1px)}.credits-tool-links .link-button svg{color:var(--credits-gold)}.credits-muted{color:var(--text-muted);font-size:12.5px}.credits-prices .credits-small{margin-top:14px}.credits-history-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.credits-history-list li{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface-2);transition:border-color .18s var(--ease);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:9px 12px;font-size:14px;display:grid}.credits-history-list li:hover{border-color:var(--line-strong)}.credits-history-when{border-radius:var(--radius-pill);background:var(--surface-sunken);color:var(--text-muted);font-variant-numeric:tabular-nums;unicode-bidi:plaintext;padding:2px 8px;font-size:12px}.credits-history-what{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.credits-history-badge{border-radius:var(--radius-pill);border:1px solid var(--line);color:var(--text-muted);padding:1px 8px;font-size:11.5px}.credits-history-delta{border-radius:var(--radius-pill);background:var(--surface-sunken);text-align:center;font-variant-numeric:tabular-nums;min-width:44px;padding:2px 10px;font-weight:700}.credits-history-list li.is-spend .credits-history-delta{color:var(--text-soft)}.credits-history-list li:is(.is-refund,.is-visit,.is-signup,.is-welcome,.is-grant) .credits-history-delta{color:var(--success);background:var(--success-soft)}.credits-history-list li.is-refunded .credits-history-delta{color:var(--text-muted);background:var(--surface-sunken);text-decoration:line-through}.credits-faq-list{flex-direction:column;gap:8px;display:flex}.credits-faq-list details{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-2);interpolate-size:allow-keywords;transition:border-color .2s var(--ease), background .2s var(--ease), box-shadow .2s var(--ease)}.credits-faq-list details:hover{border-color:var(--line-strong)}.credits-faq-list details[open]{border-color:var(--credits-gold-line);background:linear-gradient(90deg, transparent, var(--credits-gold-edge), transparent) top / 100% 1px no-repeat, radial-gradient(60% 60% at 100% 0%, var(--credits-gold-soft), transparent 65%), var(--surface);box-shadow:var(--shadow-sm)}.credits-faq-list summary{border-radius:inherit;cursor:pointer;align-items:center;gap:12px;padding:13px 16px;font-size:14.5px;font-weight:600;list-style:none;display:flex}.credits-faq-list summary::-webkit-details-marker{display:none}.credits-faq-list summary>span:first-child{flex:1;min-width:0}.credits-faq-list summary:hover{color:var(--credits-gold-text)}.credits-faq-list .credits-faq-chevron{background:var(--surface-sunken);width:28px;height:28px;color:var(--text-muted);transition:transform .3s var(--ease-spring), background .2s var(--ease), color .2s var(--ease);border-radius:9px;flex:none;place-items:center;display:grid}.credits-faq-list summary:hover .credits-faq-chevron{color:var(--text)}.credits-faq-list details[open] .credits-faq-chevron{background:var(--credits-gold-soft);color:var(--credits-gold-text);transform:rotate(180deg)}.credits-faq-list p{color:var(--text-soft);animation:credits-unfold .3s var(--ease) both;margin:0;padding:0 16px 16px;padding-inline-end:56px;font-size:14px;line-height:1.7}.credits-faq-list details::details-content{block-size:0;transition:block-size .3s var(--ease), content-visibility .3s allow-discrete;overflow-y:clip}.credits-faq-list details[open]::details-content{block-size:auto}@keyframes credits-unfold{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media (width<=1200px){.credits-steps{grid-template-columns:repeat(6,minmax(0,1fr))}.credits-steps li{grid-column:span 2}.credits-steps li:nth-child(4),.credits-steps li:nth-child(5){grid-column:span 3}.credits-steps li:nth-child(3):after,.credits-steps li:nth-child(5):after{display:none}.credits-steps li:nth-child(4):last-child{grid-column:span 6}}@media (width<=860px){.credits-hero{grid-template-columns:minmax(0,1fr);padding:24px 20px}.credits-table tbody tr{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"what price""where where";row-gap:8px}.credits-table tbody tr td:last-child{justify-self:start}.credits-tool-links{justify-content:flex-start}}@media (width<=720px){.credits-steps{grid-template-columns:minmax(0,1fr)}.credits-steps li,.credits-steps li:nth-child(4),.credits-steps li:nth-child(5){flex-direction:row;grid-column:auto;align-items:flex-start;gap:12px;padding:14px}.credits-steps li:after{display:none}.credits-step-top{flex-direction:column-reverse;align-items:center;gap:6px}.credits-step-num{letter-spacing:-.04em;font-size:22px}.credits-step-icon{width:40px;height:40px}.credits-steps p{max-width:none}}@media (width<=520px){.credits-balance{padding:20px 18px}.credits-balance-total b{font-size:44px}.credits-figures{gap:8px}.credits-figures div{padding:12px 10px}.credits-figures b{font-size:22px}.credits-history-list li{grid-template-columns:minmax(0,1fr) auto}.credits-history-when{grid-column:1/-1;justify-self:start}.credits-faq-list summary{padding:12px 14px}.credits-faq-list p{padding-inline:14px}}.credits-promo{border-radius:var(--radius-xl);border:1px solid var(--credits-gold-line);background:linear-gradient(90deg, transparent, var(--credits-gold-edge), transparent) top / 100% 1px no-repeat, radial-gradient(70% 160% at 100% 0%, var(--credits-gold-soft), transparent 65%), var(--surface);box-shadow:var(--shadow-sm), var(--credits-glow), var(--inner-highlight);animation:rise .5s var(--ease) both;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:20px 22px;display:grid;position:relative}.credits-promo-icon{color:#fff;background:var(--credits-gold-grad);width:50px;height:50px;box-shadow:var(--credits-ring), 0 10px 24px -8px oklch(70% .17 60/.6), inset 0 1px 0 #ffffff59;border-radius:16px;place-items:center;display:grid}.credits-promo-copy h2{margin:0;font-size:17px;line-height:1.35}.credits-promo-copy p{color:var(--text-soft);margin:4px 0 0;font-size:13.5px;line-height:1.6}.credits-promo-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}@media (width<=760px){.credits-promo{grid-template-columns:auto minmax(0,1fr)}.credits-promo-actions{grid-column:1/-1;justify-content:flex-start}}.quick-credits{border-radius:var(--radius-sm);border:1px solid var(--credits-gold-line);background:linear-gradient(90deg, transparent, var(--credits-gold-edge), transparent) top / 100% 1px no-repeat, var(--credits-gold-soft);width:100%;color:var(--text);font:inherit;text-align:start;cursor:pointer;transition:border-color .18s var(--ease), background .18s var(--ease), transform .18s var(--ease);align-items:center;gap:11px;padding:10px 12px;display:flex}.quick-credits:hover{border-color:var(--credits-gold);transform:translateY(-1px)}.quick-credits .quick-item-text{flex:1}.quick-credits .quick-item-text b{font-size:14px}.quick-credits .quick-item-text small{color:var(--text-muted);font-size:12px}.quick-credits-icon{color:#fff;background:var(--credits-gold-grad);border-radius:10px;flex:none;place-items:center;width:34px;height:34px;display:grid;box-shadow:inset 0 1px #ffffff59}.me-credits-button svg{color:var(--credits-gold)}.share-site-dialog>.share-site-credits{border-radius:var(--radius-sm);border:1px solid var(--credits-gold-line);background:var(--credits-gold-soft);color:var(--text-soft);align-items:flex-start;gap:8px;margin:-6px 0 0;padding:10px 12px;font-size:13px;line-height:1.6;display:flex}.share-site-credits svg{color:var(--credits-gold);flex:none;margin-top:3px}.credits-admin-switch{margin-bottom:16px}.credits-admin-figures{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:18px;display:grid}.credits-admin-figures div{border-radius:var(--radius-sm);background:var(--surface-sunken);flex-direction:column;gap:3px;padding:12px;display:flex}.credits-admin-figures span{color:var(--text-muted);font-size:12.5px}.credits-admin-figures b{font-variant-numeric:tabular-nums;font-size:22px}.credits-admin-figures small{color:var(--text-muted);font-size:12px}.credits-admin-split{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-bottom:18px;display:grid}.credits-admin-split h3,.credits-admin-form h3{color:var(--text-soft);margin:0 0 10px;font-size:14px}.credits-admin-form{flex-direction:column;gap:6px;display:flex}.credits-admin-fields{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:12px;display:grid}.credits-admin-field{flex-direction:column;gap:5px;font-size:13px;display:flex}.credits-admin-field span{color:var(--text-soft);font-weight:600}.credits-admin-field input{border-radius:var(--radius-xs);border:1px solid var(--line-strong);background:var(--surface-solid);color:var(--text);font:inherit;font-variant-numeric:tabular-nums;padding:8px 10px}.credits-admin-field small{color:var(--text-muted);font-size:11.5px;line-height:1.4}@media (prefers-reduced-motion:reduce){.credits-pill-count,.credits-steps li,.credits-promo,.credits-faq-list p,.credits-page{animation:none}.credits-pill,.credits-steps li,.credits-figures div,.credits-table tbody tr,.credits-tool-links .link-button,.credits-faq-chevron{transition:none}.credits-faq-list details::details-content{transition:none}}.credit-cost{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:4px 6px;margin:6px 0 0;font-size:12.5px;line-height:1.5;display:flex}.credit-cost svg{color:var(--credits-gold);flex:none}.credit-cost a{color:var(--accent-text);font-weight:600}.credit-cost.is-short,.credit-cost.is-short svg{color:var(--danger)}.primary-button+.credit-cost{justify-content:center}.identify-actions .credit-cost{flex-basis:100%;justify-content:center}.assistant-cost{white-space:nowrap}.app-notice.tool-promo{border-color:var(--accent-line);background:linear-gradient(90deg, transparent, oklch(.72 .18 var(--accent-hue) / .75), transparent) top / 100% 1px no-repeat, radial-gradient(60% 180% at 100% 0%, var(--accent-soft), transparent 65%), color-mix(in srgb, var(--surface-solid) 82%, transparent);flex-wrap:nowrap;align-items:stretch;gap:0;padding:0;overflow:hidden}.tool-promo-open{min-width:0;color:inherit;font:inherit;text-align:start;cursor:pointer;transition:background .18s var(--ease);background:0 0;border:0;flex:1;align-items:center;gap:12px;padding:12px 14px;display:flex}.tool-promo-open:hover{background:var(--accent-tint)}.tool-promo-open:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.tool-promo-icon{color:var(--on-accent);background:var(--accent-grad);transition:transform .3s var(--ease-spring)}.tool-promo-open:hover .tool-promo-icon{transform:translateY(-2px)scale(1.04)}.tool-promo-text{min-width:0;color:var(--text-soft);flex:1;font-size:13px;line-height:1.55}.tool-promo-text strong{color:var(--text)}.tool-promo-go{border-radius:var(--radius-pill);min-height:36px;color:var(--on-accent);background:var(--accent-grad);box-shadow:0 6px 16px -6px oklch(.55 .2 var(--accent-hue) / .7), inset 0 1px 0 #ffffff40;transition:filter .15s var(--ease), transform .18s var(--ease);flex:none;align-items:center;gap:6px;padding:8px 15px;font-size:13.5px;font-weight:700;display:inline-flex}.tool-promo-go svg{transition:transform .3s var(--ease-spring)}.tool-promo-open:hover .tool-promo-go{filter:brightness(1.06);transform:translateY(-1px)}.tool-promo-open:hover .tool-promo-go svg{transform:translate(-3px)}.tool-promo .app-notice-close{margin:8px;align-self:flex-start;margin-inline-start:0}@media (width<=560px){.tool-promo-open{flex-wrap:wrap}.tool-promo-text{flex-basis:calc(100% - 48px)}.tool-promo-go{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){.tool-promo-icon,.tool-promo-go,.tool-promo-go svg{transition:none}}:root{--tour-glass:#ffffffe6}:root[data-theme=dark]{--tour-glass:#15151ce0}.tour-button{border-radius:var(--radius-pill);border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 72%, transparent);-webkit-backdrop-filter:blur(10px);height:38px;color:var(--text-soft);white-space:nowrap;cursor:pointer;transition:border-color .18s var(--ease), background .18s var(--ease), box-shadow .18s var(--ease), transform .18s var(--ease);flex:none;align-items:center;gap:8px;padding-block:0;padding-inline:4px 14px;font-size:13px;font-weight:600;display:inline-flex}.tour-button:hover{border-color:var(--line-strong);box-shadow:var(--shadow-xs);transform:translateY(-1px)}.tour-button:active{transform:translateY(0)scale(.97)}.tour-button[aria-pressed=true]{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent-text)}.tour-button-mark{color:#fff;background:var(--brand-gradient);width:28px;height:28px;box-shadow:inset 0 1px 0 #ffffff59, 0 4px 10px -4px color-mix(in srgb, var(--brand-2) 75%, transparent);border-radius:50%;place-items:center;display:grid}@container topbar (width<=420px){.tour-button{border-radius:11px;justify-content:center;width:38px;padding:0}.tour-button>span:last-child{display:none}}.tour{z-index:300;position:fixed;inset:0}.tour-shield{position:absolute;inset:0}.tour-dim{fill:#06060c9e;pointer-events:none;position:absolute;inset:0}.tour-hole{box-shadow:0 0 0 2px oklch(.82 .15 var(--accent-hue)), 0 0 0 6px oklch(.72 .2 var(--accent-hue) / .28), 0 0 40px 6px oklch(.7 .2 var(--accent-hue) / .45);pointer-events:none;border-radius:14px;position:fixed}.tour-bubble{border-radius:var(--radius-lg);border:1px solid var(--line-strong);background:linear-gradient(90deg, transparent, oklch(.78 .17 var(--accent-hue) / .75), transparent) top / 100% 1px no-repeat, radial-gradient(90% 60% at 100% 0%, oklch(.7 .2 var(--accent-hue) / .16), transparent 60%), radial-gradient(70% 50% at 0% 100%, oklch(.7 .2 calc(var(--accent-hue) + 50) / .1), transparent 60%), var(--tour-glass);-webkit-backdrop-filter:blur(18px)saturate(1.4);width:min(380px,100vw - 24px);color:var(--text);box-shadow:var(--shadow-lg), 0 0 0 1px oklch(.7 .2 var(--accent-hue) / .14), 0 26px 70px -30px oklch(.65 .22 var(--accent-hue) / .65);animation:tour-in .26s var(--ease);padding:14px 16px 16px;position:fixed}.tour-bubble:before{content:"";left:calc(var(--tour-arrow) - 8px);background:var(--tour-glass);border:1px solid var(--line-strong);width:16px;height:16px;display:none;position:absolute;transform:rotate(45deg)}.tour[data-placement=below] .tour-bubble:before{border-bottom-color:#0000;border-right-color:#0000;display:block;top:-9px}.tour[data-placement=above] .tour-bubble:before{border-top-color:#0000;border-left-color:#0000;display:block;bottom:-9px}.tour[data-placement=center] .tour-bubble{background:linear-gradient(90deg, transparent, oklch(.78 .17 var(--accent-hue) / .85), transparent) top / 100% 1px no-repeat, radial-gradient(90% 60% at 100% 0%, oklch(.7 .2 var(--accent-hue) / .22), transparent 62%), radial-gradient(70% 55% at 0% 100%, oklch(.7 .2 calc(var(--accent-hue) + 50) / .14), transparent 62%), var(--tour-glass);width:min(440px,100vw - 24px);box-shadow:var(--shadow-lg), 0 0 0 1px oklch(.7 .2 var(--accent-hue) / .18), 0 30px 90px -30px oklch(.65 .22 var(--accent-hue) / .8);padding:18px 20px 20px}.tour[data-placement=center] .tour-badge{border-radius:12px;width:36px;height:36px}.tour[data-placement=center] .tour-title{font-size:20px}.tour-head{align-items:center;gap:10px;display:flex}.tour-badge{background:var(--accent-grad);width:30px;height:30px;color:var(--on-accent);box-shadow:inset 0 1px 0 #ffffff59, 0 6px 16px -6px oklch(.6 .2 var(--accent-hue) / .7);border-radius:10px;flex:none;place-items:center;display:grid}.tour-count{color:var(--text-muted);letter-spacing:.02em;font-variant-numeric:tabular-nums;flex:1;font-size:11.5px;font-weight:700}.tour-close{width:32px;height:32px;color:var(--text-muted);background:0 0;border-color:#0000;border-radius:10px}.tour-close:hover:not(:disabled){background:var(--surface-hover);color:var(--text);border-color:#0000}.tour-progress{border-radius:var(--radius-pill);background:var(--surface-sunken);height:4px;margin:12px 0 14px}.tour-progress span{border-radius:var(--radius-pill);background:var(--accent-grad);height:100%;box-shadow:0 0 12px oklch(.7 .2 var(--accent-hue) / .55);transition:width .3s var(--ease);display:block}.tour-title{letter-spacing:-.02em;margin:0 0 6px;font-size:17px;font-weight:750;line-height:1.3}.tour-text{color:var(--text-soft);margin:0;font-size:14px;line-height:1.65}.tour-actions{justify-content:space-between;align-items:center;gap:8px;margin-top:16px;display:flex}.tour-nav{gap:8px;display:inline-flex}.tour-skip{border-radius:var(--radius-pill);color:var(--text-muted);padding-inline:10px;font-size:13px}.tour-actions .primary-button,.tour-actions .secondary-button{border-radius:var(--radius-pill);min-height:38px;padding-inline:16px;font-size:13.5px}.tour-actions .primary-button{background:var(--accent-grad);box-shadow:inset 0 1px 0 #ffffff4d, 0 8px 20px -8px oklch(.55 .2 var(--accent-hue) / .75);gap:6px}.tour-actions .secondary-button{background:color-mix(in srgb, var(--surface) 70%, transparent);box-shadow:none;padding-inline:14px}@keyframes tour-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}@media (prefers-reduced-motion:reduce){.tour-progress span{transition:none}.tour-bubble{animation:none}.tour-button:hover{transform:none}}.site-closed.is-error{isolation:isolate;border-color:var(--line-strong);background:linear-gradient(90deg, transparent, oklch(.75 .18 var(--accent-hue) / .65), transparent) top / 100% 1px no-repeat, radial-gradient(80% 60% at 100% 0%, oklch(.7 .2 var(--accent-hue) / .14), transparent 62%), radial-gradient(70% 55% at 0% 100%, oklch(.7 .2 calc(var(--accent-hue) + 50) / .1), transparent 62%), color-mix(in srgb, var(--surface) 86%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.4);box-shadow:var(--shadow-lg), 0 30px 80px -40px oklch(.6 .22 var(--accent-hue) / .55);gap:8px;padding:44px 32px 36px;position:relative}.site-closed.is-error .brand-mark{background:var(--accent-grad);width:58px;height:58px;color:var(--on-accent);box-shadow:0 0 0 6px oklch(.77 .15 var(--accent-hue) / .14), 0 16px 40px -8px oklch(.62 .22 var(--accent-hue) / .75), inset 0 1px 0 #ffffff59;border-radius:18px;position:relative}.site-closed.is-error .brand-mark svg{width:26px;height:26px}.site-closed.is-error .brand-mark:after{content:"";border:1px solid oklch(.7 .2 var(--accent-hue) / .45);pointer-events:none;border-radius:26px;animation:2.8s ease-in-out infinite page-error-halo;position:absolute;inset:-12px}@keyframes page-error-halo{0%,to{opacity:.9;transform:scale(1)}50%{opacity:.15;transform:scale(1.14)}}.site-closed.is-error h1{letter-spacing:-.025em;background:linear-gradient(100deg, var(--text) 35%, color-mix(in srgb, var(--accent) 70%, var(--text)));color:#0000;-webkit-background-clip:text;background-clip:text;width:fit-content;margin:12px 0 0;font-size:clamp(22px,3vw,27px);font-weight:800}.site-closed.is-error p{margin:0 0 14px;font-size:15px}.site-closed.is-error .tool-inline-actions{justify-content:center;gap:10px;width:100%}.site-closed.is-error .primary-button,.site-closed.is-error .secondary-button{border-radius:var(--radius-pill);flex:0 auto;width:auto;min-height:46px;padding:0 22px;font-size:14.5px}.site-closed.is-error .primary-button{background:var(--accent-grad);box-shadow:var(--shadow-accent), inset 0 1px 0 #ffffff4d;gap:8px}.site-closed.is-error .secondary-button{background:color-mix(in srgb, var(--surface) 70%, transparent);box-shadow:none}.auth-screen:has(>.site-closed.is-error){background:radial-gradient(60% 50% at 80% 0%, oklch(.62 .2 var(--accent-hue) / .16), transparent 70%), radial-gradient(50% 45% at 10% 100%, oklch(.62 .2 calc(var(--accent-hue) + 50) / .12), transparent 70%), var(--bg);padding:20px}@media (width<=480px){.site-closed.is-error{padding:36px 20px 28px}.site-closed.is-error .primary-button,.site-closed.is-error .secondary-button{flex:auto;padding-inline:16px}}@media (prefers-reduced-motion:reduce){.site-closed.is-error .brand-mark:after{animation:none}}@property --stage-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.tool-page{background:radial-gradient(60% 420px at 85% -80px, oklch(.62 .2 var(--accent-hue) / .14), transparent 70%), radial-gradient(50% 380px at 10% -60px, oklch(.62 .2 calc(var(--accent-hue) + 50) / .1), transparent 70%);background-repeat:no-repeat}.tool-intro,.tool-hero,.me-hero,.credits-hero{background:radial-gradient(55% 130% at 100% 0%, oklch(.66 .2 var(--accent-hue) / .2), transparent 65%), radial-gradient(45% 120% at 0% 100%, oklch(.66 .2 calc(var(--accent-hue) + 50) / .13), transparent 70%), var(--surface);box-shadow:var(--shadow-sm), 0 24px 60px -34px oklch(.55 .2 var(--accent-hue) / .5), var(--inner-highlight)}.tool-intro:before,.tool-hero:before,.me-hero:before,.credits-hero:before{content:"";z-index:-1;inset-inline:-40%;background-image:linear-gradient(to right, oklch(.7 .16 var(--accent-hue) / .16) 1px, transparent 1px), linear-gradient(to bottom, oklch(.7 .16 var(--accent-hue) / .16) 1px, transparent 1px);transform-origin:50% 0;pointer-events:none;background-size:44px 44px;height:90%;animation:4s linear infinite stage-floor;position:absolute;bottom:-30%;transform:perspective(300px)rotateX(64deg);-webkit-mask-image:linear-gradient(#0000,#000 45%,#0000);mask-image:linear-gradient(#0000,#000 45%,#0000)}@keyframes stage-floor{to{background-position:0 44px}}.tool-intro:after,.tool-hero:after{background:linear-gradient(to top, var(--accent), oklch(.72 .18 calc(var(--accent-hue) + 50)) 70%, transparent 115%);transform-origin:bottom;animation:2.6s ease-in-out infinite alternate stage-eq}@keyframes stage-eq{0%{opacity:.2;transform:scaleY(.85)}to{opacity:.3;transform:scaleY(1.02)}}.me-hero,.credits-hero{isolation:isolate}.me-hero>*,.credits-hero>*{position:relative}.tool-intro-icon{box-shadow:0 0 0 6px oklch(.77 .15 var(--accent-hue) / .14), 0 14px 40px -6px oklch(.62 .22 var(--accent-hue) / .75), inset 0 1px 0 #ffffff59;position:relative}.tool-intro-icon:after{content:"";background:conic-gradient(from var(--stage-angle), transparent 0 60%, oklch(.85 .15 var(--accent-hue)), transparent 95%);-webkit-mask-composite:xor;pointer-events:none;border-radius:24px;padding:1.5px;animation:5s linear infinite stage-spin;position:absolute;inset:-6px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}@keyframes stage-spin{to{--stage-angle:360deg}}.drop-zone{isolation:isolate;background:radial-gradient(80% 100% at 50% 0%, oklch(.7 .2 var(--accent-hue) / .16), transparent 70%), radial-gradient(60% 80% at 50% 120%, oklch(.7 .2 calc(var(--accent-hue) + 50) / .1), transparent 70%), var(--surface-2);box-shadow:inset 0 0 0 1px var(--line);border:1.5px solid #0000}.drop-zone:before{content:"";z-index:-1;border-radius:inherit;background:conic-gradient(from var(--stage-angle), transparent 0 55%, var(--accent), oklch(.75 .19 calc(var(--accent-hue) + 50)), transparent 95%);-webkit-mask-composite:xor;opacity:.8;pointer-events:none;padding:1.5px;animation:6s linear infinite stage-spin;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.drop-zone:hover,.drop-zone.is-dragging{background:radial-gradient(80% 100% at 50% 0%, oklch(.7 .2 var(--accent-hue) / .26), transparent 75%), radial-gradient(60% 80% at 50% 120%, oklch(.7 .2 calc(var(--accent-hue) + 50) / .16), transparent 70%), var(--surface-2)}.drop-zone:hover:before,.drop-zone.is-dragging:before{opacity:1;animation-duration:2.4s}.upload-icon{box-shadow:0 0 0 8px oklch(.77 .15 var(--accent-hue) / .12), 0 16px 36px -8px oklch(.6 .22 var(--accent-hue) / .7);animation:3.2s ease-in-out infinite stage-bob}@keyframes stage-bob{50%{translate:0 -5px}}.card,.workspace-card,.settings-panel,.refine-panel,.playback-card,.downloads-card,.processing-box,.chroma-card,.metronome-stage,.tuner-stage,.stat-card,.ear-stage{background:linear-gradient(90deg, transparent, oklch(.72 .18 var(--accent-hue) / .55), transparent) top / 100% 1px no-repeat, radial-gradient(90% 70% at 100% 0%, var(--accent-tint), transparent 60%), var(--surface)}.step-number{background:var(--accent-grad);box-shadow:0 6px 18px -4px oklch(.6 .2 var(--accent-hue) / .6), inset 0 1px 0 #ffffff4d}@media (prefers-reduced-motion:reduce){.tool-intro:before,.tool-hero:before,.me-hero:before,.credits-hero:before,.tool-intro:after,.tool-hero:after,.tool-intro-icon:after,.drop-zone:before,.upload-icon{animation:none}}:root[dir=ltr] .lucide-chevron-left,:root[dir=ltr] .lucide-chevron-right,:root[dir=ltr] .lucide-arrow-left,:root[dir=ltr] .lucide-arrow-right{transform:scaleX(-1)}:root[dir=ltr] .quick-action:hover .quick-action-go{transform:translate(3px)scaleX(-1)}:root[dir=ltr] .tool-card:hover .tool-card-arrow{transform:translate(4px)scaleX(-1)}:root[dir=ltr] .next-step:hover .next-step-go{transform:translate(3px)scaleX(-1)}:root[dir=ltr] .aura-flow-steps button:before{background:linear-gradient(to right, color-mix(in oklab, var(--accent) 34%, transparent), color-mix(in oklab, var(--accent) 10%, transparent));transform-origin:0}:root[dir=ltr] .aura-step-arrow{transform:translate(-10px)}:root[dir=ltr] .aura-flow-steps button:hover:enabled .aura-step-num,:root[dir=ltr] .aura-flow-steps button:focus-visible .aura-step-num{transform:translate(10px)}:root[dir=ltr] .aura-flow-steps button:hover:enabled .aura-step-arrow,:root[dir=ltr] .aura-flow-steps button:focus-visible .aura-step-arrow{transform:none}:root[dir=ltr] .aura-pledge-mark{rotate:180deg}@media (width<=960px){:root[dir=ltr] .sidebar{transform:translate(-105%)}:root[dir=ltr] .app[data-nav-open=true] .sidebar{transform:none}}:root[dir=ltr] .account-drawer{animation-name:drawer-in-ltr}@keyframes drawer-in-ltr{0%{transform:translate(100%)}to{transform:none}}:root[dir=ltr] .marquee-chip{direction:ltr}:root[dir=ltr] .nav-heading:after{background:linear-gradient(to right, var(--line-strong), transparent)}