:root{--bg:#f7f8f7;--surface:#fff;--fg:#17221e;--muted:#68746f;--border:#e1e8e4;--accent:#2368d7;--accent-soft:#eaf1ff;--success:#19734d;--warning:#9a5615;--font-body:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC',sans-serif;--font-mono:'SFMono-Regular',Consolas,monospace}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--fg);font-family:var(--font-body)}a{color:inherit}.screen{max-width:980px;margin:0 auto;padding:38px 22px 64px}.mast{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding-bottom:18px;margin-bottom:42px}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;font-weight:700}.mark{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:var(--accent);color:#fff}.back{color:var(--accent);font-size:13px;text-decoration:none}.eyebrow{color:var(--accent);font:11px var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.hero h1{font-size:clamp(32px,5vw,56px);line-height:1.05;letter-spacing:-.045em;margin:8px 0 14px}.hero p{max-width:58ch;color:var(--muted);line-height:1.7;font-size:15px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:13px;padding:22px}.panel h2{font-size:17px;margin:0 0 8px;letter-spacing:-.02em}.panel p{color:var(--muted);font-size:13px;line-height:1.65}.list{display:grid;gap:10px;margin-top:18px}.row{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid #edf0ee;font-size:13px}.row:last-child{border:0}.meta{color:var(--muted);font-size:11px}.cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:7px;padding:0 15px;background:var(--accent);color:#fff;text-decoration:none;font-size:13px;font-weight:600;margin-top:18px}.subtle{display:inline-flex;min-height:40px;align-items:center;color:var(--accent);text-decoration:none;font-size:13px}.score{font:18px var(--font-mono);color:var(--success)}.code{background:#17221e;color:#dce9e1;border-radius:10px;padding:18px;font:13px/1.7 var(--font-mono);white-space:pre-wrap}.answer{width:100%;min-height:190px;margin-top:18px;border:1px solid var(--border);border-radius:9px;padding:14px;font:14px/1.6 var(--font-body);background:#fbfcfb}.notice{padding:14px 16px;border:1px solid #d9e7ff;background:var(--accent-soft);border-radius:9px;color:#36577d;font-size:13px;line-height:1.6;margin-top:20px}.mc-cta{margin-top:24px;padding:18px 20px;border:1px solid #d9e7ff;background:var(--accent-soft);border-radius:13px}.mc-cta h2{font-size:16px;margin:0 0 6px;letter-spacing:-.02em}.mc-cta p{color:#36577d;font-size:13px;line-height:1.65;margin:0 0 14px}.mc-cta .cta{margin-top:0;border:0;cursor:pointer}.starter{margin-top:14px}.starter h2{font-size:15px;margin:14px 0 8px;letter-spacing:-.01em}.starter h3{font-size:14px;margin:12px 0 6px}.starter p{font-size:13px;line-height:1.65}.starter ul,.starter ol{margin:8px 0;padding-left:20px;font-size:13px;line-height:1.7}.starter pre{background:#17221e;color:#dce9e1;border-radius:10px;padding:14px;margin:10px 0;overflow:auto}.starter pre code{font:13px/1.6 var(--font-mono);white-space:pre}.starter code{font-family:var(--font-mono)}@media(max-width:640px){.screen{padding:24px 16px 42px}.mast{margin-bottom:32px}.grid{grid-template-columns:1fr}.hero h1{font-size:38px}.panel{padding:18px}}.lang-switch{display:inline-flex;align-items:center}.lang-switch-btn{min-width:44px;height:32px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--accent);font-size:12px;font-weight:700;cursor:pointer;padding:0 12px;transition:border-color .15s ease,background .15s ease}.lang-switch-btn:hover{background:var(--accent-soft);border-color:#cbdcff}.mast-right{display:flex;align-items:center;gap:14px}