:root{--ground:#000;--panel:#070708;--panel2:#030304;--ink:#ff6fd8;--ink-hi:#f0f0f2;--white:#fff;--dim:#8a8a92;--dimmer:#4a4a52;--line:#1e1e22;--line-hi:#35353c;--rail:#0f0f13;--rail-hi:#15151a;--rail-line:#26262c;--rail-label:#9a9aa3;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"DejaVu Sans Mono",monospace;--header-h:57px;--fresh-h:156px;--hero-floor:460px}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--ground)}html,body{color:var(--ink-hi);font-family:var(--mono)}body{-webkit-font-smoothing:antialiased;overflow-x:hidden}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}::selection{background:#ff6fd844}canvas{display:block}a{color:inherit}button{font-family:var(--mono)}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.topbarWrap{z-index:60;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d6;width:100%;position:sticky;top:0}.topbar{height:calc(var(--header-h) - 1px);justify-content:space-between;align-items:center;gap:16px;max-width:1280px;margin:0 auto;padding:0 20px;display:flex}.mark{letter-spacing:.14em;text-transform:lowercase;color:var(--ink-hi);font-size:13px;text-decoration:none}.mark b{font-weight:400}.mark i{color:var(--ink);font-style:normal}.toplinks{letter-spacing:.1em;color:var(--dim);align-items:center;gap:20px;font-size:11.5px;display:flex}.desktopLinks{align-items:center;gap:inherit;display:flex}.headerMenu{display:none}.toplinks a{color:inherit;text-decoration:none}.toplinks a:hover{color:var(--ink-hi)}.toplinks .openApp{border:1px solid var(--line-hi);min-height:31px;color:var(--ink-hi);background:var(--ground);letter-spacing:.14em;border-radius:12px;align-items:center;margin-left:6px;padding:0 14px;font-size:10.5px;display:inline-flex}.toplinks .openApp:hover{color:var(--ink)}.hero{width:100%;height:calc(100svh - var(--header-h) - var(--fresh-h));min-height:var(--hero-floor)}.stagebox{background:var(--panel2);width:100%;height:100%;transition:box-shadow .2s;display:flex;position:relative}.stagebox.dragover{box-shadow:inset 0 0 0 2px var(--ink)}.stageCore{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.stageWrap{flex:1;min-height:0;position:relative;overflow:hidden}.canvasHalf{cursor:crosshair;position:absolute;inset:0;overflow:hidden}.stageFoot .chips{pointer-events:auto}.chips{align-items:center;gap:6px;display:flex}.chip{border:1px solid var(--line-hi);cursor:pointer;border-radius:50%;width:15px;height:15px;padding:0;transition:transform .15s}.chip:hover{transform:scale(1.2)}.chip[aria-pressed=true]{outline:2px solid var(--ink-hi);outline-offset:1px}.heroChrome{z-index:2;pointer-events:none;text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:clamp(28px,7svh,70px);display:flex;position:absolute;inset:0}.heroGrid{flex-direction:column;align-items:center;width:100%;max-width:1280px;padding:0 20px;display:flex}.tagline{max-width:700px}.tagline h1{letter-spacing:.01em;color:var(--ink-hi);text-shadow:0 1px 3px #0009,0 2px 12px #0005;font-size:clamp(28px,3.4vw,48px);font-weight:500;line-height:1.3}.stagebox.light .tagline h1{-webkit-text-stroke:1.25px #fff;paint-order:stroke fill;text-shadow:0 2px 3px #0005}.tagline h1 em{color:var(--ink);font-style:normal}.stagebox.light .tagline h1{color:#1c1a17}.stagebox.light .tagline h1 em{color:#c9188f}.stagebox.light .snm,.stagebox.light .status{color:#5a5248}.stagebox.light .chip[aria-pressed=true]{outline-color:#1c1a17}.stageFoot{z-index:3;pointer-events:none;flex-direction:column;align-items:center;gap:14px;padding:0 20px 16px;display:flex;position:absolute;bottom:0;left:0;right:0}.status{text-align:center;color:var(--dim);letter-spacing:.06em;min-height:1.2em;font-size:10.5px}.stageBtns{pointer-events:auto;flex-wrap:wrap;justify-content:center;gap:8px;max-width:100%;display:flex}body:not(.appmode) .stageBtns{margin-top:10px}.btn{letter-spacing:.08em;cursor:pointer;border-radius:16px;padding:12px 22px;font-size:12.5px;transition:background .18s,color .18s,border-color .18s,filter .18s}.btn.pri{background:var(--ink);border:1px solid var(--ink);color:var(--ground);font-weight:600}.btn.pri:hover{filter:brightness(1.15)}.btn.ghost{background:var(--ground);border:1px solid var(--line-hi);color:var(--ink-hi);padding:10px 14px;font-size:11px}.btn.ghost:hover{color:var(--ink)}a.btn{text-decoration:none;display:inline-block}.appmode .topbarWrap,.appmode .freshbar,.appmode .sect,.appmode .footer,.appmode .heroChrome,.appmode .stageBtns{display:none}.appmode .stagebox{z-index:90;border:1px solid var(--line-hi);width:auto;height:auto;position:fixed;inset:12px}.appmode .hero{height:0;min-height:0}.appmode .canvasHalf,.appmode .peek{inset:24px}.appmode .animLayer{width:calc(100% - 48px);height:calc(100% - 48px);inset:24px}.appmode .canvasHalf{cursor:default}.appmode .stagebox[data-key-armed=true] .canvasHalf{cursor:crosshair}.freshbar{background:var(--panel);width:100%;height:var(--fresh-h);border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;margin-bottom:64px;display:flex}.freshHead{letter-spacing:.16em;color:var(--dim);flex:none;align-items:center;gap:8px;padding:12px 20px 0;font-size:10px;display:flex}.freshTitle{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dot{background:var(--ink);border-radius:50%;flex:none;width:6px;height:6px;animation:2.4s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}.mq{scrollbar-width:none;overscroll-behavior-x:contain;flex:1;min-height:0;padding:10px 0 12px;display:flex;overflow:auto hidden}.mq::-webkit-scrollbar{display:none}.mqIn{flex-shrink:0;gap:10px;width:max-content;padding:0 20px;display:flex}.rtile{border:1px solid var(--line);background:var(--ground);cursor:pointer;text-align:left;border-radius:16px;flex-direction:column;flex-shrink:0;width:186px;padding:0;transition:border-color .18s;display:flex;overflow:hidden}.rtile:hover{border-color:var(--dim)}.rtile .pane{flex:1;min-height:0;position:relative;overflow:hidden}.rtile .cap{border-top:1px solid var(--line);color:var(--dimmer);letter-spacing:.05em;justify-content:space-between;gap:8px;padding:5px 9px;font-size:9.5px;display:flex}.rtile .cap b{color:var(--dim);font-weight:400}.sect{max-width:1280px;margin:0 auto;padding:64px 20px 16px}.fpv{border:1px solid var(--line-hi);background:var(--panel);flex-direction:column;display:flex;position:relative}.fpvTop{letter-spacing:.14em;color:var(--dim);border-bottom:1px solid var(--line);white-space:nowrap;justify-content:space-between;gap:10px;padding:10px 14px;font-size:10px;display:flex;overflow:hidden}.fpvLabel{text-overflow:ellipsis;overflow:hidden}.fpvGrid{color:var(--dimmer);flex-shrink:0}.fpvStageWrap{aspect-ratio:16/10;background:var(--ground);position:relative;overflow:hidden}.fpvStage{cursor:crosshair;position:absolute;inset:0}.fpvArtifact{background:var(--ground);pointer-events:none;border:0;width:100%;height:100%;position:absolute;inset:0}.fpvFoot{color:var(--dim);border-top:1px solid var(--line);min-height:46px;padding:12px 14px;font-size:11.5px;line-height:1.7}.fpvFoot .codebox{background:0 0;border:0;padding:0}.fpvRec{letter-spacing:.12em;color:var(--ink-hi);pointer-events:none;align-items:center;gap:8px;font-size:9.5px;display:flex;position:absolute;bottom:10px;left:12px;right:12px}.fpvRecDot{background:#ff4d4d;border-radius:50%;width:7px;height:7px;animation:1s step-end infinite blink}.fpvRecBar{background:var(--line-hi);flex:1;height:2px;position:relative;overflow:hidden}.fpvRecBar i{background:var(--ink);transform-origin:0;animation:6s linear infinite fpvRec;position:absolute;inset:0}@keyframes fpvRec{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.codebox{border:1px solid var(--line);background:var(--ground);white-space:pre;color:var(--dim);padding:16px 18px;font-size:11.5px;line-height:1.8;overflow-x:auto}.codebox b{color:var(--ink);font-weight:400}.footer{border-top:1px solid var(--line);background:var(--ground);z-index:1;margin-top:64px;position:relative}.footIn{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:32px;max-width:1280px;margin:0 auto;padding:36px 20px 56px;display:flex}.footer form{border:1px solid var(--line-hi);align-items:stretch;width:100%;max-width:400px;display:flex}.footer form:focus-within{border-color:var(--ink)}.footer input{min-width:0;color:var(--ink-hi);font-family:var(--mono);background:0 0;border:0;outline:none;flex:1;padding:12px 14px;font-size:12.5px}.footer input::placeholder{color:var(--dimmer)}.footer form button{border:0;border-left:1px solid var(--line-hi);color:var(--ink-hi);font-family:var(--mono);letter-spacing:.1em;cursor:pointer;background:0 0;padding:0 16px;font-size:11px}.footer form button:hover:not(:disabled){color:var(--ink)}.footer form button:disabled{color:var(--dimmer);cursor:default}.footer .note{color:var(--dimmer);letter-spacing:.04em;min-height:1.3em;margin-top:8px;font-size:10.5px}.footer .note.err{color:#ff8080}.footer .note.ok{color:var(--ink)}.footer .colright{color:var(--dimmer);text-align:right;font-size:11px;line-height:1.9}.colright p{margin:0}.colBrand{margin-bottom:4px}.colLine{color:var(--dim)}.colLinks{margin-top:6px}.colLinks a{color:var(--dim);text-decoration:none}.colLinks a:hover{color:var(--ink-hi)}.socials{justify-content:flex-end;align-items:center;gap:8px;margin-top:12px;display:flex}.socialMark{cursor:pointer;border:1px solid var(--line);width:44px;height:44px;color:var(--dim);background:0 0;border-radius:8px;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.socialMark:hover,.socialMark:focus{color:var(--ink-hi);border-color:var(--line-hi)}.socialToast{z-index:2;white-space:nowrap;border:1px solid var(--line-hi);background:var(--panel);color:var(--ink-hi);font:10px/1.4 var(--mono);visibility:hidden;pointer-events:none;border-radius:8px;padding:7px 10px;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 4px 12px #0006}.socialMark:hover .socialToast,.socialMark:focus .socialToast{visibility:visible}@media (max-width:560px){.socialToast{left:0;right:auto}}@media (max-width:1100px){.topbar{gap:12px}.toplinks{gap:14px;font-size:11px}.heroGrid{padding-left:16px;padding-right:16px}}@media (max-width:1100px),(pointer:coarse){.hero{height:auto;min-height:max(var(--hero-floor),calc(100svh - var(--header-h) - var(--fresh-h)));display:flex}.stagebox{flex:1;min-width:0;height:auto}.stageFoot .chips{flex-wrap:wrap;justify-content:center;gap:16px;max-width:100%;margin-bottom:10px}}@media (max-width:900px){:root{--header-h:56px;--fresh-h:150px;--hero-floor:420px}.heroChrome{padding-top:28px}.tagline{max-width:100%}.freshTitle{white-space:normal}.footIn{flex-direction:column;align-items:stretch}.footer .colright{text-align:left}.socials{justify-content:flex-start}.appmode .stagebox{inset:8px}.appmode .canvasHalf,.appmode .peek{inset:16px}.appmode .animLayer{width:calc(100% - 32px);height:calc(100% - 32px);inset:16px}}@media (max-width:560px){body:not(.appmode) .stageFoot .chips{grid-template-columns:repeat(6,16px);justify-items:center;gap:28px 16px;display:grid}body:not(.appmode) .stageBtns .ghost{display:none}body:not(.appmode) .stageBtns{max-width:320px}body:not(.appmode) .stageFoot{padding-bottom:max(24px,env(safe-area-inset-bottom))}:root{--fresh-h:138px}body:not(.appmode) .hero{min-height:max(var(--hero-floor),calc(100svh - var(--header-h) - 64px))}.heroChrome{padding-top:24px}:root{--hero-floor:320px}.topbar{padding:0 16px}.chip{width:13px;height:13px}.chips{gap:5px}.heroGrid{padding:0 16px}.stageFoot{gap:10px;padding:0 16px 14px}.stageBtns{width:100%}.stageBtns .btn.pri{flex:1 0 100%;padding:14px 22px}.stageBtns .btn.ghost{flex:40%;min-width:0;padding:11px 8px;font-size:10.5px}.sect{padding-left:16px;padding-right:16px}.footIn{padding:32px 16px 48px}.rtile{width:154px}.appmode .stagebox{flex-direction:column}.appmode .canvasHalf,.appmode .peek{inset:12px}.appmode .animLayer{width:calc(100% - 24px);height:calc(100% - 24px);inset:12px}}@media (pointer:coarse){.mqIn>.rtile[aria-hidden=true]{display:none}.mq{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scroll-padding-left:20px}.rtile{scroll-snap-align:start}.rtile:hover{border-color:var(--line)}.chip:hover{transform:none}.chips{gap:13px}.chip{width:16px;height:16px;position:relative}.chip:after{content:"";position:absolute;inset:-13px -7px}.mark{align-items:center;min-height:40px;display:inline-flex}.toplinks{gap:8px}.toplinks a{align-items:center;min-height:40px;padding:0 8px;display:inline-flex}.toplinks .openApp{min-height:40px;padding:0 14px}.poCustomize{align-items:center;min-height:38px;display:inline-flex}.btn.ghost{justify-content:center;align-items:center;min-height:40px;display:inline-flex}}@media (prefers-reduced-motion:reduce){.mqIn>.rtile[aria-hidden=true]{display:none}.dot{animation:none}.canvasHalf{cursor:default}.fpvRecDot,.fpvRecBar i{animation:none}.fpvRecBar i{transform:none}}.heroArtwork{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}@media (max-width:1024px){.topbar{gap:8px;padding-inline:16px}.toplinks{gap:8px}.desktopLinks{display:none}.toplinks .openApp{white-space:nowrap;min-height:44px;margin-left:0;padding:0 12px;font-size:10.5px}.headerMenu{display:block}.headerMenu summary{border:1px solid var(--line-hi);width:44px;height:44px;color:var(--ink-hi);background:var(--ground);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;list-style:none;display:flex}.headerMenu summary::-webkit-details-marker{display:none}.headerMenu summary:hover{background:var(--panel)}.headerMenu .menuClose,.headerMenu[open] .menuBars{display:none}.headerMenu[open] .menuClose{display:block}.compactLinks{max-height:calc(100svh - var(--header-h));background:var(--ground);border-bottom:1px solid var(--line-hi);color:var(--ink-hi);padding:12px 16px;display:grid;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.toplinks .compactLinks a{border-radius:8px;align-items:center;min-height:48px;padding:0 12px;font-size:12px;display:flex}.toplinks .compactLinks a:hover{background:var(--panel)}}.topbar a:focus-visible,.headerMenu summary:focus-visible{outline-offset:3px;outline:2px solid}
