:root{color-scheme:dark;font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;background:#07121e;color:#f3f3ed}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 70% 25%,#173d4a66,transparent 55%),radial-gradient(ellipse at 15% 80%,#26345944,transparent 50%),#07121e}.preview{min-height:100vh;display:grid;grid-template-columns:360px minmax(0,430px);gap:18px 90px;justify-content:center;align-content:center;padding:32px}.intro{align-self:center}.wordmark{font-size:12px;font-weight:800;letter-spacing:2.5px;display:flex;align-items:center;gap:12px;margin-bottom:60px}.mark{font-size:28px;color:#72ded0}.eyebrow{font-size:10px;letter-spacing:2.2px;color:#74c8c4}h1{font-size:48px;line-height:1.4;letter-spacing:2px;margin:20px 0}.lede{color:#9cb2bd;font-size:15px;line-height:1.9;margin:0 0 34px}.rule{display:flex;gap:20px;margin:16px 0}.rule>span{font-size:11px;color:#6bc7be;line-height:24px;letter-spacing:1px}.rule p{font-size:12px;line-height:1.7;color:#859ba9;margin:0}.rule strong{display:block;font-size:13px;color:#d8e5e7;font-weight:600;margin-bottom:3px}footer{margin-top:45px;font-size:11px;line-height:2;color:#748b99}footer span{color:#536c7b}.device{width:min(430px,calc((100dvh - 112px)*.4620853));max-width:100%;aspect-ratio:390/844;justify-self:center;border:1px solid #365362;border-radius:30px;overflow:hidden;background:#0a1728;box-shadow:0 36px 100px #0008,0 0 0 7px #ffffff04}canvas{display:block;width:100%;height:100%;touch-action:none;user-select:none;-webkit-user-select:none}.hint{grid-column:2;text-align:center;font-size:10px;letter-spacing:1px;color:#65818e}@media(max-width:850px){.preview{display:flex;justify-content:center;align-items:center;min-height:100dvh;padding:0}.intro,.hint{display:none}.device{width:min(100vw,calc(100dvh * .49));height:100dvh;aspect-ratio:auto;border:0;border-radius:0;box-shadow:none}}@media(max-width:500px){.device{width:100vw;height:100dvh}}