:root{--blue:#2563ff;--blue-deep:#0054ff;--ink:#102a66;--bg:#f7f8fc;--card:#fff;--muted:#5b6b8f;--line:#e5e9f5;--ok:#0f9d58;--warn:#d97706;--bad:#d92d20;--font-display:"Varela Round",system-ui,sans-serif;--font-body:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font-family:var(--font-body);margin:0;line-height:1.5}a{color:var(--blue)}h1,h2,h3,.wordmark{font-family:var(--font-display);letter-spacing:-.01em}.wrap{max-width:880px;margin:0 auto;padding:16px}header.top{border-bottom:1px solid var(--line);z-index:5;background:#fff;align-items:center;gap:16px;padding:12px 16px;display:flex;position:sticky;top:0}.wordmark{color:var(--ink);font-size:22px;text-decoration:none}.wordmark b{color:var(--blue)}nav.main{flex-wrap:wrap;gap:6px;margin-left:auto;display:flex}nav.main a{color:var(--ink);border-radius:999px;padding:6px 10px;font-size:14px;text-decoration:none}nav.main a.active{background:var(--blue);color:#fff}.lang{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;padding:6px 10px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;margin:12px 0;padding:16px}.tag{color:#9a5b00;background:#fff4e5;border:1px solid #ffe1b3;border-radius:999px;padding:2px 8px;font-size:12px;display:inline-block}.btn{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:12px;padding:12px 18px;font-size:16px;text-decoration:none;display:inline-block}.btn.secondary{color:var(--ink);border:1px solid var(--line);background:#fff}.btn[disabled]{opacity:.5;cursor:not-allowed}label{margin:12px 0 4px;font-weight:600;display:block}input,select{border:1px solid var(--line);border-radius:12px;width:100%;padding:12px;font-size:16px}.hint{color:var(--muted);font-size:14px}.mono{word-break:break-all;font-family:ui-monospace,Menlo,monospace;font-size:13px}.ok{color:var(--ok)}.warn{color:var(--warn)}.bad{color:var(--bad)}.diagram{grid-template-columns:repeat(2,1fr);gap:8px;margin:12px 0;padding:0;list-style:none;display:grid}.diagram li{background:var(--card);border:1px solid var(--line);border-radius:12px;align-items:center;gap:8px;padding:10px 12px;font-size:14px;display:flex}.diagram .n{background:var(--blue);color:#fff;border-radius:999px;flex:0 0 22px;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:inline-flex}@media (min-width:700px){.diagram{grid-template-columns:repeat(6,1fr)}}.grid2{grid-template-columns:1fr;gap:12px;display:grid}@media (min-width:700px){.grid2{grid-template-columns:1fr 1fr}}.big{font-size:40px;font-family:var(--font-display)}