:root{--bg:#f7f7fb;--fg:#0a0b0f;--muted:#61667a;--line:#0a0b0f1a;--card:#ffffff8c;--a1:#6d4aff;--a2:#0ea5b7;--a3:#e8548b;--glow:#6d4aff59;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#06070a;--fg:#eceef5;--muted:#8b90a3;--line:#ffffff1a;--card:#ffffff0b;--a1:#8b6bff;--a2:#35e0ef;--a3:#ff6ba8;--glow:#8b6bff73}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;overflow-x:hidden}a{color:inherit}code{background:var(--card);border:1px solid var(--line);color:var(--fg);border-radius:6px;padding:.12em .42em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em}.aurora{z-index:0;pointer-events:none;filter:blur(90px)saturate(150%);opacity:.5;position:fixed;inset:-25vmax}.blob{border-radius:50%;width:46vmax;height:46vmax;animation:26s ease-in-out infinite alternate drift;position:absolute}.b1{background:radial-gradient(circle at 35% 35%, var(--a1), transparent 66%);top:2%;left:-6%}.b2{background:radial-gradient(circle at 65% 35%, var(--a2), transparent 66%);animation-delay:-9s;top:14%;right:-10%}.b3{opacity:.75;background:radial-gradient(circle at 50% 60%, var(--a3), transparent 66%);animation-delay:-17s;bottom:-10%;left:30%}@keyframes drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(5vmax,-4vmax)scale(1.18)}}.grain{z-index:3;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.shell{z-index:4;flex-direction:column;max-width:1060px;min-height:100%;margin:0 auto;padding:clamp(22px,3.5vw,40px) clamp(20px,4vw,44px) clamp(28px,4vw,44px);display:flex;position:relative}.topbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{letter-spacing:.02em;align-items:center;gap:10px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.mark{background:linear-gradient(135deg, var(--a1), var(--a2));width:18px;height:18px;box-shadow:0 0 22px -2px var(--glow);border-radius:6px}.status{border:1px solid var(--line);background:var(--card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);letter-spacing:.03em;color:var(--muted);border-radius:999px;align-items:center;gap:8px;padding:6px 13px;font-size:12.5px;display:inline-flex}.pulse{background:#22c55e;border-radius:50%;width:6px;height:6px;animation:2.4s ease-out infinite pulse;box-shadow:0 0 #22c55e99}@keyframes pulse{70%{box-shadow:0 0 0 7px #22c55e00}to{box-shadow:0 0 #22c55e00}}.hero{flex-direction:column;flex:1;justify-content:center;gap:22px;max-width:820px;padding:9vh 0;display:flex}.kicker{letter-spacing:.3em;text-transform:uppercase;color:var(--muted);margin:0;font-size:12.5px;font-weight:500}.title{letter-spacing:-.035em;margin:0;font-size:clamp(38px,7.6vw,82px);font-weight:600;line-height:1.04}.title em{background:linear-gradient(100deg, var(--a1), var(--a2) 55%, var(--a3));color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.sub{max-width:48ch;color:var(--muted);margin:0;font-size:clamp(15px,1.5vw,18px)}.actions{flex-wrap:wrap;gap:12px;margin-top:10px;display:flex}.btn{border:1px solid var(--line);background:var(--card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;align-items:center;gap:8px;padding:12px 24px;font-size:15px;text-decoration:none;transition:transform .25s cubic-bezier(.22,1,.36,1),border-color .25s,box-shadow .25s;display:inline-flex}.btn:hover{border-color:var(--a1);box-shadow:0 12px 30px -14px var(--glow);transform:translateY(-2px)}.btn.primary{color:#fff;background:linear-gradient(100deg, var(--a1), var(--a2));box-shadow:0 14px 34px -14px var(--glow);border-color:#0000;font-weight:500}.btn.primary:hover{box-shadow:0 18px 42px -14px var(--glow)}.foot{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:26px;font-size:13.5px;display:flex}.foot-links{gap:18px;display:flex}.foot-links a{color:var(--muted);text-decoration:none;transition:color .2s}.foot-links a:hover{color:var(--a1)}@media (prefers-reduced-motion:no-preference){.rise{animation:.85s cubic-bezier(.22,1,.36,1) both rise;animation-delay:var(--d,0s)}}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.stage{z-index:1;pointer-events:none;position:fixed;inset:0}.stage-canvas{opacity:0;width:100%;height:100%;transition:opacity .7s;display:block;position:absolute;inset:0}.stage-canvas.on{opacity:1}.veil{z-index:2;pointer-events:none;background:radial-gradient(50% 48% at 30% 47%,#f7f7fbcc 0%,#f7f7fb6b 46%,#0000 74%);position:fixed;inset:0}@media (prefers-color-scheme:dark){.veil{background:radial-gradient(50% 48% at 30% 47%,#06070abd 0%,#06070a61 46%,#0000 74%)}}.glass{-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%);background:linear-gradient(#ffffffad,#ffffff70);border:1px solid #ffffff9e;position:relative;box-shadow:inset 0 1px #ffffffe6,inset 0 -1px #ffffff52,0 14px 44px -16px #0a0b0f73}.glass:before{content:"";border-radius:inherit;pointer-events:none;opacity:.55;background:linear-gradient(118deg,#ffffff8c,#0000 44%);position:absolute;inset:0}@media (prefers-color-scheme:dark){.glass{background:linear-gradient(#ffffff1a,#ffffff0a);border-color:#ffffff24;box-shadow:inset 0 1px #ffffff2e,inset 0 -1px #ffffff0d,0 18px 54px -18px #000c}.glass:before{opacity:.4;background:linear-gradient(118deg,#ffffff29,#0000 44%)}}.dock{left:50%;bottom:calc(clamp(18px, 3.5vh, 34px) + env(safe-area-inset-bottom,0px));z-index:5;pointer-events:none;flex-direction:column;align-items:center;gap:10px;width:min(560px,100vw - 32px);display:flex;position:fixed;transform:translate(-50%)}.dock>*{pointer-events:auto}.dock-panel{border-radius:22px;align-items:center;gap:18px;width:100%;padding:14px 18px;display:flex}@media (prefers-reduced-motion:no-preference){.dock-panel{animation:.45s cubic-bezier(.22,1,.36,1) both dock-in}}@keyframes dock-in{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:none}}.seg{border-radius:999px;padding:4px;display:flex}.seg-thumb{width:calc(50% - 4px);transform:translateX(calc(var(--i,0) * 100%));background:linear-gradient(#fff,#ffffffd6);border-radius:999px;transition:transform .5s cubic-bezier(.34,1.4,.5,1);position:absolute;top:4px;bottom:4px;left:4px;box-shadow:0 2px 8px -2px #0a0b0f52,0 0 0 .5px #0a0b0f0f,inset 0 1px #fff}@media (prefers-color-scheme:dark){.seg-thumb{background:linear-gradient(#ffffff3d,#ffffff1f);box-shadow:0 2px 10px -2px #0009,inset 0 1px #ffffff4d}}.seg button{z-index:1;color:var(--muted);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:1;padding:9px 20px;font-size:13.5px;font-weight:500;transition:color .3s;position:relative}.seg button[aria-selected=true]{color:var(--fg)}.seg button:focus-visible{outline:2px solid var(--a1);outline-offset:2px}.dock-sliders{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 18px;display:grid}.slider{grid-template-columns:13px minmax(0,1fr) 52px;align-items:center;gap:9px;font-size:12px;display:grid}.slider-key{color:var(--muted);text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.slider-val{color:var(--fg);opacity:.75;font-variant-numeric:tabular-nums;text-align:right;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.slider input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:20px;margin:0}.slider input[type=range]::-webkit-slider-runnable-track{opacity:.5;background:linear-gradient(90deg, var(--a1), var(--a2));border-radius:999px;height:4px}.slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;width:14px;height:14px;margin-top:-5px;box-shadow:0 1px 4px #0a0b0f59,inset 0 0 0 .5px #0a0b0f1f}.slider input[type=range]::-moz-range-track{opacity:.5;background:linear-gradient(90deg, var(--a1), var(--a2));border-radius:999px;height:4px}.slider input[type=range]::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 4px #0a0b0f59}.slider input[type=range]:focus-visible{outline:2px solid var(--a1);outline-offset:4px;border-radius:999px}.dock-actions{gap:8px;display:flex}.mini{border:1px solid var(--line);background:var(--card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--fg);font:inherit;cursor:pointer;border-radius:999px;padding:8px 15px;font-size:13px;transition:transform .2s cubic-bezier(.22,1,.36,1),border-color .2s,box-shadow .2s}.mini:hover{border-color:var(--a1);box-shadow:0 8px 20px -12px var(--glow);transform:translateY(-1px)}.mini:active{transform:translateY(0)}@media (width<=560px){.dock-panel{flex-direction:column;align-items:stretch;gap:12px}.dock-sliders{grid-template-columns:minmax(0,1fr)}.dock-actions{justify-content:flex-end}.seg button{padding:9px 14px;font-size:13px}}@media (prefers-reduced-motion:reduce){.blob,.pulse{animation:none}.seg-thumb{transition:none}}