@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--spring:cubic-bezier(.3, 1.2, .5, 1);--spring-soft:cubic-bezier(.3, 1.12, .55, 1);--accent:#5b4cf0;--accent-glow:#6a5cff73;--text:#222c46;--text-strong:#0f1729;--muted:#5f6b86;--warn:#8a4f00;--err:#b4233f;--hairline:#ffffff8c;--panel-w:330px;--gap:18px;--ease:cubic-bezier(.2, .8, .2, 1);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;line-height:1.5}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{color:var(--text);background:linear-gradient(160deg,#f1f3f9,#e3e8f2);overflow:hidden}.app{height:100%;position:relative;overflow:hidden}.stage,.canvas-host{position:absolute;inset:0}[data-glass]{text-shadow:0 1px #ffffff73;background:0 0;border:0}.panel{top:var(--gap);left:var(--gap);bottom:var(--gap);width:var(--panel-w);z-index:5;scrollbar-width:thin;scrollbar-color:#5a688c59 transparent;animation:panelIn .7s var(--ease);border-radius:30px;flex-direction:column;gap:20px;padding:24px 20px 28px;display:flex;position:absolute;overflow:hidden auto}.panel>*{flex-shrink:0;position:relative}@keyframes panelIn{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:none}}.panel header{flex-direction:column;gap:4px;display:flex}.brand{align-items:center;gap:12px;display:flex}.logo{border-radius:50%;flex-shrink:0;width:34px;height:34px}.panel h1{letter-spacing:-.015em;color:var(--text-strong);font-size:21px;font-weight:700}.panel header p{color:var(--muted);margin-top:-4px;padding-left:46px;font-size:12.5px}section{flex-direction:column;gap:10px;display:flex}h2{text-transform:uppercase;letter-spacing:.13em;color:var(--muted);font-size:10.5px;font-weight:700}p{line-height:1.45}b,strong{color:var(--text-strong);font-weight:600}.muted{color:var(--muted)}.small{font-size:12px}.error{color:var(--err)}.row{align-items:center;gap:10px;display:flex}.row.between{justify-content:space-between}.row.gap{flex-wrap:wrap;gap:10px;margin-top:8px}.space-card{border-radius:22px;padding:16px 16px 14px}.stat{align-items:baseline;gap:8px;display:flex}.stat b{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:28px;font-weight:700}.stat span{color:var(--muted);font-size:12.5px}.pill{letter-spacing:.07em;text-transform:uppercase;color:var(--warn);border-radius:999px;padding:3px 10px;font-size:10px;font-weight:700}button,select{font:inherit;color:var(--text);transition:color .2s, opacity .2s, scale .5s var(--spring);background:0 0;border:0;border-radius:14px;padding:9px 16px;font-size:13px;font-weight:600}button{cursor:pointer}button:hover:not(:disabled){color:var(--accent)}button:disabled{opacity:.45;cursor:default}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--accent-glow);outline-offset:3px}select{cursor:pointer;appearance:none;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8'><path d='M1 1l5 5 5-5' fill='none' stroke='%235f6b86' stroke-width='1.8' stroke-linecap='round'/></svg>") right 12px center no-repeat;padding-right:30px}.seg{box-shadow:inset 0 0 0 1px var(--hairline);border-radius:14px;gap:4px;padding:3px;display:flex}.seg button{color:var(--muted);border-radius:11px;padding:5px 13px;font-size:11.5px}.seg button.on{color:var(--accent)}input.switch{appearance:none;cursor:pointer;background:0 0;border-radius:999px;flex-shrink:0;width:46px;height:26px;position:relative}input.switch:after{content:"";width:20px;height:20px;transition:transform .35s var(--ease);background:radial-gradient(circle at 35% 30%,#fff,#eef1f8);border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #1e285047,inset 0 -1px 2px #1e28501f}input.switch:checked:after{transform:translate(20px)}input.switch:disabled{opacity:.45;cursor:default}input[type=range]{appearance:none;background:0 0;border-radius:999px;outline:none;width:100%;height:12px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:radial-gradient(circle, var(--accent) 0 3px, transparent 4px), radial-gradient(circle at 35% 30%, #fff, #eef1f8);border-radius:50%;width:22px;height:22px;box-shadow:0 2px 7px #1e28504d}input[type=range]::-moz-range-thumb{cursor:pointer;background:radial-gradient(circle, var(--accent) 0 3px, transparent 4px), radial-gradient(circle at 35% 30%, #fff, #eef1f8);border:0;border-radius:50%;width:22px;height:22px;box-shadow:0 2px 7px #1e28504d}input[type=range]:disabled{opacity:.45}.orb-wrap{align-items:center}.orb-wrap h2{align-self:flex-start}.orb{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;width:150px;height:150px;transition:scale .55s var(--spring), opacity .3s;border-radius:50%;margin:6px auto 0;animation:5.5s ease-in-out infinite orbBreathe;position:relative}@keyframes orbBreathe{50%{transform:translateY(-3px)scale(1.012)}}.orb:active{cursor:grabbing}.orb.disabled{opacity:.45;pointer-events:none;animation:none}.orb-dot{pointer-events:none;width:20px;height:20px;box-shadow:0 0 0 3px #ffffffb3, 0 0 22px 6px var(--accent-glow), 0 3px 8px #281e7859;background:radial-gradient(circle at 34% 30%,#fffffff2 0 14%,#0000 36%),linear-gradient(135deg,#8a7bff,#5b4cf0 50%,#c45cf0);border-radius:50%;margin:-10px;position:absolute;top:50%;left:50%}.orb.paused .orb-dot{background:radial-gradient(circle at 34% 30%,#fff 0 14%,#0000 36%),#a7b0c4;box-shadow:0 0 0 3px #ffffffb3,0 3px 8px #2832504d}.orb-hint{color:var(--muted);text-align:center;margin-top:4px;font-size:11px;line-height:1.5}.status-chip,.chip{color:var(--text-strong);border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding:6px 7px 6px 14px;font-size:12.5px;font-weight:500;display:inline-flex}button.x{width:24px;height:24px;color:var(--err);border-radius:50%;place-items:center;padding:0;font-size:14px;line-height:1;display:grid;box-shadow:inset 0 0 0 1px #b4233f40}button.x:hover:not(:disabled){color:#fff;background:var(--err)}.chip-tray{flex-wrap:wrap;gap:10px;display:flex}.card{border-radius:22px;gap:4px;padding:18px}.card strong{font-size:15.5px}.card a{color:var(--accent);align-self:center;margin-left:auto;font-weight:600;text-decoration:none}.card a:hover{text-decoration:underline}.adv{border-top:1px solid var(--hairline);padding-top:16px}.adv summary{cursor:pointer;color:var(--muted);-webkit-user-select:none;user-select:none;text-transform:uppercase;letter-spacing:.13em;align-items:center;gap:8px;font-size:10.5px;font-weight:700;list-style:none;display:flex}.adv summary::-webkit-details-marker{display:none}.adv summary:before{content:"";width:7px;height:7px;transition:transform .3s var(--ease);border-bottom:1.5px solid;border-right:1.5px solid;transform:rotate(-45deg)}.adv[open] summary:before{transform:rotate(45deg)}.adv-body{flex-direction:column;gap:16px;padding-top:16px;display:flex}.adv-body h3{color:var(--text-strong);letter-spacing:.02em;font-size:11.5px;font-weight:700}.adv-body .group-head{border-top:1px solid var(--hairline);margin-top:8px;padding-top:14px}.slider{flex-direction:column;gap:8px;display:flex}.num{font-variant-numeric:tabular-nums}input.num-input{text-align:right;width:92px;font:inherit;color:var(--text-strong);font-variant-numeric:tabular-nums;caret-color:var(--accent);transition:scale .5s var(--spring);background:0 0;border:0;border-radius:14px;padding:8px 14px;font-size:13px;font-weight:600}input.num-input:focus{box-shadow:0 0 0 2px var(--accent-glow);outline:none;scale:1.02}.presets{flex-wrap:wrap;gap:6px;margin-top:-4px;display:flex}.presets button{color:var(--muted);border-radius:999px;padding:4px 11px;font-size:11.5px}.presets button.on{color:#fff;text-shadow:0 1px 2px #28148c73;font-weight:700}button.link{color:var(--accent);border-radius:6px;padding:2px 4px;font-size:11.5px;font-weight:600}button.link:disabled{opacity:.4;color:var(--muted)}.hud{z-index:4;pointer-events:none;border-radius:18px;padding:11px 16px;font-size:11.5px;line-height:1.7;position:absolute}.hud.tl{top:var(--gap);left:calc(var(--panel-w) + var(--gap) * 2);pointer-events:auto;cursor:pointer;transition:scale .5s var(--spring);padding-right:36px;overflow:hidden}.hud.tl:focus-visible{outline:2px solid var(--accent-glow);outline-offset:3px}.hud-more{width:18px;height:18px;color:var(--accent);transition:rotate .5s var(--spring);border-radius:50%;place-items:center;font-size:11px;font-style:italic;font-weight:700;display:grid;position:absolute;top:9px;right:10px;box-shadow:inset 0 0 0 1px #5b4cf059}.hud.tl.open .hud-more{font-style:normal;rotate:90deg}.axis-info{border-top:1px solid var(--hairline);gap:8px;width:290px;margin-top:10px;padding-top:10px;display:grid}.axis-info p{color:var(--text);animation:infoIn .5s var(--spring) both;font-size:11.5px;line-height:1.5}.axis-info p:nth-child(2){animation-delay:60ms}.axis-info p:nth-child(3){animation-delay:.12s}@keyframes infoIn{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0}}.hud.br{bottom:var(--gap);right:var(--gap);text-align:right;min-height:42px;padding-right:38px}.hud.legend{bottom:var(--gap);left:calc(var(--panel-w) + var(--gap) * 2);color:var(--muted);align-items:center;gap:10px;font-size:11px;display:flex}.hud i{vertical-align:-.5px;border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block;box-shadow:0 0 0 2px #ffffffe6}.hud .ramp{vertical-align:middle;border-radius:999px;width:100px;height:9px;margin:0;box-shadow:0 0 0 2px #ffffffd9}.spinner{border:2px solid #5b4cf033;border-top-color:var(--accent);opacity:0;border-radius:50%;width:14px;height:14px;margin-top:-7px;transition:opacity .3s;animation:.8s linear infinite spin;position:absolute;top:50%;right:13px}.spinner.on{opacity:1}@keyframes spin{to{transform:rotate(360deg)}}.toast{z-index:6;top:var(--gap);color:var(--err);border-radius:14px;padding:10px 18px;font-size:13px;position:absolute;left:50%;transform:translate(-50%)}.tip.help{max-width:270px;color:var(--text);border-radius:16px;padding:10px 14px;font-size:12px;line-height:1.5}.tip{z-index:10;pointer-events:none;border-radius:14px;max-width:260px;padding:9px 13px;font-size:12px;position:fixed}.search{z-index:7;top:var(--gap);left:calc((100% + var(--panel-w) + var(--gap)) / 2);width:176px;transition:width .7s var(--spring);position:absolute;translate:-50%}.search:focus-within{width:clamp(280px,30vw,440px)}.search-box{height:46px;transition:scale .5s var(--spring);cursor:text;border-radius:999px;align-items:center;gap:10px;padding:0 14px 0 16px;display:flex}.search-box:focus-within{scale:1.015}.search-box svg{fill:none;width:18px;height:18px;stroke:var(--muted);stroke-width:2.2px;stroke-linecap:round;flex-shrink:0}.search-box input{min-width:0;font:inherit;color:var(--text-strong);caret-color:var(--accent);background:0 0;border:0;outline:none;flex:1;font-size:14px}.search-box input::placeholder{color:var(--muted);opacity:.85}.search-kbd{color:var(--muted);border-radius:7px;padding:4px 7px;font:600 11px/1 Inter,system-ui,sans-serif;box-shadow:inset 0 0 0 1px #5f6b8659}.search-spin{border:2px solid #5b4cf033;border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.8s linear infinite spin}.search-list{max-height:min(60vh,520px);animation:listIn .45s var(--spring) both;transform-origin:top;border-radius:20px;margin-top:8px;padding:6px;list-style:none;overflow-y:auto}@keyframes listIn{0%{opacity:0;translate:0 -6px;scale:.94}to{opacity:1;translate:0;scale:1}}.search-list li{cursor:pointer;transition:scale .4s var(--spring);border-radius:14px;flex-direction:column;gap:1px;padding:8px 12px;display:flex}.search-list li.on{scale:1.006}.search-list li{flex-direction:row;align-items:center;gap:12px}.search-list li.empty{display:block}.sr-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.sr-len{font-variant-numeric:tabular-nums;color:var(--muted);flex-shrink:0;font-size:12px}.cover{object-fit:cover;background:linear-gradient(135deg,#e6e1ff,#ffdfe8);border-radius:10px;flex-shrink:0;display:block;box-shadow:0 0 0 1.5px #ffffffd9,0 3px 10px #323c7838}.cover.empty{position:relative}.cover.empty:after{content:"♪";color:#5b4cf08c;place-items:center;font-size:40%;font-weight:700;display:grid;position:absolute;inset:0}.card-head{align-items:center;gap:14px;display:flex}.card-head .cover{border-radius:14px}.card-text{flex-direction:column;gap:1px;min-width:0;display:flex}.search-list li strong{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:600;overflow:hidden}.search-list li span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.search-list li.empty{cursor:default;text-align:center;color:var(--text-strong);flex-direction:column;align-items:center;gap:3px;padding:14px 12px;font-size:14px;font-weight:600;display:flex}.search-list li.empty small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;font-weight:400;overflow:hidden}.nav{z-index:4;top:var(--gap);right:var(--gap);flex-direction:column;align-items:center;gap:16px;display:flex;position:absolute}.nav svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px;display:block}.nav button{color:var(--text);touch-action:none;-webkit-user-select:none;user-select:none;place-items:center;padding:0;display:grid}.nav-reset{border-radius:50%;width:50px;height:50px}.nav-reset .dot{fill:var(--accent);stroke:none}.nav-reset:hover:not(:disabled) svg{animation:navSpin .8s var(--ease)}@keyframes navSpin{0%{transform:rotate(-90deg)}to{transform:none}}.dpad{border-radius:50%;grid-template:repeat(3,1fr)/repeat(3,1fr);place-items:center;width:136px;height:136px;padding:8px;display:grid;position:relative}.dpad-btn{border-radius:50%;width:38px;height:38px}.dpad-btn.up{grid-area:1/2}.dpad-btn.left{grid-area:2/1}.dpad-btn.right{grid-area:2/3}.dpad-btn.down{grid-area:3/2}.dpad-hub{border-radius:50%;grid-area:2/2;width:22px;height:22px}.zoom{border-radius:999px;flex-direction:column;display:flex}.zoom button{border-radius:0;width:46px;height:44px}.zoom button+button{border-top:1px solid var(--hairline)}@media (width<=760px){:root{--gap:10px}.panel{top:auto;right:var(--gap);border-radius:26px;width:auto;height:46%;animation-name:sheetIn}@keyframes sheetIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.hud.tl{left:var(--gap)}.hud.legend{display:none}.hud.br{top:var(--gap);bottom:auto}.nav{top:calc(var(--gap) + 150px);transform-origin:100% 0;gap:12px;transform:scale(.82)}.search{left:var(--gap);translate:none}.search:focus-within{width:calc(100% - var(--gap) * 2)}.hud.tl,.hud.br{top:calc(var(--gap) + 56px)}}:is(button,select,input.switch,.chip,.status-chip,.pill,.space-card,.card,.dpad,.zoom,.orb){transition:scale .5s var(--spring), color .2s, opacity .2s}:is(button,select,input.switch,.chip,.status-chip,.pill,.hud.tl,.orb,.search-box):hover:not(:disabled){animation:jiggle .55s var(--ease);scale:1.025}:is(.space-card,.card,.dpad,.zoom):hover{scale:1.006}:is(button,select,input.switch,.chip,.status-chip,.hud.tl,.orb):active:not(:disabled){transition-duration:.12s;scale:.97}.zoom button:hover:not(:disabled){scale:1.04}input[type=range]{transition:scale .5s var(--spring)}input[type=range]:active:not(:disabled){scale:1.01 .95}@keyframes jiggle{0%{transform:scale(1)}25%{transform:scale(1.025,.975)}48%{transform:scale(.99,1.012)}70%{transform:scale(1.006,.998)}to{transform:scale(1)}}.orb:hover:not(.disabled){animation:jiggle .6s var(--ease), orbBreathe 5.5s ease-in-out .6s infinite}@media (prefers-reduced-motion:reduce){.orb{animation:none}*,:before,:after{transition-duration:.01ms!important;animation:none!important}}