:root{color:#f5eef0;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#121115;font-family:Segoe UI Variable Text,Microsoft YaHei UI,Microsoft YaHei,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline-offset:5px;outline:2px solid #f6b3c9}[hidden]{display:none!important}.site-header{color:#b5a9ae;justify-content:space-between;align-items:center;max-width:1180px;height:76px;margin:auto;padding:0 36px;font-size:12px;display:flex}.wordmark{letter-spacing:3px;color:#edc0ce;font-size:16px;font-weight:650}.wordmark span{letter-spacing:2px;color:#8f8087;font-size:10px}.showcase{grid-template-columns:minmax(280px,360px) minmax(0,636px);justify-content:space-between;align-items:center;gap:32px;max-width:1180px;margin:0 auto;padding:0 36px;display:grid}.intro{padding:24px 0 40px}.eyebrow{letter-spacing:2px;color:#cc9aaa;align-items:center;gap:8px;font-size:10px;display:flex}.eyebrow>span{background:#dc85a3;border-radius:50%;width:5px;height:5px;box-shadow:0 0 12px #bd557c}h1{letter-spacing:2px;margin:25px 0 24px;font-size:clamp(38px,4.2vw,55px);font-weight:500;line-height:1.35}.lead{color:#d9c9d0;letter-spacing:.4px;font-size:17px;line-height:1.85}.description{color:#968991;max-width:330px;font-size:12px;line-height:1.9}.demo-guide{border-top:1px solid #35242e;align-items:center;gap:18px;margin:28px 0;padding-top:18px;display:flex}.guide-index{color:#ce9eb0;letter-spacing:1px;font-size:10px}.demo-guide p{margin:0;font-size:12px;line-height:1.9}.demo-guide small{color:#92848d;font-size:10px}.actions{flex-direction:column;align-items:flex-start;gap:11px;display:flex}.download{color:#f7d8e3;background:#35212b;border:1px solid #98556e;border-radius:5px;justify-content:space-between;align-items:center;gap:45px;padding:13px 19px;font-size:13px;transition:background .2s;display:flex}.download:hover{background:#4b2a3b}.download-note{color:#8c7d86;letter-spacing:.5px;font-size:10px}.simulation{border-top:1px solid #35242e;margin-top:32px;padding-top:17px}.simulation-heading{color:#cdbdc5;align-items:center;gap:12px;font-size:12px;display:flex}.simulation-pill{color:#a28f9a;border:1px solid #49323f;border-radius:4px;padding:3px 6px;font-size:10px}.simulation p{color:#92818d;min-height:40px;margin:12px 0;font-size:11px;line-height:1.8}.simulation #activity{color:#c9a0b1;min-height:36px}.simulation-tools{flex-wrap:wrap;gap:12px;display:flex}.simulation-tools button{color:#bb91a4;background:0 0;border:0;border-bottom:1px solid #6b4459;padding:5px 0;font-size:10px}.simulation-tools button:disabled{opacity:.4;cursor:not-allowed}.visual{background:0 0;border-radius:18px;flex-direction:column;align-items:center;min-width:0;transition:background .3s;display:flex;position:relative}.backdrop-control{z-index:2;color:#877681;align-items:center;gap:4px;font-size:10px;display:flex;position:absolute;top:6px;right:12px}.backdrop-control>span{margin-right:7px}.backdrop-control button{color:#ad889b;background:#1b161d;border:1px solid #4b3341;border-radius:4px;padding:4px 8px;font-size:10px}.backdrop-control button[aria-pressed=true]{color:#f3d5e1;background:#382332;border-color:#9c607d}.launcher-fit{isolation:isolate;flex:none;margin:20px 0 0;position:relative}.launcher-fit iframe{transform-origin:0 0;color-scheme:normal;border:0;width:636px;height:930px;display:block;position:absolute}.visual-caption{letter-spacing:1.5px;color:#776973;pointer-events:none;font-size:9px;position:absolute;bottom:8px}body[data-backdrop=day] .visual{background:#f5f0f3}body[data-backdrop=day] .visual-caption,body[data-backdrop=day] .backdrop-control{color:#846577}#closed-panel{color:#cf9eb3;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#closed-panel>span{text-shadow:0 0 22px #bd6a8e;font-size:42px;font-weight:300}#closed-panel p{font-size:15px}#closed-panel button{color:#f5d3e2;background:#35212b;border:1px solid #86536e;border-radius:4px;padding:9px 20px;font-size:12px}footer{color:#716570;justify-content:space-between;gap:20px;max-width:1180px;margin:18px auto 0;padding:22px 36px 25px;font-size:10px;line-height:1.9;display:flex}footer a{color:#aa849c}@media (min-width:1450px){.showcase{gap:100px}}@media (max-width:900px){.site-header{height:56px;padding:0 22px}.showcase{grid-template-columns:minmax(0,1fr);gap:0;padding:0 14px}.visual{grid-row:1;width:100%;max-width:636px;margin:auto}.intro{width:100%;max-width:540px;margin:auto;padding:28px 20px 8px;display:block}.eyebrow{font-size:9px}h1{margin:16px 0;font-size:36px;line-height:1.35}.lead{font-size:15px}.description{max-width:100%}.demo-guide{margin:20px 0}.simulation{margin-top:24px}footer{padding:22px 34px;display:block}footer span{display:block}.visual-caption{font-size:8px;bottom:3px}.backdrop-control{top:4px;right:10px}.launcher-fit{margin-top:25px}h1 br{display:block}}@media (prefers-reduced-motion:reduce){.visual,.download{transition:none}}