:root{--bg: #0a0a0a;--bg-soft: #101014;--surface: #141419;--border: #232330;--text: #ededf2;--muted: #8d8d99;--accent: #8b5cf6;--accent-bright: #a855f7;--accent-soft: rgba(139, 92, 246, .14);--danger: #f87171;--stem-vocals: #8b5cf6;--stem-instrumental: #a78bfa;--stem-drums: #22d3ee;--stem-bass: #f59e0b;--stem-electric-guitar: #34d399;--stem-acoustic-guitar: #84cc16;--stem-piano: #f472b6;--stem-synthesizer: #818cf8;--stem-voice-and-noise: #e879f9;--stem-strings: #fb7185;--stem-wind: #5eead4}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Space Grotesk,system-ui,sans-serif;font-weight:500;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,.display{font-family:Syne,sans-serif;font-weight:700;line-height:1.1;letter-spacing:-.01em}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}button:focus,a:focus,input:focus,[tabindex]:focus{outline:none}.faq-q,.faq-q:focus,.faq-q:focus-visible,.brand,.brand:focus,.brand:focus-visible,.suggestion:focus,.suggestion:focus-visible,.use-card:focus,.use-card:focus-visible{outline:none}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent);color:#fff}.container{max-width:1060px;margin:0 auto;padding:0 24px}.nav{position:sticky;top:14px;z-index:10;width:fit-content;max-width:calc(100% - 32px);margin:14px auto 0;padding:0 10px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#101014b8;border:1px solid var(--border);border-radius:999px;box-shadow:0 8px 32px #00000073}.nav-inner{display:flex;align-items:center;justify-content:center;gap:40px;height:60px}@media(max-width:1060px){.nav{max-width:calc(100% - 32px)}}@media(max-width:640px){.nav-inner{gap:14px;height:52px}.nav-links{gap:12px;font-size:.82rem}.brand{font-size:1.15rem}}.brand{font-family:Syne,sans-serif;font-weight:800;font-size:1.35rem;display:inline-flex;align-items:center;gap:9px}.brand-glyph{flex-shrink:0}.brand .dot{color:var(--accent-bright)}.nav-links{display:flex;align-items:center;gap:28px;font-size:.92rem;color:var(--muted)}.nav-links a:hover{color:var(--text)}.nav-link{position:relative;padding-bottom:2px}.nav-zigzag{position:absolute;left:0;bottom:-7px;width:100%;height:8px;opacity:0;pointer-events:none}.nav-link.active{color:var(--text)}.nav-link.active .nav-zigzag{opacity:1;animation:zigzag-in .35s ease-out}.nav-zigzag polyline{stroke-dasharray:120;stroke-dashoffset:0}.nav-link.active .nav-zigzag polyline{animation:zigzag-draw .45s ease-out}@keyframes zigzag-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes zigzag-draw{0%{stroke-dashoffset:120}to{stroke-dashoffset:0}}@media(prefers-reduced-motion:reduce){.nav-link.active .nav-zigzag,.nav-link.active .nav-zigzag polyline{animation:none}}.btn{display:inline-block;padding:12px 26px;border-radius:10px;font-weight:600;font-size:.95rem;transition:all .18s ease}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 0 24px #8b5cf659}.btn-primary:hover{background:var(--accent-bright);box-shadow:0 0 36px #a855f780;transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.hero{padding:48px 0 110px;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-220px;left:50%;transform:translate(-50%);width:720px;height:520px;background:radial-gradient(ellipse at center,rgba(139,92,246,.22),transparent 65%);pointer-events:none}.hero h1{font-size:clamp(2.4rem,6vw,4.1rem);font-weight:500;max-width:900px;margin:0 auto 22px;position:relative}.hero-kicker{display:inline-flex;align-items:center;gap:8px;position:relative;margin-bottom:18px;padding:6px 16px;border:1px solid rgba(139,92,246,.45);border-radius:999px;background:var(--accent-soft);color:var(--accent-bright);font-size:.78rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.hero-line{display:block;white-space:nowrap}.hero-photo{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/hero-crowd.jpg);background-size:cover;background-position:center 30%;opacity:.16;pointer-events:none;filter:grayscale(45%) brightness(.75) contrast(1.05);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 18%,black 62%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,black 18%,black 62%,transparent 100%)}.hero-photo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0a0a0a4d,#8b5cf61f 45%,#0a0a0a8c)}.hero h1 em{font-style:normal;background:linear-gradient(120deg,var(--accent),var(--accent-bright));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero p{color:var(--muted);font-size:1.18rem;max-width:540px;margin:0 auto 8px;position:relative}.hero-cta{margin-top:44px;position:relative}.hero .hero-trust{margin-top:14px;color:var(--muted);font-size:.84rem;letter-spacing:.02em}.hero-visual{max-width:560px;margin:48px auto 0;position:relative}.hv-mix{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px 20px 14px;position:relative}.hv-tag{position:absolute;top:-10px;left:18px;font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:var(--bg);padding:1px 10px;border:1px solid var(--border);border-radius:20px}.hv-bars{display:block;width:100%}.hv-animate rect{animation:hv-pulse 1.6s ease-in-out infinite alternate}@keyframes hv-pulse{0%{transform:scaleY(.55)}to{transform:scaleY(1)}}.hv-split{display:block;width:100%;height:40px}.hv-lanes{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.hv-lane{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px 14px 8px;text-align:center}.hv-label{display:block;margin-top:6px;font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}@media(prefers-reduced-motion:reduce){.hv-animate rect{animation:none}}@media(max-width:480px){.hv-lanes{gap:8px}.hv-lane{padding:10px 8px 6px}}@media(max-width:700px){.hero h1{font-size:clamp(1.8rem,8.5vw,2.5rem)}}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:22px}.why-card{position:relative;border:1px solid var(--border);border-radius:16px;background:var(--surface);padding:26px 24px 24px;overflow:hidden;transition:border-color .2s ease,transform .2s ease}.why-card:hover{border-color:#8b5cf666;transform:translateY(-3px)}.why-num{display:block;font-family:Syne,sans-serif;font-weight:700;font-size:.82rem;letter-spacing:.16em;color:var(--accent-bright);opacity:.85;margin-bottom:14px}.why-card h3{font-size:1.02rem;line-height:1.35;margin-bottom:10px}.why-card p{color:var(--muted);font-size:.92rem;line-height:1.65}.why-answer{display:grid;grid-template-columns:1.05fr 1fr;gap:34px;align-items:center;border:1px solid rgba(139,92,246,.42);border-radius:18px;padding:34px;background:radial-gradient(ellipse at top left,rgba(139,92,246,.14),transparent 60%),var(--surface);box-shadow:0 0 48px #8b5cf61a}.ps-tag{display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:5px 14px;border-radius:999px;color:var(--accent-bright);border:1px solid rgba(139,92,246,.45);background:var(--accent-soft)}.wa-tag{margin-bottom:16px}.wa-copy h3{font-size:clamp(1.25rem,2.6vw,1.6rem);margin-bottom:12px}.wa-copy p{color:var(--muted);font-size:.96rem;line-height:1.7}.wa-demo{display:flex;flex-direction:column;gap:10px}.wa-msg{max-width:90%;padding:11px 16px;border-radius:16px;font-size:.9rem;line-height:1.5}.wa-user{align-self:flex-end;background:var(--accent-soft);border:1px solid rgba(139,92,246,.35);border-bottom-right-radius:5px}.wa-agent{align-self:flex-start;background:var(--bg-soft);border:1px solid var(--border);border-bottom-left-radius:5px;color:var(--muted)}.wa-stems{display:flex;gap:8px;margin-top:2px}.wa-stem{display:inline-flex;align-items:center;gap:7px;font-size:.78rem;font-weight:600;padding:6px 13px;border-radius:999px;color:var(--ws);border:1px solid color-mix(in srgb,var(--ws) 40%,transparent);background:color-mix(in srgb,var(--ws) 10%,transparent)}.wa-stem:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ws)}@media(max-width:860px){.why-grid{grid-template-columns:1fr;gap:14px}.why-answer{grid-template-columns:1fr;gap:26px;padding:28px 24px}}.section{padding:90px 0;border-top:1px solid var(--border)}.section h2{font-size:clamp(1.7rem,4vw,2.4rem);margin-bottom:12px}.section .lede{color:var(--muted);margin-bottom:48px;max-width:520px}.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:28px;transition:border-color .18s ease}.card:hover{border-color:#8b5cf673}.card .icon{width:42px;height:42px;border-radius:10px;background:var(--accent-soft);color:var(--accent-bright);display:flex;align-items:center;justify-content:center;margin-bottom:18px}.card h3{font-size:1.05rem;margin-bottom:8px}.card p{color:var(--muted);font-size:.92rem}.use-card{border-top:2px solid var(--border);position:relative;overflow:hidden;text-align:left;cursor:pointer;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.use-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #0006}.use-card:active{transform:translateY(-1px) scale(.99)}.use-card h3{color:var(--text)}.uc-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:color-mix(in srgb,currentColor 12%,transparent);border:1px solid color-mix(in srgb,currentColor 30%,transparent);margin-bottom:14px;position:relative;z-index:1;transition:transform .18s ease}.use-card:hover .uc-icon{transform:scale(1.08) rotate(-3deg)}.uc-eq{display:block;margin-bottom:12px;opacity:.9;position:relative;z-index:1}.uc-eq rect{transform-origin:center}.uc-burst{position:absolute;top:44px;left:44px;width:20px;height:20px;border-radius:50%;border:2px solid var(--uc-color);opacity:0;pointer-events:none;z-index:0}.use-card.playing .uc-burst{animation:uc-ripple .9s ease-out}@keyframes uc-ripple{0%{opacity:.8;box-shadow:0 0 color-mix(in srgb,var(--uc-color) 35%,transparent);transform:scale(1)}to{opacity:0;box-shadow:0 0 60px 40px transparent;transform:scale(16)}}.use-card.playing{border-top-color:var(--uc-color);box-shadow:0 0 42px color-mix(in srgb,var(--uc-color) 28%,transparent)}.use-card.playing .uc-eq rect{animation:eq-bounce .35s ease-in-out infinite alternate}.use-card.playing .uc-eq rect:nth-child(2n){animation-delay:.12s}.use-card.playing .uc-eq rect:nth-child(3n){animation-delay:.22s}.use-card.playing.anim-pads .pad{animation:pad-hit .32s ease-in-out 2;transform-origin:center;transform-box:fill-box}.use-card.playing.anim-pads .pad-2{animation-delay:.12s}.use-card.playing.anim-pads .pad-3{animation-delay:.24s}.use-card.playing.anim-pads .pad-4{animation-delay:.36s}@keyframes pad-hit{0%,to{fill:transparent;transform:scale(1)}50%{fill:currentColor;transform:scale(.82)}}.use-card.playing.anim-vinyl .vinyl{animation:vinyl-spin 1.3s cubic-bezier(.3,0,.2,1);transform-origin:center;transform-box:fill-box}@keyframes vinyl-spin{0%{transform:rotate(0)}to{transform:rotate(720deg)}}.use-card.playing.anim-mic .mic{animation:mic-drop .55s cubic-bezier(.34,1.56,.64,1) 2 alternate;transform-origin:center;transform-box:fill-box}@keyframes mic-drop{0%{transform:rotate(0)}40%{transform:rotate(-14deg) translateY(1px)}to{transform:rotate(10deg)}}.use-card.playing.anim-note .note{animation:note-bop .42s ease-in-out 3 alternate;transform-origin:center;transform-box:fill-box}@keyframes note-bop{0%{transform:translateY(1.5px) rotate(-6deg) scale(.96)}to{transform:translateY(-2px) rotate(6deg) scale(1.06)}}@media(prefers-reduced-motion:reduce){.use-card.playing .uc-burst,.use-card.playing .uc-eq rect,.use-card.playing .pad,.use-card.playing .vinyl,.use-card.playing .mic,.use-card.playing .note{animation:none}}.section-center{text-align:center}.section-center .lede{margin-left:auto;margin-right:auto}.faq-list{max-width:680px;margin:0 auto;text-align:left;border-top:1px solid var(--border)}.faq-item{border-bottom:1px solid var(--border)}.faq-q{display:flex;align-items:center;gap:20px;width:100%;padding:26px 4px;text-align:left;font-weight:600;font-size:1.08rem;color:var(--text);transition:color .18s ease;outline:none}.faq-q:focus-visible{color:var(--accent-bright)}.faq-q:hover{color:#fff}.faq-text{flex:1}.faq-toggle{flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--muted);transition:color .2s ease,transform .3s ease}.faq-toggle .faq-vbar{transform-origin:center;transition:transform .3s ease}.faq-q:hover .faq-toggle{color:var(--accent-bright)}.faq-item.open .faq-toggle{color:var(--accent-bright);transform:rotate(180deg)}.faq-item.open .faq-toggle .faq-vbar{transform:scaleY(0)}.faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.faq-item.open .faq-a{grid-template-rows:1fr}.faq-a-inner{overflow:hidden}.faq-a-inner p{padding:0 40px 28px 4px;color:var(--muted);font-size:.96rem;line-height:1.75;max-width:580px;margin:0}@media(prefers-reduced-motion:reduce){.faq-a,.faq-toggle,.faq-toggle .faq-vbar,.why-card{transition:none}}@media(max-width:560px){.faq-q{gap:14px;font-size:1rem;padding:22px 2px}.faq-a-inner p{padding:0 4px 24px}}.footer{border-top:1px solid var(--border);padding:36px 0;color:var(--muted);font-size:.88rem}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.footer-links{display:flex;align-items:center;gap:18px}.footer a{display:inline-flex;align-items:center;gap:7px;color:var(--text);border-bottom:1px solid var(--border)}.footer a svg{flex-shrink:0;color:var(--muted);transition:color .18s ease}.footer a:hover{border-color:var(--accent)}.footer a:hover svg{color:var(--accent-bright)}.chat-page{display:flex;flex-direction:column;height:calc(100vh - 74px)}.chat-col{width:100%;max-width:780px;margin:0 auto;padding:0 20px}.chat-scroll{flex:1;overflow-y:auto;padding:16px 0}.chat-welcome{padding-top:3vh;text-align:center}.chat-welcome h1{font-size:clamp(1.8rem,4vw,2.5rem);margin-bottom:8px}.chat-welcome .sub{color:var(--muted);margin-bottom:36px}.suggestions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px}.suggestion{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:20px;padding:8px 16px;font-size:.88rem;transition:all .15s ease}.suggestion:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}.chat-thread{display:flex;flex-direction:column;gap:26px;padding-bottom:12px}.turn.user{display:flex;justify-content:flex-end}.turn.user .bubble{max-width:78%;background:var(--accent-soft);border:1px solid rgba(139,92,246,.35);color:var(--text);padding:12px 18px;border-radius:18px 18px 6px;font-size:.96rem}.turn-body{font-size:.98rem;line-height:1.6}.turn-body>p{margin:0}.turn-error{color:var(--danger)}.turn-results,.turn-results .results{margin-top:16px}.composer-wrap{flex-shrink:0;padding:10px 0 18px;background:linear-gradient(to top,var(--bg) 70%,transparent)}.composer-file{display:inline-flex;align-items:center;gap:10px;margin-bottom:8px;padding:6px 12px;background:var(--surface);border:1px solid var(--border);border-radius:10px;font-size:.82rem;color:var(--muted);max-width:100%}.composer-file .cf-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer-file button{color:var(--muted);flex-shrink:0}.composer-file button:hover{color:var(--danger)}.composer{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:8px 10px;transition:border-color .15s ease}.composer:focus-within{border-color:var(--accent)}.composer input{flex:1;min-width:0;background:none;border:none;padding:10px 6px;color:var(--text);font:inherit;outline:none}.composer input::placeholder{color:var(--muted)}.composer-attach{width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:10px;color:var(--muted);transition:all .15s ease}.composer-attach:hover:not(:disabled){color:var(--accent-bright);background:var(--accent-soft)}.composer-send{width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--accent);color:#fff;transition:all .15s ease}.composer-send:disabled{opacity:.35}.composer-send:hover:not(:disabled){background:var(--accent-bright)}.composer-hint{text-align:center;color:var(--muted);font-size:.75rem;margin-top:8px}.dropzone{display:flex;align-items:center;justify-content:center;gap:14px;border:1.5px dashed var(--border);border-radius:12px;padding:16px 20px;text-align:left;cursor:pointer;transition:all .18s ease;background:var(--bg-soft)}.dropzone:hover,.dropzone.drag{border-color:var(--accent);background:var(--accent-soft)}.dropzone .dz-title{font-weight:600;font-size:.95rem;margin-bottom:0}.dropzone .dz-hint{color:var(--muted);font-size:.8rem}.dz-wave{color:var(--border);width:68px;flex-shrink:0;margin:0;transition:color .18s ease}.dropzone:hover .dz-wave,.dropzone.drag .dz-wave{color:var(--accent)}.wave-strip{display:block;width:100%;height:24px}.chip-wave{flex-shrink:0;width:76px;opacity:.85}.file-chip{display:flex;flex-direction:column;gap:10px;background:var(--surface);border:1px solid var(--accent);border-radius:12px;padding:14px 18px;text-align:left}.file-chip-head{display:flex;align-items:center;gap:12px}.file-chip .name{flex:1;min-width:0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-chip .size{color:var(--muted);font-size:.85rem;flex-shrink:0}.file-chip button{color:var(--muted);flex-shrink:0}.file-chip button:hover{color:var(--danger)}.processing{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:.95rem}.eq-loader{display:flex;align-items:center;gap:3px;height:20px;flex-shrink:0}.eq-loader span{width:4px;height:100%;border-radius:2px;background:var(--accent-bright);animation:eq-bounce .9s ease-in-out infinite alternate;transform-origin:center}.eq-loader span:nth-child(1){animation-delay:0s;background:var(--stem-vocals)}.eq-loader span:nth-child(2){animation-delay:.15s;background:var(--accent-bright)}.eq-loader span:nth-child(3){animation-delay:.3s;background:var(--stem-drums)}.eq-loader span:nth-child(4){animation-delay:.45s;background:var(--stem-bass)}.eq-loader span:nth-child(5){animation-delay:.6s;background:var(--stem-piano)}@keyframes eq-bounce{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}@media(prefers-reduced-motion:reduce){.eq-loader span{animation:none;transform:scaleY(.6)}}.results{margin-top:32px;display:flex;flex-direction:column;gap:16px}.stem-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:22px}.stem-card h3{font-size:1rem;margin-bottom:14px;display:flex;align-items:center;gap:10px}.stem-card h3 .tag{font-family:Space Grotesk,sans-serif;font-weight:500;font-size:.72rem;color:var(--accent-bright);background:var(--accent-soft);padding:3px 10px;border-radius:20px;letter-spacing:.04em;text-transform:uppercase}.lane-stack{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:12px;overflow:hidden}.stem-lane{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--bg-soft)}.stem-lane+.stem-lane{border-top:1px solid var(--border)}.lane-rail{display:flex;align-items:center;gap:8px;width:128px;flex-shrink:0}.lane-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.lane-label{font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wave-player{flex:1;min-width:0;display:flex;align-items:center;gap:10px}.wave-toggle{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--border);background:var(--surface);transition:all .18s ease}.wave-toggle:hover{border-color:currentColor;transform:scale(1.06)}.wave-canvas{flex:1;min-width:0;height:40px;cursor:pointer;display:block}.wave-canvas.loading{opacity:.35;animation:wave-shimmer 1.1s ease-in-out infinite alternate}@keyframes wave-shimmer{0%{opacity:.2}to{opacity:.5}}.lane-dl{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid var(--border);color:var(--muted);transition:all .18s ease}.lane-dl:hover{border-color:var(--accent);color:var(--accent-bright);background:var(--accent-soft)}.lane-more{align-self:flex-start;margin-top:10px;font-size:.82rem;font-weight:600;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:6px 14px;transition:all .18s ease}.lane-more:hover{border-color:var(--accent);color:var(--accent-bright);background:var(--accent-soft)}.dl{flex-shrink:0;font-size:.85rem;font-weight:600;color:var(--accent-bright);border:1px solid var(--border);border-radius:8px;padding:7px 14px;transition:all .18s ease}.dl:hover{border-color:var(--accent);background:var(--accent-soft)}@media(max-width:560px){.stem-lane{flex-wrap:wrap;gap:8px}.lane-rail{width:calc(100% - 44px)}}.auth-error{color:#f87171;font-size:.85rem;margin:0}.shell{display:flex;flex-direction:column;min-height:100vh}.shell-top{position:sticky;top:10px;z-index:20;display:flex;align-items:center;gap:26px;height:56px;padding:0 22px;width:fit-content;max-width:calc(100% - 28px);margin:10px auto 8px;border-radius:999px;border:1px solid rgba(139,92,246,.16);background:radial-gradient(60% 140% at 50% 0%,rgba(139,92,246,.09),transparent 70%),#0d0d11b8;backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);box-shadow:0 8px 28px #00000059}.shell-top:after{content:"";position:absolute;left:8%;right:8%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.45) 35%,rgba(168,85,247,.55) 50%,rgba(139,92,246,.45) 65%,transparent);pointer-events:none}.shell-brand .brand-glyph rect{transform-box:fill-box;transform-origin:center;animation:shell-eq 2.6s ease-in-out infinite}.shell-brand .brand-glyph rect:nth-child(1){animation-delay:0s}.shell-brand .brand-glyph rect:nth-child(2){animation-delay:.35s}.shell-brand .brand-glyph rect:nth-child(3){animation-delay:.7s}.shell-brand .brand-glyph rect:nth-child(4){animation-delay:1.05s}@keyframes shell-eq{0%,to{transform:scaleY(1)}50%{transform:scaleY(.55)}}@media(prefers-reduced-motion:reduce){.shell-brand .brand-glyph rect{animation:none}}.shell-brand{flex-shrink:0}.shell-tabs{display:flex;align-items:center;gap:6px;margin:0 auto}.shell-tab{display:flex;align-items:center;gap:8px;padding:7px 16px;border-radius:999px;color:var(--muted);font-size:.9rem;font-weight:600;transition:all .15s ease}.shell-tab:hover{color:var(--text);background:var(--surface)}.shell-tab.active{color:var(--text);background:var(--accent-soft);box-shadow:inset 0 0 0 1px #8b5cf64d}.shell-tab.active svg{color:var(--accent-bright)}.shell-back{flex-shrink:0;color:var(--muted);font-size:.85rem;font-weight:600;padding:6px 10px;border-radius:8px;transition:all .15s ease}.shell-back:hover{color:var(--text);background:var(--surface)}.shell-main{flex:1;min-width:0;display:flex;flex-direction:column}.shell-scroll{flex:1}.has-tip{position:relative}.has-tip:after{content:attr(data-tip);position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(-4px);width:max-content;max-width:240px;padding:9px 13px;border-radius:10px;border:1px solid rgba(139,92,246,.3);background:#131318f7;color:var(--muted);font-size:.78rem;font-weight:500;line-height:1.45;letter-spacing:normal;text-transform:none;white-space:pre-line;text-align:center;box-shadow:0 10px 30px #00000080;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility .18s;z-index:30}.has-tip:before{content:"";position:absolute;top:calc(100% + 5px);left:50%;transform:translate(-50%) rotate(45deg) translateY(-2px);width:9px;height:9px;border-left:1px solid rgba(139,92,246,.3);border-top:1px solid rgba(139,92,246,.3);background:#131318f7;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s;z-index:31}.has-tip:hover:after,.has-tip:focus-visible:after{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.has-tip:hover:before,.has-tip:focus-visible:before{opacity:1;visibility:visible}@media(hover:none){.has-tip:after,.has-tip:before{display:none}}.page{max-width:760px;margin:0 auto;padding:48px 32px 80px}.page-head{margin-bottom:40px}.page-head h1{font-family:Syne,sans-serif;font-size:clamp(1.9rem,4.5vw,2.6rem);font-weight:700;margin:0 0 6px}.page-sub{color:var(--muted);font-size:1.02rem;margin:0}@media(max-width:560px){.shell-top{gap:10px;padding:0 12px}.shell-tab span{display:none}.shell-tab{padding:8px 12px}.shell-back{font-size:.8rem}.page{padding:36px 20px 64px}}.dash-cta{padding:12px 28px}.dash-empty{color:var(--muted)}.dash-empty-card{background:var(--surface);border:1px dashed var(--border);border-radius:14px;padding:34px 28px;text-align:center}.dash-empty-card p{margin:0;font-weight:600}.dash-empty-hint{margin-top:6px!important;color:var(--muted);font-size:.9rem;font-weight:400!important}.dash-job{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px 22px;margin-bottom:14px}.dash-job-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}.dash-job-file{font-size:1rem;font-weight:600;margin:0 0 3px;word-break:break-all}.dash-job-msg{color:var(--muted);font-size:.88rem;margin:0}.dash-job-date{color:var(--muted);font-size:.82rem;white-space:nowrap;flex-shrink:0}.dash-stems{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.dash-stem{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.dash-stem-name{font-size:.9rem;font-weight:600}.dash-stem-links{display:flex;gap:8px}.dash-note{color:var(--muted);font-size:.82rem;margin-top:18px}@keyframes rec-blink{0%,to{opacity:1}50%{opacity:.25}}.step{border:1px solid var(--border);border-radius:4px;background:var(--surface);padding:0;min-width:0;transition:background .1s ease,box-shadow .1s ease}.step.bar-start{border-left:2px solid rgba(139,92,246,.5)}.step.beat-start{border-left:1px solid rgba(255,255,255,.18)}.step.now{box-shadow:0 0 0 1px var(--accent-bright),0 0 10px #a855f780}