*{box-sizing:border-box}html{color-scheme:light}body{margin:0;min-height:100svh;display:flex;flex-direction:column;color:#152943;background:#f4f7fc;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}.brand{display:flex;align-items:center;gap:10px;padding:18px 30px;font-size:22px;font-weight:750;letter-spacing:-.7px}.brand-emoji{display:grid;place-items:center;width:36px;height:36px;font-size:30px;line-height:1;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}main{display:grid;place-items:center;flex:1;padding:8px 24px 24px}.entry{width:100%;max-width:480px;text-align:center}.eyebrow{color:#4a70a2;font-size:12px;letter-spacing:3px;margin:0 0 12px}h1{font-size:30px;line-height:1.4;letter-spacing:-1px;margin:0;font-weight:700}.intro{font-size:14px;color:#66778c;margin:12px 0 22px}figure{margin:0 auto;background:#fff;border:1px solid #e3eaf3;border-radius:24px;max-width:280px;padding:18px 18px 16px;box-shadow:0 12px 35px #193d6710}.code{aspect-ratio:1;display:grid;place-items:center}.code img{display:block;width:100%;height:auto;max-width:220px}figcaption{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;color:#34485f;font-size:14px}.dot{width:7px;height:7px;background:#13ad66;border-radius:50%}.mobile-hint{font-size:12px;line-height:1.7;color:#718095;margin:12px 0 20px}.console{max-width:280px;margin:auto}.console a{min-height:48px;padding:13px 20px;display:flex;align-items:center;justify-content:center;gap:16px;border:1px solid #cfdbea;border-radius:12px;text-decoration:none;color:#244362;background:#ffffff70;font-size:14px;font-weight:600;transition:background .15s,border-color .15s}.console a:hover{background:#fff;border-color:#8ba8cf}.console a:focus-visible,footer a:focus-visible{outline:3px solid #1677ff;outline-offset:4px}.console p{font-size:11px;color:#7a899a;margin:10px 0 0}footer{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;padding:16px 20px 20px;color:#788699;font-size:11px}footer a{color:inherit;text-decoration:none}footer a:hover{text-decoration:underline}.separator{color:#a2b0c0}@media(max-width:480px){.brand{padding:22px 24px;font-size:20px}main{padding:20px 20px 30px}h1{font-size:28px}.intro{font-size:12px}figure{max-width:290px;padding:20px}.console{max-width:290px}}@media(prefers-reduced-motion:reduce){.console a{transition:none}}