@font-face{font-family:"Barlow SC";src:url("../fonts/barlow-semi-condensed-500.woff2") format("woff2");font-weight:500;font-display:swap}@font-face{font-family:"Barlow SC";src:url("../fonts/barlow-semi-condensed-600.woff2") format("woff2");font-weight:600;font-display:swap}@font-face{font-family:"Barlow SC";src:url("../fonts/barlow-semi-condensed-700.woff2") format("woff2");font-weight:700;font-display:swap}:root{--ink-0:#0f1014;--ink-1:#17181d;--ink-2:#202128;--ink-3:#2b2c34;--line:rgba(242, 236, 224, 0.09);--line-2:rgba(242, 236, 224, 0.16);--text:#f3efe7;--text-2:rgba(243, 239, 231, 0.66);--text-3:rgba(243, 239, 231, 0.42);--car-a:#e5677e;--car-b:#a8cc5c;--amber:#ffb224;--sky:#5fb8d6;--mint:#6fcfa6;--sun:#f2c75c;--plum:#9a7fd0;--r-stage:22px;--r-card:14px;--panel-w:360px;--rail-w:64px;--gap:14px;--face:"PingFang SC","Microsoft YaHei","Noto Sans SC",system-ui,sans-serif;--num:"Barlow SC","SF Pro Display",var(--face);--math:"Cambria Math",Cambria,"Times New Roman",serif;--ease:cubic-bezier(0.32, 0.72, 0, 1)}*{box-sizing:border-box}body,html{height:100%;margin:0}body{background:var(--ink-0);color:var(--text);font:14px/1.5 var(--face);-webkit-font-smoothing:antialiased;overflow:hidden}button,input{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.gcard i,.result i,.steps i,i.m{font-family:var(--math);font-style:italic}kbd{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:5px;border:1px solid var(--line-2);font:600 11px/1 var(--num);color:var(--text-2)}.app{display:grid;height:100vh;height:100dvh;padding:0 0 var(--gap) var(--gap);grid-template-columns:minmax(0,1fr) 0 0 var(--rail-w);grid-template-rows:64px minmax(0,1fr);grid-template-areas:"brand brand brand rail" "stage resizer panel rail";transition:grid-template-columns .42s var(--ease)}.app.open{grid-template-columns:minmax(0,1fr) 12px var(--panel-w) var(--rail-w)}.app.dragging{transition:none}.brand{grid-area:brand;display:flex;align-items:center;padding-left:4px}.brand-logo{height:34px;width:auto;display:block}.stage{grid-area:stage;position:relative;min-width:0;border-radius:var(--r-stage);overflow:hidden;background:#ddd3c4;box-shadow:0 0 0 1px var(--line),0 30px 60px -30px rgba(0,0,0,.7)}body[data-sky=night] .stage{background:#262a3a}.stage-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,rgba(15,16,20,.34),transparent 22%),linear-gradient(to top,rgba(15,16,20,.42),transparent 26%)}.hud{position:absolute;z-index:2;display:flex;align-items:center;gap:10px}.hud-tl{top:18px;left:20px}.hud-tr{top:16px;right:16px;align-items:flex-start}.hud-bl{left:16px;bottom:16px}.hud-br{right:16px;bottom:16px}.title{margin:0;font-size:22px;font-weight:700;letter-spacing:.04em;text-shadow:0 1px 12px rgba(0,0,0,.35)}.ortho,.pill,.round,.toast,.transport{background:rgba(23,24,29,.56);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 8px 24px -10px rgba(0,0,0,.55)}.pill{display:inline-flex;padding:3px;border-radius:999px;gap:2px}.pill button{border:0;background:0 0;height:32px;padding:0 14px;border-radius:999px;color:var(--text-2);font-size:13px;font-weight:600;transition:background .25s var(--ease),color .25s}.pill button:hover{color:var(--text)}.pill button[aria-checked=true]{background:var(--text);color:var(--ink-1)}.sky-pill button{width:36px;padding:0;display:grid;place-items:center}.sky-pill svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.sky-pill [data-sky=day][aria-checked=true]{background:var(--sun);color:#3a2a05}.sky-pill [data-sky=night][aria-checked=true]{background:#b9c2ff;color:#161a3a}.round{width:38px;height:38px;border:0;border-radius:50%;display:grid;place-items:center;color:var(--text);transition:transform .2s var(--ease),background .2s}.round:hover{background:rgba(43,44,52,.75)}.round:active{transform:scale(.94)}.round.sm{width:34px;height:34px;background:0 0;box-shadow:none}.round svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.cube-wrap{position:relative}.cube-btn[aria-expanded=true]{background:var(--text);color:var(--ink-1)}.ortho{position:absolute;top:46px;right:0;display:flex;flex-direction:column;gap:2px;padding:5px;border-radius:16px;transform-origin:top right;animation:drop .28s var(--ease)}.ortho[hidden]{display:none}.ortho button{display:flex;align-items:center;gap:8px;border:0;background:0 0;white-space:nowrap;height:34px;padding:0 12px 0 8px;border-radius:11px;color:var(--text-2);font-size:13px;font-weight:600}.ortho button:hover{background:rgba(255,255,255,.08);color:var(--text)}.ortho button[aria-pressed=true]{color:var(--text);background:rgba(255,255,255,.12)}@keyframes drop{from{opacity:0;transform:translateY(-6px) scale(.96)}}.transport{right:70px;height:56px;padding:0 8px 0 8px;gap:12px;border-radius:999px;max-width:760px}.play{flex:none;width:42px;height:42px;border:0;border-radius:50%;display:grid;place-items:center;background:var(--amber);color:#2a1b00;box-shadow:0 6px 18px -6px rgba(255,178,36,.7);transition:transform .18s var(--ease)}.play:active{transform:scale(.92)}.play svg{width:20px;height:20px;fill:currentColor}.play .i-pause,.play[aria-pressed=true] .i-play{display:none}.play[aria-pressed=true] .i-pause{display:block}.clock{flex:none;min-width:74px;font:600 24px/1 var(--num);letter-spacing:.01em;font-variant-numeric:tabular-nums}.clock small{font-size:13px;color:var(--text-3);margin-left:2px}.scrub-wrap{position:relative;flex:1;min-width:120px;height:100%;display:flex;align-items:center}.marks{position:absolute;left:8px;right:8px;top:9px;height:12px;pointer-events:none}.mark{position:absolute;top:0;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:var(--c,var(--text-2));box-shadow:0 0 0 2px rgba(23,24,29,.9);transition:transform .2s var(--ease)}.mark.meet{--c:#ff6f9a;border-radius:50% 50% 50% 0;transform:rotate(-45deg)}.mark.on{transform:scale(1.5)}.mark.meet.on{transform:rotate(-45deg) scale(1.5)}input[type=range]{-webkit-appearance:none;appearance:none;background:0 0;width:100%;height:28px;margin:0;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(to right,var(--fill,var(--amber)) var(--p,0),var(--track,rgba(255,255,255,.16)) var(--p,0))}input[type=range]::-moz-range-track{height:4px;border-radius:4px;background:rgba(255,255,255,.16)}input[type=range]::-moz-range-progress{height:4px;border-radius:4px;background:var(--fill,var(--amber))}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;margin-top:-6px;border-radius:50%;background:#fff;border:0;box-shadow:0 2px 8px rgba(0,0,0,.45);transition:transform .15s var(--ease)}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.2)}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:0}.chip-btn{flex:none;height:30px;min-width:44px;padding:0 10px;border:0;border-radius:999px;background:rgba(255,255,255,.1);font:600 13px/1 var(--num)}.chip-btn:hover{background:rgba(255,255,255,.16)}.toast{position:absolute;left:50%;top:18px;z-index:3;padding:8px 16px;border-radius:999px;font-size:13px;font-weight:600;transform:translate(-50%,-8px);opacity:0;pointer-events:none;transition:opacity .3s,transform .3s var(--ease)}.toast.show{opacity:1;transform:translate(-50%,0)}.rail{grid-area:rail;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 0 var(--gap)}.rail-sep{width:22px;height:1px;background:var(--line-2);margin:6px 0}.rail-grow{flex:1}.rail-btn{position:relative;width:44px;height:44px;border:0;border-radius:14px;display:grid;place-items:center;background:0 0;color:var(--text-2);transition:background .2s,color .2s}.rail-btn:hover{background:var(--ink-2);color:var(--text)}.rail-btn svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.rail-btn[aria-expanded=true]{background:var(--ink-3);color:var(--text)}.rail-btn[aria-expanded=true]::before{content:"";position:absolute;left:-10px;top:12px;bottom:12px;width:3px;border-radius:3px;background:var(--accent,var(--amber))}.rail-btn[data-panel=scene]{--accent:var(--car-a)}.rail-btn[data-panel=cars]{--accent:var(--amber)}.rail-btn[data-panel=show]{--accent:var(--sky)}.rail-btn[data-panel=graph]{--accent:var(--mint)}.rail-btn[data-panel=learn]{--accent:var(--plum)}.rail-btn[data-panel=sound]{--accent:var(--sun)}.rail-btn[data-panel=help]{--accent:var(--text-2)}.tip-unused{position:absolute;right:calc(100% + 10px);top:50%;padding:5px 10px;border-radius:8px;white-space:nowrap;background:var(--text);color:var(--ink-1);font-size:12px;font-weight:600;transform:translate(4px,-50%);opacity:0;pointer-events:none;transition:opacity .15s,transform .15s var(--ease)}.rail-btn:hover .tip{opacity:1;transform:translate(0,-50%)}.app.open .rail-btn .tip{display:none}.avatar{width:44px;height:44px;border-radius:50%;padding:0}.avatar-face{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(from 210deg,var(--car-a),var(--amber),var(--car-b),var(--sky),var(--plum),var(--car-a));color:#fff;font:700 16px/1 var(--num);box-shadow:inset 0 0 0 2px rgba(15,16,20,.55)}.avatar-face.big{width:52px;height:52px;font-size:22px}.avatar[aria-expanded=true]{background:0 0}.avatar[aria-expanded=true] .avatar-face{box-shadow:0 0 0 2px var(--ink-0),0 0 0 4px var(--text)}.avatar[aria-expanded=true]::before{display:none}.resizer{grid-area:resizer;position:relative;cursor:col-resize;touch-action:none}.resizer::after{content:"";position:absolute;left:50%;top:50%;width:4px;height:44px;margin:-22px 0 0 -2px;border-radius:4px;background:rgba(243,239,231,.32);transition:background .2s,height .2s var(--ease),margin .2s var(--ease)}.app.dragging .resizer::after,.resizer:hover::after{background:var(--text);height:64px;margin-top:-32px}.panel[hidden],.resizer[hidden]{display:block;visibility:hidden}.panel{grid-area:panel;min-width:0;border-radius:var(--r-stage);background:var(--ink-1);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}.app.open .panel{visibility:visible}.sheet{height:100%;overflow-y:auto;overscroll-behavior:contain;padding:0 18px 22px;scrollbar-width:thin;scrollbar-color:var(--ink-3) transparent}.sheet[hidden]{display:none}.sheet.in>*{animation:rise .42s var(--ease) both}.sheet.in>:nth-child(2){animation-delay:30ms}.sheet.in>:nth-child(3){animation-delay:60ms}.sheet.in>:nth-child(4){animation-delay:90ms}.sheet.in>:nth-child(n+5){animation-delay:.12s}@keyframes rise{from{opacity:0;transform:translateY(8px)}}.sheet-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;margin:0 -18px 6px;padding:18px 18px 10px;background:linear-gradient(var(--ink-1) 70%,rgba(23,24,29,0))}.sheet-head h2{margin:0;font-size:20px;font-weight:700;letter-spacing:.02em}.x{width:30px;height:30px;border:0;border-radius:50%;background:var(--ink-2);color:var(--text-2);font-size:18px;line-height:1}.x:hover{background:var(--ink-3);color:var(--text)}.lead{margin:0 0 14px;color:var(--text-2)}.muted{color:var(--text-3)}.small{font-size:12px}.group{margin:22px 0 8px;font-size:12px;font-weight:600;letter-spacing:.08em;color:var(--text-3)}.row-field,.row-slider,.row-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;padding:4px 0;border-bottom:1px solid var(--line)}.row-field>span:first-child,.row-slider>span,.row-toggle>span{color:var(--text-2);white-space:nowrap}.row-toggle{cursor:pointer}.row-toggle.big{min-height:56px;font-size:16px}.row-toggle.big>span{color:var(--text);font-weight:600}.num{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 10px 0 4px;border-radius:10px;background:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line)}.num:focus-within{box-shadow:inset 0 0 0 1.5px var(--amber)}.num input{width:64px;border:0;background:0 0;outline:0;text-align:right;font:600 16px/1 var(--num);font-variant-numeric:tabular-nums}.num i{font-style:normal;font-size:12px;color:var(--text-3);min-width:22px}.num input::-webkit-inner-spin-button{-webkit-appearance:none}.txt{width:140px;height:34px;padding:0 10px;border:0;border-radius:10px;background:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line);outline:0}.txt:focus{box-shadow:inset 0 0 0 1.5px var(--amber)}.row-slider input{flex:1;max-width:170px;--fill:var(--text)}.row-slider output{min-width:42px;text-align:right;font:600 14px/1 var(--num);color:var(--text)}.switch{-webkit-appearance:none;appearance:none;flex:none;width:46px;height:28px;border-radius:999px;margin:0;background:var(--ink-3);position:relative;cursor:pointer;transition:background .25s var(--ease)}.switch::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.35);transition:transform .3s var(--ease)}.switch:checked{background:var(--accent,var(--mint))}.switch:checked::after{transform:translateX(18px)}.seg{display:inline-flex;padding:3px;gap:2px;border-radius:12px;background:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line)}.seg button{border:0;background:0 0;height:32px;padding:0 14px;border-radius:9px;color:var(--text-2);font-weight:600;transition:background .2s,color .2s}.seg button[aria-pressed=true],.seg button[aria-selected=true]{background:var(--ink-3);color:var(--text);box-shadow:0 2px 6px rgba(0,0,0,.3)}.seg.sm button{height:28px;padding:0 11px;font-size:13px}.wide-btn{display:block;width:100%;margin-top:14px;height:44px;border:0;border-radius:12px;background:var(--text);color:var(--ink-1);font-weight:700}.wide-btn:active{transform:scale(.99)}.wide-btn.ghost{background:var(--ink-2);color:var(--text);box-shadow:inset 0 0 0 1px var(--line)}.wide-btn.ghost:hover{background:var(--ink-3)}.me-card{display:flex;align-items:center;gap:14px;padding:14px;border-radius:var(--r-card);background:var(--ink-2)}.me-card b{display:block;font-size:16px}.me-card .muted{font-size:12px}.saves{list-style:none;margin:0;padding:0;display:grid;gap:6px}.saves button{width:100%;text-align:left;border:0;padding:12px 14px;border-radius:12px;background:var(--ink-2);display:flex;flex-direction:column;gap:2px}.saves button:hover{background:var(--ink-3)}.saves .muted{font-size:12px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:8px}.card{position:relative;overflow:hidden;min-height:84px;padding:12px;border:0;border-radius:var(--r-card);text-align:left;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;background:var(--ink-2);color:var(--text);transition:transform .2s var(--ease),background .25s}.card::before{content:"";position:absolute;right:-18px;top:-18px;width:64px;height:64px;border-radius:50%;background:var(--c);opacity:.85;transition:transform .4s var(--ease)}.card:hover::before{transform:scale(1.15)}.card:active{transform:scale(.98)}.card b{position:relative;font-size:15px}.card span{position:relative;font-size:12px;color:var(--text-2)}.card[aria-pressed=true]{background:var(--c);color:#1a1205}.card[aria-pressed=true]::before{background:rgba(255,255,255,.35)}.card[aria-pressed=true] span{color:rgba(26,18,5,.7)}.card:last-child{grid-column:span 2;min-height:64px}.c-rose{--c:var(--car-a)}.c-sky{--c:var(--sky)}.c-sun{--c:var(--sun)}.c-mint{--c:var(--mint)}.c-ink{--c:var(--plum)}.result{margin-top:16px;padding:12px 14px;border-radius:12px;background:rgba(255,178,36,.1);color:#ffd98f;font-size:13px}.result b{color:var(--amber);font-family:var(--num);font-size:15px}.car-seg{display:flex;width:100%;margin-bottom:14px}.car-seg button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px}.dot{width:10px;height:10px;border-radius:50%;background:var(--c)}.car-body{--accent:var(--car)}.car-body.swap{animation:rise .35s var(--ease)}.models{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:8px}.models button{height:38px;border:0;border-radius:10px;background:var(--ink-2);color:var(--text-2);font-size:12px;font-weight:600}.models button:hover{background:var(--ink-3);color:var(--text)}.models button[aria-checked=true]{background:var(--car);color:#1a1205}.swatches{display:flex;gap:7px}.swatches button{width:22px;height:22px;border:0;border-radius:50%;padding:0;background:var(--sw);transition:transform .2s var(--ease)}.swatches button:hover{transform:scale(1.12)}.swatches button[aria-checked=true]{box-shadow:0 0 0 2px var(--ink-1),0 0 0 4px var(--sw)}.more{margin-top:10px}.more summary{list-style:none;cursor:pointer;padding:12px 0;color:var(--text-2);font-weight:600;display:flex;align-items:center;gap:6px}.more summary::-webkit-details-marker{display:none}.more summary::before{content:"›";display:inline-block;transition:transform .25s var(--ease);font-size:18px;line-height:1}.more[open] summary::before{transform:rotate(90deg)}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip-t input{position:absolute;opacity:0;pointer-events:none}.chip-t span{display:inline-flex;align-items:center;height:32px;padding:0 13px;border-radius:999px;background:var(--ink-2);color:var(--text-3);font-weight:600;font-size:13px;cursor:pointer;box-shadow:inset 0 0 0 1px var(--line);transition:background .2s,color .2s}.chip-t input:checked+span{background:rgba(95,184,214,.16);color:#bfe8f6;box-shadow:inset 0 0 0 1px rgba(95,184,214,.45)}.chip-t input:focus-visible+span{outline:2px solid var(--amber);outline-offset:2px}[data-sheet=show]{--accent:var(--sky)}.sun-dial{position:relative;height:150px;margin-top:4px;border-radius:var(--r-card);background:linear-gradient(#2a3550,#1c2030);overflow:hidden;touch-action:none;cursor:grab}body[data-sky=day] .sun-dial{background:linear-gradient(#7fb7d4,#cfe1e6)}.sun-dial svg{position:absolute;left:0;right:0;bottom:18px;width:100%;height:110px}.sun-dial .arc{fill:none;stroke:rgba(255,255,255,0.45);stroke-width:1.2;stroke-dasharray:3 5}.sun-dial .ground{stroke:rgba(255,255,255,0.5);stroke-width:1.5}.sun-knob{position:absolute;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;background:radial-gradient(circle at 40% 38%,#fff6d8,var(--sun) 60%,#e9a623);box-shadow:0 0 0 6px rgba(242,199,92,.22),0 0 26px rgba(255,210,110,.75)}body[data-sky=night] .sun-knob{background:radial-gradient(circle at 40% 38%,#fff,#c9d2ff 65%,#8f9be6);box-shadow:0 0 0 6px rgba(185,194,255,.18),0 0 24px rgba(185,194,255,.6)}.sun-read{position:absolute;left:12px;bottom:6px;font:600 12px/1 var(--num);color:rgba(255,255,255,.85)}.gcards{display:grid;grid-template-columns:1fr 1fr;gap:8px}.gcard{border:0;padding:12px;border-radius:var(--r-card);text-align:left;background:var(--ink-2);display:grid;gap:2px;box-shadow:inset 0 0 0 1px var(--line);transition:background .2s,box-shadow .2s}.gcard svg{width:100%;height:44px;margin-bottom:6px;fill:none;stroke:var(--car-a);stroke-width:2.2;stroke-linecap:round}.gcard svg .b{stroke:var(--car-b)}.gcard svg .g{stroke:var(--text)}.gcard b{font-size:17px;font-weight:600}.gcard span{font-size:12px;color:var(--text-3)}.gcard[aria-pressed=true]{background:rgba(111,207,166,.12);box-shadow:inset 0 0 0 1.5px var(--mint)}.video{position:relative;aspect-ratio:16/9;border-radius:var(--r-card);overflow:hidden;display:grid;place-items:center;background:radial-gradient(120% 90% at 20% 10%,rgba(154,127,208,.55),transparent 60%),radial-gradient(90% 80% at 90% 100%,rgba(229,103,126,.45),transparent 60%),var(--ink-2)}.play-ghost{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.16);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}.play-ghost svg{width:24px;height:24px;fill:#fff;margin-left:3px}.soon{position:absolute;left:12px;bottom:10px;font-size:12px;font-weight:600;color:rgba(255,255,255,.8)}.steps{list-style:none;margin:16px 0 0;padding:0;counter-reset:s;display:grid;gap:4px}.steps li{counter-increment:s;position:relative;padding:12px 12px 12px 48px;border-radius:12px;background:var(--ink-2);display:flex;flex-direction:column;gap:2px}.steps li::before{content:counter(s);position:absolute;left:12px;top:12px;width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:var(--plum);color:#170f2a;font:700 13px/1 var(--num)}.steps span{font-size:13px;color:var(--text-2)}[data-sheet=sound]{--accent:var(--sun)}[data-sheet=sound] .row-slider input{--fill:var(--sun)}[data-sheet=scene]{--accent:var(--car-a)}.keys{display:grid;grid-template-columns:auto 1fr;gap:10px 14px;margin:0;align-items:center}.keys dt{color:var(--text-2);white-space:nowrap}.keys dd{margin:0}body{background:#6f6880}.backdrop{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:radial-gradient(120% 90% at 0 0,#c7a39b 0,transparent 55%),radial-gradient(110% 90% at 100% 0,#8f9fc4 0,transparent 55%),radial-gradient(120% 100% at 100% 100%,#9a86b8 0,transparent 60%),radial-gradient(120% 100% at 0 100%,#7f9e8c 0,transparent 60%),#857c96;transition:background .8s}.backdrop::after{content:"";position:absolute;inset:-50%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.32;mix-blend-mode:overlay}.blob{position:absolute;width:46vmax;height:46vmax;border-radius:50%;filter:blur(70px);opacity:.55;animation:drift 38s ease-in-out infinite alternate}.b1{left:-10vmax;top:-14vmax;background:#e5677e}.b2{right:-12vmax;top:-8vmax;background:#5fb8d6;animation-duration:46s;animation-delay:-12s}.b3{right:8vmax;bottom:-20vmax;background:#9a7fd0;animation-duration:52s;animation-delay:-20s}.b4{left:6vmax;bottom:-22vmax;background:#a8cc5c;opacity:.4;animation-duration:44s;animation-delay:-6s}@keyframes drift{0%{transform:translate(0,0) scale(1)}50%{transform:translate(6vmax,4vmax) scale(1.08)}100%{transform:translate(-4vmax,7vmax) scale(.94)}}body[data-sky=night]{background:#1c1d33}body[data-sky=night] .backdrop{background:radial-gradient(120% 90% at 0 0,#3b2f5a 0,transparent 55%),radial-gradient(110% 90% at 100% 0,#1f3a5c 0,transparent 55%),radial-gradient(120% 100% at 100% 100%,#3a2550 0,transparent 60%),radial-gradient(120% 100% at 0 100%,#173b3a 0,transparent 60%),#1d1d35}body[data-sky=night] .blob{opacity:.3}body[data-sky=night] .b1{background:#b9c2ff}body[data-sky=night] .b4{background:#ffb224;opacity:.16}.app{position:relative;z-index:1}.brand-logo{filter:drop-shadow(0 2px 10px rgba(30, 20, 50, .35))}:root{--glass:rgba(26, 24, 38, 0.52);--glass-2:rgba(255, 255, 255, 0.08);--glass-3:rgba(255, 255, 255, 0.14);--glass-line:rgba(255, 255, 255, 0.14)}.panel,.rail{background:var(--glass);-webkit-backdrop-filter:blur(30px) saturate(1.5);backdrop-filter:blur(30px) saturate(1.5);box-shadow:inset 0 0 0 1px var(--glass-line),0 24px 60px -30px rgba(20,10,40,.6)}.rail{grid-row:2;margin:0 var(--gap) 0 10px;border-radius:24px;width:calc(var(--rail-w) - 10px - var(--gap));padding-top:12px}.app{grid-template-rows:64px minmax(0,1fr)}.app{grid-template-areas:"brand brand brand brand" "stage resizer panel rail"}.app{padding-right:0}:root{--rail-w:78px}.rail-btn:hover{background:var(--glass-2)}.rail-btn[aria-expanded=true]{background:var(--glass-3)}.rail-btn[aria-expanded=true]::before{left:-6px}.sheet-head{background:linear-gradient(rgba(36,33,52,.92) 70%,rgba(36,33,52,0))}.panel{background:rgba(30,28,44,.62)}.gcard,.me-card,.num,.saves button,.seg,.txt,.x{background:var(--glass-2)}.seg button[aria-pressed=true],.seg button[aria-selected=true]{background:rgba(255,255,255,.92);color:#1e1b2a}.saves button:hover,.x:hover{background:var(--glass-3)}.wide-btn.ghost{background:var(--glass-2)}.wide-btn.ghost:hover{background:var(--glass-3)}.stage{box-shadow:0 0 0 1px rgba(255,255,255,.18),0 40px 80px -40px rgba(20,10,40,.75)}.avatar-face{box-shadow:inset 0 0 0 2px rgba(255,255,255,.35)}.transport{height:64px;padding:0 10px 0 7px;gap:12px;background:rgba(26,24,38,.5);max-width:800px;transition:max-width .5s var(--ease),padding .5s var(--ease)}.play{width:50px;height:50px;background:linear-gradient(160deg,#ffc65a,#ffa21c);color:#3a2400;box-shadow:0 8px 22px -8px rgba(255,168,36,.85),inset 0 1px 0 rgba(255,255,255,.45);transition:transform .25s cubic-bezier(.34, 1.56, .64, 1),box-shadow .25s}.play:hover{transform:scale(1.05)}.play:active{transform:scale(.9)}.play svg{width:26px;height:26px}.play .i-play{transform:translateX(1px)}.clock{display:inline-flex;align-items:baseline;cursor:text}.clock input{width:4.2ch;padding:0;border:0;background:0 0;outline:0;font:600 26px/1 var(--num);font-variant-numeric:tabular-nums;color:var(--text);border-radius:6px}.clock input:focus{background:rgba(255,255,255,.1);box-shadow:0 0 0 4px rgba(255,255,255,.1)}.tp-more{display:flex;align-items:center;gap:12px;flex:1;min-width:0;height:100%;overflow:hidden;transition:flex-basis .5s var(--ease),opacity .3s,max-width .5s var(--ease);max-width:640px}.transport.mini .tp-more{max-width:0;opacity:0;flex:0 0 0;pointer-events:none}.transport.mini{gap:10px}.tp-handle{flex:none;width:18px;height:40px;margin-right:-18px;border:0;background:0 0;padding:0;display:grid;place-items:center;position:relative;left:14px}.tp-handle span{width:9px;height:30px;border-radius:0 30px 30px 0;border:2.4px solid rgba(255,255,255,.85);border-left:0;transition:transform .45s var(--ease),border-color .2s}.tp-handle:hover span{border-color:#fff;transform:translateX(2px)}.transport.mini .tp-handle span{transform:scaleX(-1)}.transport.mini .tp-handle:hover span{transform:scaleX(-1) translateX(-2px)}input[type=range]::-webkit-slider-runnable-track{height:5px}.gcards{grid-template-columns:1fr 1fr;gap:10px}.gcard{position:relative;padding:14px 12px 12px;cursor:pointer;border-radius:18px}.gcard:hover{background:var(--glass-3)}.gcard .pin{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;border:0;display:grid;place-items:center;background:rgba(255,255,255,.14);color:var(--text);transition:background .2s,transform .25s cubic-bezier(.34, 1.56, .64, 1)}.gcard .pin:hover{background:rgba(255,255,255,.26);transform:scale(1.08)}.gcard .pin svg{width:14px;height:14px;stroke:currentColor;stroke-width:2.4;fill:none;stroke-linecap:round;margin:0;height:14px}.gcard .pin[aria-pressed=true]{background:var(--mint);color:#0f2a1f}.gcard .pin[aria-pressed=true] .plus{display:none}.gcard .pin .ok{display:none}.gcard .pin[aria-pressed=true] .ok{display:block}.gcard .go{position:absolute;right:12px;bottom:12px;color:var(--text-3);font-size:12px}.g-detail[hidden],.g-list[hidden]{display:none}.g-detail{animation:rise .4s var(--ease) both}.back{display:inline-flex;align-items:center;gap:4px;border:0;background:0 0;padding:4px 0;margin:0 0 10px;color:var(--mint);font-weight:600}.back svg{width:18px;height:18px;stroke:currentColor;stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round}.g-title{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.g-title b{font-size:26px;font-weight:600}.g-title b i{font-family:var(--math)}.g-title span{color:var(--text-3)}.g-chart{position:relative;border-radius:18px;background:rgba(0,0,0,.18);box-shadow:inset 0 0 0 1px var(--glass-line);padding:10px 10px 6px}.g-chart svg{display:block;width:100%;height:auto;overflow:visible}.g-now{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.g-now span{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:999px;background:var(--glass-2);font:600 14px/1 var(--num)}.g-now span::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--c)}.g-now em{font-style:normal;color:var(--text-3);font-family:var(--face);font-weight:500;font-size:12px}.g-keys{list-style:none;margin:0;padding:0;display:grid;gap:6px}.g-keys button{width:100%;border:0;text-align:left;display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:var(--glass-2)}.g-keys button:hover{background:var(--glass-3)}.g-keys i.dot{width:10px;height:10px;border-radius:50%;background:var(--c)}.g-keys b{font-weight:600}.g-keys small{display:block;color:var(--text-3);font-size:12px}.g-keys .t{font:600 15px/1 var(--num)}.g-table-wrap{max-height:220px;overflow:auto;border-radius:14px;box-shadow:inset 0 0 0 1px var(--glass-line);scrollbar-width:thin}.g-table{width:100%;border-collapse:collapse;font:500 13px/1 var(--num);font-variant-numeric:tabular-nums}.g-table td,.g-table th{padding:9px 12px;text-align:right}.g-table th{position:sticky;top:0;background:rgba(40,37,58,.96);color:var(--text-3);font-family:var(--face);font-weight:600;font-size:12px}.g-table td:first-child,.g-table th:first-child{text-align:left}.g-table tr+tr td{border-top:1px solid var(--line)}.g-table tr.now td{background:rgba(255,255,255,.08);color:#fff}.g-table tr.key td:first-child::after{content:" ●";color:var(--c);font-size:9px;vertical-align:2px}#gPin[aria-pressed=true]{background:var(--glass-2);color:var(--text);box-shadow:inset 0 0 0 1px var(--glass-line)}.pins{position:absolute;inset:0;z-index:2;pointer-events:none}.pin-win{position:absolute;width:268px;pointer-events:auto;border-radius:20px;padding:10px 12px 8px;background:rgba(26,24,38,.56);-webkit-backdrop-filter:blur(22px) saturate(1.5);backdrop-filter:blur(22px) saturate(1.5);box-shadow:inset 0 0 0 1px var(--glass-line),0 18px 40px -18px rgba(10,5,25,.7);animation:pop-in .42s cubic-bezier(.34,1.4,.64,1) both;touch-action:none}.pin-win.out{animation:pop-out .26s var(--ease) both}@keyframes pop-in{from{opacity:0;transform:scale(.82) translateY(10px)}}@keyframes pop-out{to{opacity:0;transform:scale(.86)}}.pin-head{display:flex;align-items:center;gap:8px;cursor:grab;user-select:none;margin-bottom:4px}.pin-win.dragging .pin-head{cursor:grabbing}.pin-head b{font-size:15px;font-weight:600}.pin-head b i{font-family:var(--math)}.pin-head span{flex:1;font-size:12px;color:var(--text-3)}.pin-head button{width:24px;height:24px;border-radius:50%;border:0;padding:0;display:grid;place-items:center;background:var(--glass-2);color:var(--text-2)}.pin-head button:hover{background:var(--glass-3);color:var(--text)}.pin-head svg{width:12px;height:12px;stroke:currentColor;stroke-width:2.2;fill:none;stroke-linecap:round}.pin-win svg.chart{display:block;width:100%;height:auto;overflow:visible}.chart .grid{stroke:rgba(255,255,255,0.08);stroke-width:1}.chart .axis{stroke:rgba(255,255,255,0.3);stroke-width:1.2}.chart text{fill:rgba(243,239,231,0.5);font:500 10px var(--num)}.chart .lbl{font-family:var(--math);font-style:italic;font-size:12px;fill:rgba(243,239,231,0.75)}.chart .ghost{fill:none;stroke:rgba(255,255,255,0.22);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.chart .live{fill:none;stroke:var(--c);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.chart .area{fill:var(--c);opacity:.12}.chart .now{stroke:rgba(255,255,255,0.55);stroke-width:1;stroke-dasharray:3 3}.chart .dot{fill:var(--c);stroke:#fff;stroke-width:1.6}.chart .key{stroke:var(--c);stroke-width:1;stroke-dasharray:2 3;opacity:.7}@media (max-width:900px) and (orientation:portrait){.app,.app.open{grid-template-columns:minmax(0,1fr) var(--rail-w);grid-template-rows:56px minmax(0,1fr);grid-template-areas:"brand rail" "stage rail"}.resizer{display:none}.panel{position:fixed;left:var(--gap);right:calc(var(--rail-w) + var(--gap));bottom:var(--gap);height:56vh;z-index:5;transform:translateY(110%);transition:transform .42s var(--ease);box-shadow:inset 0 0 0 1px var(--line),0 -20px 50px -20px rgba(0,0,0,.7)}.app.open .panel{transform:none}.transport{right:16px}.hud-br{display:none}}@media (max-width:760px){.hud-tl{top:16px;left:16px;flex-direction:column;align-items:flex-start;gap:8px}.title{font-size:18px}.hud-tr{top:16px;right:12px}.view-pill button{padding:0 10px;font-size:12px}.transport{left:12px;right:12px;bottom:12px;gap:8px}.clock{min-width:56px;font-size:20px}.hud-br{display:none}}@media (max-width:560px){.hud-tl{top:64px}.view-pill{max-width:calc(100vw - 150px);overflow-x:auto;scrollbar-width:none}.view-pill::-webkit-scrollbar{display:none}.transport #reset{display:none}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;transition-duration:0s!important}}.gcard svg.chart{height:auto;margin:0 0 8px;stroke:none}.gcard .chart text{font-size:9px}.gcard .chart .lbl{display:none}.transport{right:auto;width:min(800px,calc(100% - 86px));max-width:none;transition:width .5s var(--ease),gap .5s var(--ease)}.transport.mini{width:176px}@media (max-width:760px){.transport{width:calc(100% - 24px)}.transport.mini{width:158px}}svg.ic{fill:currentColor;stroke:none;display:block}.rail-btn svg.ic{width:22px;height:22px;fill:currentColor;stroke:none}.play svg.ic{width:24px;height:24px}.play .i-play.ic{transform:translateX(1.5px)}.play-ghost svg.ic{width:26px;height:26px;fill:#fff;margin-left:4px}.avatar-face svg.ic{width:62%;height:62%;fill:#fff}.avatar-face{display:grid;place-items:center}.backdrop{display:none}body{background:linear-gradient(to bottom,#a9cfe0 0,#c8dfe8 42%,#e6ece8 72%,#f0e9dc 100%) fixed;transition:background .8s}body[data-sky=night]{background:linear-gradient(to bottom,#0f1630 0,#1e2a4d 50%,#34406a 85%,#46507a 100%) fixed}:root{--rail-w:104px;--gap:18px;--r-stage:20px}.app{padding:var(--gap) 0 var(--gap) var(--gap);grid-template-rows:minmax(0,1fr);grid-template-areas:"stage resizer panel rail"}.stage{background:#c8d9df;box-shadow:0 30px 60px -36px rgba(30,50,70,.55),0 0 0 1px rgba(255,255,255,.35)}body[data-sky=night] .stage{background:#1e2a4d;box-shadow:0 30px 60px -30px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.08)}.rail{grid-row:1;grid-column:4;margin:0;width:var(--rail-w);padding:10px 0 0;background:0 0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0;gap:22px;--rail-ink:#1f2a3a;--rail-ink-2:rgba(31, 42, 58, 0.62)}body[data-sky=night] .rail{--rail-ink:#f3efe7;--rail-ink-2:rgba(243, 239, 231, 0.7)}.rail-brand{display:flex;flex-direction:column;align-items:center;gap:9px;margin-bottom:44px;color:var(--rail-ink)}.rb-mark{width:44px;height:auto}.rb-word{width:62px;height:auto}.rail-btn{width:48px;height:48px;border-radius:16px;color:var(--rail-ink-2)}.rail-btn svg.ic{width:30px;height:30px}.rail-btn:hover{background:rgba(255,255,255,.35);color:var(--rail-ink)}body[data-sky=night] .rail-btn:hover{background:rgba(255,255,255,.1)}.rail-btn[aria-expanded=true]{background:rgba(255,255,255,.55);color:var(--rail-ink)}body[data-sky=night] .rail-btn[aria-expanded=true]{background:rgba(255,255,255,.16)}.rail-btn[aria-expanded=true]::before{left:2px;top:14px;bottom:14px}.rail-btn[data-panel=me]{--accent:var(--sky)}.tip-unused{right:calc(100% + 8px)}.panel{margin:0}.hud-tl{top:22px;left:22px;gap:12px}.title{font-size:26px;font-weight:800;letter-spacing:.02em}.sky-dot{width:12px;height:12px;padding:0;border:0;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 0 0 0 rgba(255,255,255,.5),0 1px 6px rgba(0,0,0,.35);transition:transform .25s var(--ease),box-shadow .25s}.sky-dot:hover{transform:scale(1.25);box-shadow:0 0 0 6px rgba(255,255,255,.18),0 1px 6px rgba(0,0,0,.35)}body[data-sky=night] .sky-dot{background:#b9c2ff}.row-field .sky-pill{background:var(--glass-2);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.hud-tr{top:20px;right:20px;gap:16px}.view-pill{background:rgba(26,26,26,.86);box-shadow:inset 0 0 0 1.5px rgba(150,150,150,.55),0 8px 24px -10px rgba(0,0,0,.5);padding:4px}.view-pill button{height:30px;padding:0 13px;font-size:13px;font-weight:700;color:#fff}.view-pill button[aria-checked=true]{background:#d6d6d6;color:#282828}.cube-btn{width:40px;height:40px;background:#000;box-shadow:0 8px 22px -8px rgba(0,0,0,.6)}.cube-btn:hover{background:#1a1a1a}.cube-btn[aria-expanded=true]{background:#000;color:#fff;box-shadow:0 0 0 2px rgba(255,255,255,.6),0 8px 22px -8px rgba(0,0,0,.6)}.cube-btn svg{width:22px;height:22px;stroke-width:1.6}.ortho{top:54px;right:3px;padding:8px 0;gap:4px;border-radius:999px;background:rgba(26,26,26,.88);transform-origin:top center}.ortho button{width:34px;height:36px;padding:0;justify-content:center;border-radius:999px;color:rgba(255,255,255,.82)}.ortho button svg.ic{width:22px;height:22px}.ortho button:hover{background:rgba(255,255,255,.12);color:#fff}.ortho button[aria-pressed=true]{background:rgba(255,255,255,.2);color:#fff}.transport{left:16px;bottom:16px;right:auto;width:auto;max-width:calc(100% - 32px);height:52px;padding:0 10px 0 4px;gap:12px;background:rgba(26,26,26,.86);box-shadow:0 10px 30px -12px rgba(0,0,0,.55);transition:padding .4s var(--ease)}.play{width:44px;height:44px;background:radial-gradient(circle at 50% 38%,#f2f2f2 0,#c7ccd6 55%,#a3acbf 100%);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 4px 12px -4px rgba(0,0,0,.5)}.play svg.ic{width:20px;height:20px;filter:drop-shadow(0 1px 1.5px rgba(60, 70, 90, .45))}.play .i-pause{width:20px;height:20px;fill:#fff;filter:drop-shadow(0 1px 1.5px rgba(60, 70, 90, .45))}.clock input{width:3.3em;font:300 22px/1 var(--num);letter-spacing:.02em;color:#fff;text-align:left}.tp-more{flex:none;width:300px;max-width:300px;overflow:visible;transition:width .45s var(--ease),max-width .45s var(--ease),opacity .25s}.transport.mini .tp-more{width:0;max-width:0;opacity:0;flex:none;overflow:hidden;margin-left:-12px}.transport.mini{width:auto}#scrub{--track:#808080;--fill:#efefef}.chip-btn{height:28px;min-width:52px;padding:0 10px;border-radius:999px;background:0 0;color:#fff;font:600 13px/1 var(--num);box-shadow:inset 0 0 0 1.5px rgba(150,150,150,.7)}.chip-btn:hover{background:rgba(255,255,255,.1)}.tp-icon{width:30px;height:30px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;background:0 0;color:#fff}.tp-icon:hover{background:rgba(255,255,255,.1)}.tp-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.tp-div{width:1.5px;height:24px;border-radius:1px;background:rgba(150,150,150,.6)}.tp-handle{width:22px;height:30px;margin:0;left:0;padding:0;display:grid;place-items:center;border-radius:8px;color:#fff}.tp-handle:hover{background:rgba(255,255,255,.1)}.tp-handle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .4s var(--ease)}.transport.mini .tp-handle svg{transform:rotate(180deg)}@media (max-width:760px){:root{--rail-w:76px}.rail-brand{margin-bottom:20px}.rb-word{width:52px}.rail{gap:12px}.tp-more{width:180px;max-width:180px}.transport{left:12px;bottom:12px}}@media (max-width:560px){.hud-tl{top:66px}.transport .chip-btn{display:none}.tp-more{width:120px;max-width:120px}}#scrub::-webkit-slider-runnable-track{height:8px;border-radius:8px}#scrub::-moz-range-track{height:8px;border-radius:8px;background:var(--track)}#scrub::-moz-range-progress{height:8px;border-radius:8px}.hud-tl{flex-direction:column;align-items:flex-start;gap:4px}.title-row{display:flex;align-items:center;gap:10px}.title-dot{width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 1px 6px rgba(0,0,0,.35)}.subtitle{margin:0 0 8px 20px;font:600 13px/1.2 var(--num);letter-spacing:.04em;color:rgba(255,255,255,.86);text-shadow:0 1px 6px rgba(0,0,0,.35)}.sky-switch{position:relative;display:flex;align-items:center;justify-content:space-between;width:76px;height:34px;margin-left:4px;padding:0 9px;border:0;border-radius:999px;background:rgba(70,62,54,.78);cursor:pointer;box-shadow:inset 0 0 0 1.5px rgba(232,214,186,.55),0 6px 18px -8px rgba(0,0,0,.5);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background .35s var(--ease)}.sky-switch svg{position:relative;z-index:1;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;transition:color .35s}.ss-sun{color:#f2a33a}.ss-sun circle{fill:currentColor}.ss-moon{color:rgba(255,255,255,.6)}.ss-moon path{fill:currentColor;stroke:none}.ss-knob{position:absolute;left:4px;top:4px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.35);transition:transform .38s cubic-bezier(.34, 1.4, .64, 1),background .35s}.sky-switch[aria-checked=true]{background:rgba(28,34,66,.82)}.sky-switch[aria-checked=true] .ss-knob{transform:translateX(42px);background:#e9ecff}.sky-switch[aria-checked=true] .ss-sun{color:rgba(255,255,255,.55)}.sky-switch[aria-checked=true] .ss-moon{color:#2d3566}.sky-switch:focus-visible{outline:2px solid #fff;outline-offset:3px}.transport{background:rgba(14,14,16,.55);-webkit-backdrop-filter:blur(22px) saturate(1.4);backdrop-filter:blur(22px) saturate(1.4);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 12px 30px -12px rgba(0,0,0,.55)}.play{background:#4a4a4a;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 4px 12px -4px rgba(0,0,0,.5)}.play:hover{background:#575757}.play .i-pause,.play svg.ic{filter:none}.clock{display:inline-flex;align-items:baseline}.clock input{width:2.9em}.clock-u{font:300 22px/1 var(--num);color:rgba(255,255,255,.85);margin-left:1px}.fs-btn{position:absolute;right:16px;bottom:16px;z-index:3;width:40px;height:40px;border-radius:12px;background:rgba(14,14,16,.55);color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 8px 22px -10px rgba(0,0,0,.55)}.fs-btn:hover{background:rgba(40,40,44,.7)}.fs-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.fs-btn .fs-out,.fs-btn.on .fs-in{display:none}.fs-btn.on .fs-out{display:block}.fs-btn[hidden]{display:none}.panel{margin:0;border-radius:26px 0 0 26px;background:rgba(30,30,32,.9);-webkit-backdrop-filter:blur(26px) saturate(1.3);backdrop-filter:blur(26px) saturate(1.3);box-shadow:none}.sheet-head{background:linear-gradient(rgba(30,30,32,.96) 70%,rgba(30,30,32,0))}.sheet-head h2 .en{margin-left:2px;font:600 15px var(--num);letter-spacing:.02em;color:rgba(255,255,255,.7)}.gcards{display:flex;flex-direction:column;gap:12px;grid-template-columns:none}.gcard{position:relative;padding:12px 14px 4px;border-radius:20px;cursor:default;--ink:#1d2433;--ink-2:rgba(29, 36, 51, 0.6);--grid:rgba(29, 36, 51, 0.16);background:var(--tint);color:var(--ink);box-shadow:0 10px 24px -16px rgba(0,0,0,.6)}.gcard:hover{background:var(--tint)}.tint-slate{--tint:#9ba7c5;--grid:rgba(40, 52, 86, 0.22)}.tint-mustard{--tint:#e4c886;--grid:rgba(120, 90, 20, 0.22)}.tint-rose{--tint:#e5c2c5;--grid:rgba(140, 60, 60, 0.2)}.tint-sage{--tint:#b9d3b4;--grid:rgba(40, 90, 40, 0.2)}.gc-head{display:flex;align-items:center;gap:8px;user-select:none}.gc-head b{font-size:15px;font-weight:800;color:var(--ink)}.gc-sym{flex:1;font:italic 13px var(--math);color:var(--ink-2)}.gc-pin{width:28px;height:28px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;background:rgba(255,255,255,.42);color:var(--ink);transition:background .2s,transform .2s var(--ease)}.gc-pin:hover{background:rgba(255,255,255,.7);transform:scale(1.08)}.gc-pin svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}.gc-pin .minus,.gc-pin.on .plus{display:none}.gc-pin.on .minus{display:block}.gc-chart{margin:6px -4px 0}.gcard .chart{display:block;width:100%;height:auto;overflow:visible}.gcard .chart .grid{stroke:var(--grid)}.gcard .chart .axis{stroke:rgba(29,36,51,0.55)}.gcard .chart text{fill:var(--ink-2)}.gcard .chart .lbl{fill:var(--ink)}.gcard .chart .ghost{stroke:rgba(29,36,51,0.28)}.gcard .chart .area{opacity:.16}.gcard .chart .now{stroke:rgba(29,36,51,0.55)}.gcard .chart .dot{stroke:#fff}.gc-now{display:flex;flex-wrap:wrap;gap:4px 12px;margin:4px 2px 0;font:600 12px var(--num);color:var(--ink-2)}.gc-now span{color:var(--c,var(--ink))}.gc-now em{font-family:var(--math);margin-right:2px}.gc-toggle{display:grid;place-items:center;width:100%;height:22px;margin-top:2px;padding:0;border:0;background:0 0;color:var(--ink);cursor:pointer;border-radius:10px}.gc-toggle:hover{background:rgba(255,255,255,.25)}.gc-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .35s var(--ease)}.gcard.expanded .gc-toggle svg{transform:rotate(180deg)}.gc-more{margin-top:6px}.gc-more .group{color:var(--ink-2);margin:10px 2px 6px}.gc-more .g-keys button{background:rgba(255,255,255,.38);color:var(--ink)}.gc-more .g-keys button:hover{background:rgba(255,255,255,.6)}.gc-more .g-keys .t,.gc-more .g-keys small{color:var(--ink-2)}.gc-more .g-table-wrap{max-height:210px;background:rgba(255,255,255,.3)}.gc-more .g-table th{background:rgba(255,255,255,.55);color:var(--ink)}.gc-more .g-table td{color:var(--ink);border-color:rgba(29,36,51,.1)}.gc-more .g-table tr.now td{background:rgba(255,255,255,.6)}.g-empty{margin:4px 2px 12px;color:var(--text-3);font-size:13px}.wide-btn.recall{display:block;width:auto;margin:14px auto 6px;padding:0 22px;height:38px;border-radius:999px;background:#0d0d0e;color:#fff;font-weight:700;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}.wide-btn.recall:hover{background:#1b1b1d}.wide-btn.recall:disabled{opacity:.4;cursor:default}.gcard.docked{position:absolute;width:300px;pointer-events:auto;box-shadow:0 18px 40px -18px rgba(0,0,0,.6)}.gcard.docked .gc-head{cursor:grab}.gcard.docked.dragging .gc-head{cursor:grabbing}.gcard.docked.dragging{z-index:5}.gcard.docked .gc-more{max-height:46vh;overflow:auto}.gcard.arrive{animation:pop-in .42s cubic-bezier(.34,1.4,.64,1) both}@media (max-width:760px){.gcard.docked{width:240px}}.clock input{width:5.1ch;padding-right:0;font-variant-numeric:tabular-nums}.clock-u{margin-left:0}body,body[data-sky=day],body[data-sky=night]{background:#000}.backdrop{display:none}.rail,body[data-sky=night] .rail{--rail-ink:#f3efe7;--rail-ink-2:rgba(243, 239, 231, 0.62)}.rail-btn:hover,body[data-sky=night] .rail-btn:hover{background:rgba(255,255,255,.1)}.rail-btn[aria-expanded=true],body[data-sky=night] .rail-btn[aria-expanded=true]{background:#f3efe7;color:#2a2a2e}.rail-btn[aria-expanded=true]::before{display:none}.app{grid-template-columns:minmax(0,1fr) 0px 0px var(--rail-w);transition:grid-template-columns .42s var(--ease)}.app.open{grid-template-columns:minmax(0,1fr) 0px var(--panel-w) var(--rail-w)}.app.dragging{transition:none}.stage{position:relative;z-index:2}.app.open .stage{box-shadow:10px 0 26px -10px rgba(0,0,0,.55)}.panel{position:relative;z-index:1;margin:0 0 0 calc(-1 * var(--r-stage));padding-left:var(--r-stage);border-radius:0 var(--r-stage) var(--r-stage) 0;background:#1c1c1f;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;visibility:hidden}.app.open .panel{visibility:visible}.sheet-head{background:linear-gradient(#1c1c1f 70%,rgba(28,28,31,0))}.sheet{animation:sheet-in .42s var(--ease) both}@keyframes sheet-in{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:none}}.resizer{z-index:3;width:24px;margin-left:-12px}.resizer::after{background:rgba(243,239,231,.4)}.rail{padding-left:6px}@media (max-width:900px) and (orientation:portrait){.app,.app.open{transition:none}.panel{margin:0;padding-left:0;border-radius:var(--r-stage);z-index:5}.app.open .stage{box-shadow:none}}@media (prefers-reduced-motion:reduce){.app{transition:none}.sheet{animation:none}}:root{--bglass:rgba(14, 14, 16, 0.52);--bglass-hover:rgba(40, 40, 44, 0.62);--bglass-line:inset 0 0 0 1px rgba(255, 255, 255, 0.12);--bglass-blur:blur(22px) saturate(1.4);--bglass-shadow:0 12px 30px -12px rgba(0, 0, 0, 0.55)}.cube-btn,.ortho,.view-pill{background:var(--bglass);-webkit-backdrop-filter:var(--bglass-blur);backdrop-filter:var(--bglass-blur);box-shadow:var(--bglass-line),var(--bglass-shadow)}.view-pill button{color:rgba(255,255,255,.86)}.view-pill button:hover{color:#fff;background:rgba(255,255,255,.08)}.view-pill button[aria-checked=true]{background:rgba(255,255,255,.88);color:#1c1c1f}.cube-btn:hover{background:var(--bglass-hover)}.cube-btn[aria-expanded=true]{background:var(--bglass-hover);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.55),var(--bglass-shadow)}@media (min-width:901px),(orientation:landscape){.app.open.wide-panel{grid-template-columns:minmax(0,1fr) 0px clamp(480px,44vw,660px) var(--rail-w)}}.gcards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 14px}.gcard{padding:0;border-radius:20px;overflow:hidden;background:#404040;color:#fff;box-shadow:0 14px 30px -18px rgba(0,0,0,.7)}.gcard:hover{background:#404040}.gc-head{gap:8px;height:44px;padding:0 10px 0 16px;background:var(--hue);color:#fff}.gc-title{display:flex;align-items:center;gap:4px;font:700 17px/1 var(--num);letter-spacing:.01em;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.18)}.gc-title::before{content:'';width:5px;height:5px;margin-right:6px;border-radius:50%;background:currentColor}.gc-title i{font-family:var(--num);font-style:normal}.gc-sub{flex:1;font-size:12px;font-weight:600;color:rgba(255,255,255,.82)}.gc-pin{width:30px;height:30px;background:0 0;color:#fff}.gc-pin:hover{background:rgba(255,255,255,.22);transform:none}.gc-pin svg{width:20px;height:20px;stroke-width:2.6}.gc-body{padding:8px 12px 4px}.gc-chart{margin:0 -4px}.gcard .chart .grid{stroke:rgba(255,255,255,0.08)}.gcard .chart .axis{stroke:rgba(255,255,255,0.34)}.gcard .chart text{fill:rgba(255,255,255,0.5)}.gcard .chart .lbl{display:inline;fill:rgba(255,255,255,0.75)}.gcard .chart .ghost{stroke:rgba(255,255,255,0.2)}.gcard .chart .now{stroke:rgba(255,255,255,0.55)}.gcard .chart .dot{stroke:#fff}.gc-now{color:rgba(255,255,255,.6)}.gc-now span{color:var(--c,#fff)}.gc-toggle{color:rgba(255,255,255,.75)}.gc-toggle:hover{background:rgba(255,255,255,.08);color:#fff}.gc-more .group{color:rgba(255,255,255,.55)}.gc-more .g-keys button{background:rgba(255,255,255,.07);color:#fff}.gc-more .g-keys button:hover{background:rgba(255,255,255,.13)}.gc-more .g-keys .t,.gc-more .g-keys small{color:rgba(255,255,255,.6)}.gc-more .g-table-wrap{background:rgba(0,0,0,.18);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.gc-more .g-table th{background:#4a4a4a;color:rgba(255,255,255,.7)}.gc-more .g-table td{color:#fff;border-color:rgba(255,255,255,.07)}.gc-more .g-table tr.now td{background:rgba(255,255,255,.12)}.gcard.docked{width:320px;background:var(--bglass);-webkit-backdrop-filter:var(--bglass-blur);backdrop-filter:var(--bglass-blur);box-shadow:var(--bglass-line),var(--bglass-shadow)}.gcard.docked:hover{background:var(--bglass)}.gcard.docked .gc-head{background:0 0;height:40px}.gcard.docked .gc-title{color:var(--hue);text-shadow:none}.gcard.docked .gc-sub{color:rgba(255,255,255,.5)}.gcard.docked .gc-pin:hover{background:rgba(255,255,255,.12)}.gcard.docked .gc-body{padding-top:0}.gcard.docked .gc-more .g-table th{background:rgba(40,40,44,.96)}@media (max-width:760px){.gcard.docked{width:250px}}.gcard .gc-title span{font:inherit;color:inherit}.gcard .gc-sub{font-size:12px}.gcard.docked{grid-column:auto}.gc-now{font-size:11px;gap:2px 10px}@media (max-width:900px) and (orientation:portrait){.gcards{gap:12px}}.gc-title{flex:1}.gcard .chart text{font-size:10px}.gcard.docked .chart text{font-size:9px}.gcard.docked{width:min(280px,42%);min-width:200px;background:rgba(14,14,16,.42)}.gcard.docked:hover{background:rgba(14,14,16,.42)}.app.open.wide-panel{grid-template-columns:minmax(0,1fr) 0px var(--panel-w) var(--rail-w)}.gcards{grid-template-columns:minmax(0,1fr);gap:14px}.gc-grip{display:none}.gcard.docked .gc-grip{display:block;position:absolute;right:0;bottom:0;width:22px;height:22px;cursor:nwse-resize;touch-action:none}.gcard.docked .gc-grip::after{content:'';position:absolute;right:6px;bottom:6px;width:9px;height:9px;border-right:2px solid rgba(255,255,255,.55);border-bottom:2px solid rgba(255,255,255,.55);border-bottom-right-radius:4px}.gcard.docked .gc-grip:hover::after{border-color:#fff}.gcard.docked{max-width:70%}.stage .scene{z-index:0}.stage-shade{z-index:1}.mark.crash,.mark.touch{border-radius:2px;transform:rotate(45deg)}.mark.crash.on,.mark.touch.on{transform:rotate(45deg) scale(1.5)}.mark.go,.mark.stop,.mark.turn{width:6px;height:6px;margin-left:-3px;top:1px}.mark.stop{border-radius:1px}.field-r{display:inline-flex;align-items:center;gap:8px}.mini-btn{height:30px;padding:0 12px;border:0;border-radius:999px;background:var(--glass-2);color:var(--text);font-size:13px;font-weight:600;box-shadow:inset 0 0 0 1px var(--glass-line)}.mini-btn:hover{background:var(--glass-3)}.err{margin:4px 0 0;color:#ff9a8a;font-size:12px}.err:empty{display:none}.num.bad{box-shadow:inset 0 0 0 1.5px #ff7a6a}.hint{margin:6px 0 0;color:var(--text-3);font-size:12px;line-height:1.5}.hint.warn{color:#ffd166}.result.is-error{background:rgba(255,106,90,.12);color:#ffb3a8}.car-seg button.has-err::after{content:'';width:6px;height:6px;border-radius:50%;background:#ff7a6a}.models.locked button,.seg.locked button,.swatches.locked button{opacity:.42;cursor:not-allowed}.seg.locked button[aria-pressed=true]{opacity:.8}.saves li{display:flex;gap:6px;align-items:stretch}.saves .save-open{flex:1;min-width:0}.saves .save-open .muted{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.save-del{width:36px;border:0;border-radius:12px;background:0 0;color:var(--text-3);font-size:18px}.save-del:hover{background:var(--glass-3);color:var(--text)}#sunReset{margin-top:10px}.chart .ghost.alt{stroke:var(--c);stroke-dasharray:3 4;opacity:.55}.chart .hit{fill:transparent}.gc-chart{cursor:ew-resize;touch-action:none}.transport{max-width:calc(100% - 88px)}.stage{container-type:inline-size}.transport .tp-more{--tp-w:clamp(70px, calc(100cqw - 400px), 300px);width:var(--tp-w);max-width:var(--tp-w);margin-left:0;transition:width .45s var(--ease),max-width .45s var(--ease),margin-left .45s var(--ease),opacity .3s var(--ease)}.transport.mini .tp-more{width:0;max-width:0;margin-left:-12px;opacity:0}.gcard .chart .plot{fill:rgba(0,0,0,0.22)}.gcard.docked .chart .plot{fill:rgba(0,0,0,0.42)}.gcard .chart .grid{stroke:rgba(255,255,255,0.12);stroke-width:1}.gcard .chart .axis{stroke:rgba(255,255,255,0.78);stroke-width:1.6}.gcard .chart text{fill:rgba(255,255,255,0.78);font-weight:600}.gcard .chart .lbl{fill:#fff}.gcard .chart .ghost{stroke:rgba(255,255,255,0.36);stroke-width:2.2}.gcard .chart .ghost.alt{stroke:var(--c);stroke-width:2;opacity:.7}.gcard .chart .live{stroke-width:3.2}.gcard .chart .now{stroke:rgba(255,255,255,0.8);stroke-width:1.2}.gcard .chart .key{stroke-width:1.2;opacity:.85}.gcard .chart .dot{stroke-width:2}.gcard.docked,.gcard.docked:hover{background:rgba(14,14,16,.5)}.gcard.docked .gc-now{color:rgba(255,255,255,.8)}.g-table-wrap,.gc-more,.sheet{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.16) transparent}.g-table-wrap:hover,.gc-more:hover,.sheet:hover{scrollbar-color:rgba(255,255,255,0.32) transparent}.g-table-wrap::-webkit-scrollbar,.gc-more::-webkit-scrollbar,.sheet::-webkit-scrollbar{width:6px;height:6px}.g-table-wrap::-webkit-scrollbar-track,.gc-more::-webkit-scrollbar-track,.sheet::-webkit-scrollbar-track{background:0 0}.g-table-wrap::-webkit-scrollbar-thumb,.gc-more::-webkit-scrollbar-thumb,.sheet::-webkit-scrollbar-thumb{border-radius:6px;background:rgba(255,255,255,.16)}.g-table-wrap:hover::-webkit-scrollbar-thumb,.gc-more:hover::-webkit-scrollbar-thumb,.sheet:hover::-webkit-scrollbar-thumb{background:rgba(255,255,255,.32)}.g-table-wrap::-webkit-scrollbar-button,.gc-more::-webkit-scrollbar-button,.sheet::-webkit-scrollbar-button{display:none}.gcard.docked .gc-more .g-table-wrap{max-height:none;overflow:visible}.speed-wrap{position:relative;flex:none;display:flex}.speed-menu{position:absolute;left:50%;bottom:calc(100% + 14px);z-index:4;display:flex;flex-direction:column;gap:2px;padding:5px;min-width:64px;border-radius:16px;transform:translateX(-50%);background:var(--bglass);-webkit-backdrop-filter:var(--bglass-blur);backdrop-filter:var(--bglass-blur);box-shadow:var(--bglass-line),var(--bglass-shadow);transform-origin:bottom center;animation:speed-in .24s var(--ease)}.speed-menu[hidden]{display:none}@keyframes speed-in{from{opacity:0;transform:translateX(-50%) translateY(6px) scale(.94)}}.speed-menu button{height:32px;padding:0 12px;border:0;border-radius:11px;background:0 0;color:rgba(255,255,255,.82);font:600 13px/1 var(--num)}.speed-menu button:focus-visible,.speed-menu button:hover{background:rgba(255,255,255,.12);color:#fff;outline:0}.speed-menu button[aria-checked=true]{background:rgba(255,255,255,.88);color:#1c1c1f}#speed[aria-expanded=true]{background:rgba(255,255,255,.14)}@media (prefers-reduced-motion:reduce){.speed-menu{animation:none}}.hud-bl.transport,.hud-tr{z-index:3}.kp-list{display:grid;gap:10px;margin-top:12px}.kp-list:empty{display:none}.kp-card{border-radius:16px;overflow:hidden;background:var(--glass-2);box-shadow:inset 0 0 0 1px var(--glass-line)}.kp-card.bad{box-shadow:inset 0 0 0 1.5px #ff7a6a}.kp-head{display:flex;align-items:center;justify-content:space-between;height:38px;padding:0 8px 0 14px;background:var(--car);color:#fff}.kp-head b{font:700 14px/1 var(--num);letter-spacing:.06em;text-shadow:0 1px 2px rgba(0,0,0,.2)}.kp-del{width:28px;height:28px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;background:0 0;color:#fff}.kp-del:hover{background:rgba(255,255,255,.24)}.kp-del svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round}.kp-card .row-field{padding:4px 14px;min-height:44px}.kp-card .row-field:last-child{border-bottom:0}#kpAdd{margin-top:12px}.rail-sep{width:28px;height:1.5px;border-radius:1px;background:rgba(243,239,231,.2)}.rail-btn.rail-reset svg.ic{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round;overflow:visible;shape-rendering:geometricPrecision}.rail-btn.rail-reset.spin svg{animation:reset-spin .6s var(--ease)}@keyframes reset-spin{from{transform:rotate(0)}to{transform:rotate(-360deg)}}@media (prefers-reduced-motion:reduce){.rail-btn.rail-reset.spin svg{animation:none}}.car-body{--field-w:132px}.car-body .num{width:var(--field-w);justify-content:flex-end;box-sizing:border-box}.car-body .num input{flex:1;width:auto;min-width:0}.car-body .num i{width:30px;min-width:30px;text-align:left}.car-body .txt{width:var(--field-w);box-sizing:border-box}.car-body .row-field .seg.sm{width:var(--field-w);box-sizing:border-box;display:flex}.car-body .row-field .seg.sm button{flex:1;padding:0 4px}.car-body #refSeg{width:auto;min-width:var(--field-w)}.car-body #refSeg button{flex:1 0 auto;padding:0 9px}.rail .tip{display:none}.kp-card .row-field{padding-right:0;margin-right:14px}.kp-card .row-field>.num,.kp-card .row-field>.seg{margin-right:-14px}.kp-card{overflow:visible}.kp-card .kp-head{border-radius:16px 16px 0 0}.gcard .gc-head .gc-title{font-size:19px}.gc-head{height:48px}.gcard.docked .gc-head{height:44px}.gc-now{justify-content:center;gap:4px 16px;margin:6px 0 2px;font-size:14px}.gcard.docked .gc-now{font-size:14px}.gc-now em{font-size:15px}.kp-head{background:var(--kp,var(--car))}.scene-seg{display:flex;width:100%;margin-bottom:14px}.scene-seg button{flex:1;height:38px}.scene-pane[hidden]{display:none}.fav-new{display:grid;gap:10px;margin-bottom:4px}.fav-new .txt{width:100%;height:40px;box-sizing:border-box}.fav-new .wide-btn{margin-top:0}#pane-mine .saves{margin-top:2px}.gcard.docked,.gcard.docked:hover{background:rgba(130,132,136,.34);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3)}.gcard .chart .axis,.gcard .chart .grid,.gcard .chart .key,.gcard .chart .now,.gcard .chart .plot{display:none}.gcard .chart .tiles{fill:rgba(40,40,42,0.86)}.gcard.docked .chart .tiles{fill:rgba(44,44,46,0.78)}.gcard .chart .tick{fill:none;stroke:rgba(255,255,255,0.85);stroke-width:1;stroke-linecap:round}.gcard .chart text{fill:#fff;font:700 8.5px var(--num)}.gcard .chart .lbl{fill:#fff;font:700 8px var(--num);font-style:normal}.gcard .chart .kmark{stroke:var(--c);stroke-width:1.8;stroke-linecap:round}.gcard .chart .ghost{stroke:rgba(255,255,255,0.22);stroke-width:2}.gcard .chart .live{stroke:var(--c);stroke-width:2.6;filter:drop-shadow(0 0 2px var(--c)) drop-shadow(0 0 4px var(--c))}.gcard .chart .dot{fill:#fff;stroke:none;filter:drop-shadow(0 0 2px rgba(255, 255, 255, .9))}.gc-now{display:flex;justify-content:center;align-items:baseline;gap:4px 22px;width:max-content;max-width:100%;margin:6px auto 0;padding:5px 18px;border-radius:999px;background:rgba(28,28,30,.82);font:700 15px/1.25 var(--num);font-variant-numeric:tabular-nums;color:#fff}.gcard.docked .gc-now{font-size:15px;color:#fff}.gc-now span{color:var(--c,#fff)}.gcard.docked .gc-head{position:relative}.gcard.docked .gc-pin{position:absolute;top:0;right:0;width:46px;height:42px;border-radius:0 20px 0 46px;background:var(--hue);color:#fff}.gcard.docked .gc-pin:hover{background:var(--hue);filter:brightness(1.08)}.gcard.docked .gc-pin svg{width:18px;height:18px;margin:-6px -8px 0 0}.gcard.docked .gc-grip::after{display:none}.gcard.docked .gc-grip svg{position:absolute;right:6px;bottom:6px;width:12px;height:12px;fill:none;stroke:rgba(255,255,255,0.8);stroke-width:1.4;stroke-linecap:round}.gcard.docked .gc-grip:hover svg{stroke:#fff}#pane-mine .saves{display:grid;gap:8px}.fav{display:flex;align-items:stretch;height:44px;border-radius:10px;overflow:hidden;background:#3a3a3d}.fav-open{flex:1;min-width:0;display:flex;align-items:stretch;padding:0;border:0;background:0 0;color:#fff;text-align:left;cursor:pointer}.fav-open:hover{background:rgba(255,255,255,.06)}.fav-no{flex:none;width:46px;display:grid;place-items:center;background:var(--fc);color:#fff;font:700 17px/1 var(--num);text-shadow:0 1px 2px rgba(0,0,0,.2)}.fav-name{flex:1;min-width:0;align-self:center;padding:0 12px;font-size:15px;font-weight:600;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fav-input{flex:1;min-width:0;margin:6px;padding:0 10px;border:0;border-radius:8px;outline:0;background:rgba(255,255,255,.1);color:#fff;font-size:15px;font-weight:600;text-align:center;box-shadow:inset 0 0 0 1.5px var(--fc)}.fav-del,.fav-edit{flex:none;width:34px;padding:0;border:0;background:0 0;color:rgba(255,255,255,.45);display:grid;place-items:center;cursor:pointer}.fav-del:hover,.fav-edit:hover{color:#fff;background:rgba(255,255,255,.08)}.fav-del svg,.fav-edit svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.fav.editing .fav-open{cursor:default}.gcard .chart .tiles{display:none}.gcard .chart .plot2{fill:rgba(0,0,0,0.42)}.gcard.docked .chart .plot2{fill:rgba(0,0,0,0.34)}.gcard .chart .gridln{fill:none;stroke:rgba(0,0,0,0.75);stroke-width:.8}.gcard .chart text{font-size:7px}.gcard .chart .lbl{font-size:6.5px}.gcard .gc-body{padding:2px 8px 2px}.gcard .gc-chart{margin:0}.gcard{container-type:inline-size}.gcard .gc-head .gc-title{font-size:clamp(15px, 6.8cqw, 34px)}.gcard.docked .gc-head{height:clamp(36px,14cqw,72px)}.gcard.docked .gc-pin{width:clamp(40px,16cqw,80px);height:clamp(36px,14cqw,72px)}.gcard.docked .gc-pin svg{width:clamp(16px,6.5cqw,32px);height:clamp(16px,6.5cqw,32px)}.gc-now,.gcard.docked .gc-now{font-size:clamp(13px, 5.6cqw, 30px);padding:.32em 1.15em;gap:.25em 1.3em;margin:4px auto 0}.fav{height:44px;border-radius:10px;background:#3a3a3d}.fav-no{width:48px;border:0;padding:0;cursor:pointer}.fav-no:hover{filter:brightness(1.1)}.fav-name{flex:1;min-width:0;border:0;padding:0 10px;background:0 0;color:#fff;cursor:text;font-size:15px;font-weight:600;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fav-name:hover{background:rgba(255,255,255,.05)}.fav-input{margin:6px 0 6px 6px}.fav-del{width:40px;color:rgba(255,255,255,.85)}.fav-del svg{width:17px;height:17px;stroke-width:2.4}.fav-new{margin-bottom:6px}#pane-mine .saves li.fav{display:flex;align-items:stretch;gap:0;height:46px;padding:0;border-radius:10px;overflow:hidden;background:#3d3d40}#pane-mine .saves li.fav button{width:auto;height:auto;margin:0;padding:0;border:0;border-radius:0;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:0;background:0 0;color:#fff;box-shadow:none}#pane-mine .saves li.fav .fav-no{flex:none;width:50px;background:var(--fc);font:700 20px/1 var(--num)}#pane-mine .saves li.fav .fav-no:hover{background:var(--fc);filter:brightness(1.08)}#pane-mine .saves li.fav .fav-name{flex:1;min-width:0;padding:0 8px;font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;line-height:46px;text-align:center}#pane-mine .saves li.fav .fav-name:hover{background:rgba(255,255,255,.05)}#pane-mine .saves li.fav .fav-del{flex:none;width:44px;color:#fff}#pane-mine .saves li.fav .fav-del:hover{background:rgba(255,255,255,.08)}#pane-mine .saves li.fav .fav-del svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round}#pane-mine .saves li.fav .fav-input{flex:1;min-width:0;margin:7px 6px}.gcard .chart text{font-size:6.5px}.models button.off{opacity:.38}.gcard .chart .ghost{stroke:#8e9097;stroke-opacity:1;stroke-width:2}.gcard.docked .chart .ghost{stroke:#a3a5ab}.gcard .chart .ghost.alt{stroke:var(--c);opacity:.7}.car-id.sel{transform-origin:center;outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 10px 2px rgba(255,255,255,.55)}.carpop{--cc:var(--car-a);position:absolute;z-index:4;left:0;top:0;width:272px;border-radius:18px;overflow:hidden;color:#fff;background:rgba(14,14,16,.8);-webkit-backdrop-filter:var(--bglass-blur);backdrop-filter:var(--bglass-blur);box-shadow:var(--bglass-line),0 18px 40px -16px rgba(0,0,0,.7);animation:cp-in .26s var(--ease) both}.carpop[hidden]{display:none}@keyframes cp-in{from{opacity:0;transform:scale(.94)}}.cp-head{display:flex;align-items:center;gap:8px;height:40px;padding:0 6px 0 14px;background:var(--cc)}.cp-dot{display:none}.cp-title{flex:1;font-size:15px;font-weight:800;color:var(--cc-ink,#fff);text-shadow:0 1px 2px rgba(0,0,0,.25)}.cp-x{width:30px;height:30px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;background:rgba(0,0,0,.18);color:#fff}.cp-x:hover{background:rgba(0,0,0,.32)}.cp-x svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}.cp-body{padding:8px 12px 4px}.cp-row{display:flex;align-items:center;gap:6px;min-height:40px}.cp-l{flex:1;font-size:13px;color:rgba(255,255,255,.78);white-space:nowrap}.cp-l .m{font-family:var(--math)}.cp-num{display:flex;align-items:center;width:118px;height:32px;border-radius:10px;background:rgba(255,255,255,.09)}.cp-num:focus-within{box-shadow:inset 0 0 0 1.5px var(--cc)}.cp-num.bad{box-shadow:inset 0 0 0 1.5px #ff6b6b}.cp-num input{flex:1;min-width:0;width:0;height:100%;padding:0;border:0;background:0 0;outline:0;text-align:center;color:#fff;font:700 15px/1 var(--num);font-variant-numeric:tabular-nums;-moz-appearance:textfield}.cp-num input::-webkit-inner-spin-button,.cp-num input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cp-step{flex:none;width:30px;height:100%;padding:0;border:0;background:0 0;cursor:pointer;color:rgba(255,255,255,.8);font:600 18px/1 var(--face);touch-action:manipulation;user-select:none;-webkit-user-select:none}.cp-step:hover{color:#fff;background:rgba(255,255,255,.08)}.cp-step:active{background:rgba(255,255,255,.16)}.cp-step[data-d="-1"]{border-radius:10px 0 0 10px}.cp-step[data-d="1"]{border-radius:0 10px 10px 0}.cp-u{width:34px;font-style:normal;font-size:12px;color:rgba(255,255,255,.55)}.cp-err{margin:0;min-height:0;font-size:12px;color:#ff8a8a}.cp-err:empty{display:none}.cp-err:not(:empty){padding:2px 0 4px}.cp-sw{gap:5px}.cp-sw button{width:20px;height:20px}.cp-sw.locked button{opacity:.35;cursor:not-allowed}.carpop .swatches button[aria-checked=true]{box-shadow:0 0 0 2px rgba(20,20,22,.9),0 0 0 4px var(--sw)}.cp-lane{width:152px;display:flex;background:rgba(255,255,255,.09)}.cp-lane button{flex:1}.carpop .switch{--accent:var(--cc)}.cp-more{display:flex;align-items:center;justify-content:center;gap:2px;width:100%;height:40px;margin-top:4px;border:0;border-top:1px solid rgba(255,255,255,.1);background:0 0;cursor:pointer;color:rgba(255,255,255,.82);font-size:13px;font-weight:700}.cp-more:hover{color:#fff;background:rgba(255,255,255,.06)}.cp-more svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.carpop.sheetmode{left:8px!important;right:8px!important;top:auto!important;bottom:8px;width:auto!important;animation:cp-up .3s var(--ease) both}@keyframes cp-up{from{transform:translateY(110%)}}@media (prefers-reduced-motion:reduce){.carpop,.carpop.sheetmode{animation:none}}.island{--ic:rgba(14, 14, 16, 0.86);--ii:#fff;position:absolute;left:50%;top:16px;z-index:4;display:flex;align-items:center;gap:8px;max-width:calc(100% - 32px);height:38px;padding:0 18px 0 8px;border-radius:999px;background:var(--ic);color:var(--ii);font-size:14px;font-weight:700;white-space:nowrap;pointer-events:none;box-shadow:0 10px 28px -10px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,255,255,.12);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);transform:translateX(-50%) scale(.35,.7);opacity:0;transition:transform .42s cubic-bezier(.34, 1.45, .64, 1),opacity .22s,background-color .3s,color .3s}.island.show{transform:translateX(-50%) scale(1);opacity:1}.island.bump{animation:isl-bump .45s cubic-bezier(.34,1.45,.64,1)}@keyframes isl-bump{0%{transform:translateX(-50%) scale(.86,.9)}100%{transform:translateX(-50%) scale(1)}}.isl-text{overflow:hidden;text-overflow:ellipsis}.isl-ic{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.24);font:800 14px/1 var(--face);font-style:normal}.island[data-kind=info]{padding-left:18px}.island[data-kind=info] .isl-ic{display:none}.island[data-kind=same]{--ic:#6fcfa6;--ii:#0f2a1f;box-shadow:0 0 22px rgba(111,207,166,.55),0 10px 28px -10px rgba(0,0,0,.5)}.island[data-kind=same] .isl-ic{background:rgba(15,42,31,.16)}.island[data-kind=meet]{--ic:#ff6f9a;--ii:#fff;box-shadow:0 0 22px rgba(255,111,154,.55),0 10px 28px -10px rgba(0,0,0,.5)}.island[data-kind=danger]{--ic:#ff8a3d;--ii:#fff;box-shadow:0 0 22px rgba(255,138,61,.6),0 10px 28px -10px rgba(0,0,0,.5)}.island[data-kind=crash]{--ic:#e5483e;--ii:#fff;box-shadow:0 0 22px rgba(229,72,62,.6),0 10px 28px -10px rgba(0,0,0,.5)}.island[data-kind=crash] .isl-ic,.island[data-kind=danger] .isl-ic{animation:isl-blink .52s steps(2) infinite}@keyframes isl-blink{50%{background:rgba(255,255,255,.55)}}.island[data-kind=finish] .isl-ic{background:rgba(0,0,0,.16)}@media (max-width:760px){.island{height:34px;font-size:13px}}@media (prefers-reduced-motion:reduce){.isl-ic,.island,.island.bump{animation:none!important;transition:opacity .2s}}.island.low{top:62px}.rotate-hint{position:absolute;left:50%;top:50%;z-index:6;display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 26px 16px;border-radius:20px;color:#fff;font-size:14px;font-weight:700;background:rgba(14,14,16,.78);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 18px 40px -16px rgba(0,0,0,.7);transform:translate(-50%,-50%) scale(.9);opacity:0;transition:opacity .3s,transform .3s var(--ease)}.rotate-hint.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.rotate-hint[hidden]{display:none}.rotate-hint>svg{width:56px;height:56px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.rotate-hint .rh-phone{transform-origin:24px 21px;animation:rh-turn 1.8s var(--ease) infinite}.rotate-hint .rh-arrow{stroke:#e8955a}@keyframes rh-turn{0%,25%{transform:rotate(0)}100%,55%{transform:rotate(-90deg)}}.rh-x{position:absolute;top:6px;right:6px;width:28px;height:28px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1);color:#fff;cursor:pointer}.rh-x svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}@media (prefers-reduced-motion:reduce){.rotate-hint .rh-phone{animation:none}}@media (orientation:landscape) and (max-height:500px){:root{--rail-w:58px;--gap:8px}.app{padding:max(8px,env(safe-area-inset-top)) 0 max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.rail{gap:3px;padding:2px 0 2px;padding-right:env(safe-area-inset-right);overflow-y:auto;overflow-x:hidden;scrollbar-width:none;justify-content:flex-start}.rail::-webkit-scrollbar{display:none}.rail-brand{margin-bottom:6px;gap:3px;flex:none}.rb-mark{width:26px}.rb-word{width:38px}.rail-btn{flex:none;width:40px;height:34px;border-radius:11px}.rail-btn svg.ic,.rail-btn.rail-reset svg.ic{width:22px;height:22px}.rail-sep{flex:none;margin:2px 0;width:22px}.hud-tl{top:10px;left:12px;gap:2px}.title{font-size:17px}.title-dot{width:8px;height:8px}.title-row{gap:7px}.subtitle{margin:0 0 4px 15px;font-size:10px}.sky-switch{transform:scale(.8);transform-origin:left top;margin-bottom:-7px}.hud-tr{top:10px;right:10px;gap:8px}.view-pill{padding:3px}.view-pill button{height:26px;padding:0 9px;font-size:12px}.cube-btn{width:34px;height:34px}.cube-btn svg{width:18px;height:18px}.transport{left:10px;bottom:10px;height:42px;gap:8px;padding:0 8px 0 3px}.play{width:36px;height:36px}.clock input{font-size:18px}.tp-more{width:220px;max-width:220px}.fs-btn{right:10px;bottom:10px;width:38px;height:38px}.island{top:10px;height:30px;font-size:12px;padding-right:14px}.island .isl-ic{width:20px;height:20px;font-size:12px}.island.low{top:46px}.gcard.docked{width:220px}.carpop{max-height:calc(100% - 16px);overflow-y:auto;width:256px}.cp-row{min-height:34px}.cp-head{height:34px}}.gcard.docked{touch-action:none;-webkit-user-select:none;user-select:none}.gcard.docked .gc-more{touch-action:pan-y}.gcard.docked .gc-body,.gcard.docked .gc-now{cursor:grab}.gcard.docked.dragging .gc-body,.gcard.docked.dragging .gc-now{cursor:grabbing}.gcard.docked .gc-chart{cursor:ew-resize}.gcard.docked.lifted{transform:scale(1.03);box-shadow:0 24px 50px -16px rgba(0,0,0,.75);transition:transform .18s var(--ease),box-shadow .18s}