.okk{--bg:#f3f6fb;--card:#fff;--fg:#15213a;--muted:#5b6880;--line:#d8e0ec;--accent:#0b63d6;--soft:#e4eefb;--ok:#15803d;--okbg:#dcfce7;--badbg:#fee2e2;--bad:#b91c1c;--note:#fef3c7;--notefg:#92400e;--font:"Nunito", "Segoe UI", system-ui, sans-serif}@media (prefers-color-scheme:dark){.okk:not([data-theme=light]){--bg:#0f1726;--card:#182238;--fg:#eef2fa;--muted:#a9b5cc;--line:#2b3850;--accent:#6aa8ff;--soft:#1f2d49;--ok:#4ade80;--okbg:#14321f;--badbg:#3b1515;--bad:#fca5a5;--note:#3b2d0c;--notefg:#fcd34d;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.okk[data-theme=dark]{--bg:#0f1726;--card:#182238;--fg:#eef2fa;--muted:#a9b5cc;--line:#2b3850;--accent:#6aa8ff;--soft:#1f2d49;--ok:#4ade80;--okbg:#14321f;--badbg:#3b1515;--bad:#fca5a5;--note:#3b2d0c;--notefg:#fcd34d;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.okk,.okk *,.okk :before,.okk :after{box-sizing:border-box}.okk{background:var(--bg);min-height:100%;color:var(--fg);font-family:var(--font);padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));margin:0;padding-block:20px 48px;font-size:16px;line-height:1.5}.okk .wrap{max-width:1280px;margin:0 auto}.okk h1,.okk h2,.okk h3{text-wrap:balance;margin:0;line-height:1.15}.okk h1{font-size:clamp(26px,3.6vw,40px);font-weight:900}.okk .eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-size:12px;font-weight:900}.okk .sub{color:var(--muted);max-width:65ch;margin-top:6px;font-weight:600}.okk header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;display:flex}.okk .views{flex-wrap:wrap;gap:8px;display:flex}.okk .views button{border:2px solid var(--line);background:var(--card);color:var(--fg);font:inherit;cursor:pointer;border-radius:999px;padding:9px 16px;font-weight:800}.okk .views button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.okk .views.lvl button{padding:6px 14px;font-size:14px}.okk .views.lvl button[aria-pressed=true]{background:var(--fg);border-color:var(--fg);color:var(--bg)}.okk button:focus-visible,.okk [tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.okk .families{gap:12px;margin-bottom:18px;display:grid}.okk .family{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:12px 14px}.okk .family h2{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:13px;font-weight:900}.okk .chips{flex-wrap:wrap;gap:8px;display:flex}.okk .chip{--gc:#888;border:2px solid color-mix(in oklab, var(--gc) 55%, transparent);background:color-mix(in oklab, var(--gc) 16%, var(--card));color:color-mix(in oklab, var(--gc) 65%, var(--fg));font:inherit;cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:8px 14px;font-weight:900;display:inline-flex}.okk .chip .f{opacity:.85;font-size:13px;font-weight:700}.okk .chip[aria-pressed=true]{background:var(--gc);color:#fff;border-color:var(--gc);box-shadow:0 6px 18px color-mix(in oklab, var(--gc) 40%, transparent)}.okk .main{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}@media (width>=900px){.okk .main{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start}}.okk .panel{--gc:#888;background:var(--card);border:1px solid var(--line);border-radius:20px;min-width:0;padding:18px}.okk .panel.scheme{border-top:6px solid var(--gc)}.okk .gname{color:color-mix(in oklab, var(--gc) 65%, var(--fg));font-size:28px;font-weight:900}.okk .gtag{color:var(--muted);font-weight:700}.okk .bond{grid-template-columns:auto 1fr;align-items:center;gap:14px;margin:14px 0;display:grid}.okk .bondbox{background:color-mix(in oklab, var(--gc) 16%, var(--card));border:2px solid color-mix(in oklab, var(--gc) 50%, transparent);white-space:nowrap;color:color-mix(in oklab, var(--gc) 65%, var(--fg));border-radius:16px;padding:12px 18px;font-size:34px;font-weight:900}.okk .bond dl{gap:4px;margin:0;display:grid}.okk .bond dt{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:900}.okk .bond dd{margin:0;font-size:18px;font-weight:800}.okk .ex{gap:6px;margin-top:10px;display:grid}.okk .ex .row{background:var(--soft);border-radius:10px;grid-template-columns:6.5em 1fr auto;align-items:baseline;gap:8px;padding:6px 10px;font-weight:700;display:grid}.okk .ex .row b{font-variant-numeric:tabular-nums;font-size:17px}.okk .state{background:var(--card);color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:900}.okk .badge{background:var(--note);color:var(--notefg);border-radius:10px;margin-top:10px;padding:4px 10px;font-size:12px;font-weight:800;display:inline-block}.okk .label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:16px 0 6px;font-size:11px;font-weight:900}.okk .props{margin:0;padding-left:20px;font-weight:600}.okk .props li+li{margin-top:4px}.okk .tabs{border-bottom:2px solid var(--line);flex-wrap:wrap;gap:6px;margin-bottom:12px;padding-bottom:10px;display:flex}.okk .tabs button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:8px 12px;font-weight:900}.okk .tabs button[aria-selected=true]{background:color-mix(in oklab, var(--gc) 18%, var(--card));color:color-mix(in oklab, var(--gc) 65%, var(--fg))}.okk .rx{border:2px solid var(--line);border-radius:14px;overflow:hidden}.okk .rx+.rx{margin-top:8px}.okk .rx>button{text-align:left;width:100%;font:inherit;background:var(--card);color:var(--fg);cursor:pointer;border:0;align-items:center;gap:10px;padding:12px 14px;font-weight:900;display:flex}.okk .rx>button .n{background:var(--gc);color:#fff;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:14px;display:grid}.okk .rx>button .arr{margin-left:auto;transition:transform .2s}.okk .rx[open]>button .arr{transform:rotate(180deg)}.okk .rx[open]>button{background:color-mix(in oklab, var(--gc) 12%, var(--card))}.okk .rxbody{border-top:2px solid var(--line);padding:12px 14px 14px}.okk .eq{background:var(--soft);white-space:nowrap;border-radius:10px;padding:10px 12px;font-size:clamp(16px,2.2vw,20px);font-weight:900;overflow-x:auto}.okk .eq+.eq{margin-top:6px}.okk .why{margin:10px 0 0;font-weight:600}.okk .why b{color:color-mix(in oklab, var(--gc) 65%, var(--fg))}.okk .naming p{margin:0 0 8px;font-weight:600}.okk .naming .eq{white-space:normal}.okk .chain{gap:14px;display:grid}.okk .chainrow{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:14px}.okk .chainrow h3{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;font-size:13px}.okk .flow{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.okk .node{--gc:#888;border:2px solid var(--gc);background:color-mix(in oklab, var(--gc) 16%, var(--card));color:color-mix(in oklab, var(--gc) 65%, var(--fg));font-weight:900;font:inherit;cursor:pointer;border-radius:12px;padding:8px 12px;font-weight:900}.okk .step{font:inherit;border:2px dashed var(--line);color:var(--accent);cursor:pointer;background:0 0;border-radius:10px;flex-direction:column;align-items:center;padding:6px 10px;font-size:13px;font-weight:800;line-height:1.2;display:inline-flex}.okk .step span.a{font-size:18px}.okk .step[aria-pressed=true]{border-style:solid;border-color:var(--accent);background:var(--soft)}.okk .chainout{min-height:2.5em;margin-top:10px}.okk .chainout .eq{max-width:100%;display:inline-block}.okk .rule{background:var(--note);color:var(--notefg);border-radius:12px;margin-top:10px;padding:10px 12px;font-weight:700}.okk .quiz{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:18px}.okk .qf{text-align:center;background:var(--soft);border-radius:14px;padding:16px;font-size:clamp(28px,5vw,44px);font-weight:900}.okk .qopts{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.okk .fb{border-radius:12px;margin-top:10px;padding:10px 12px;font-weight:700}.okk .fb.ok{background:var(--okbg);color:var(--ok)}.okk .fb.bad{background:var(--badbg);color:var(--bad)}.okk .qbar{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;font-weight:800;display:flex}.okk .primary{font:inherit;background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:12px;padding:10px 18px;font-weight:900}.okk footer{color:var(--muted);margin-top:28px;font-size:13px;font-weight:600}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.okk footer p{margin:10px 0 0}.okk #orig-btn{font:inherit;border:2px solid var(--line);background:var(--card);color:var(--fg);cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:900;display:inline-flex}.okk #orig-btn:hover{border-color:var(--accent)}.okk #orig-btn[aria-expanded=true]{border-color:var(--accent);background:var(--soft)}.okk #orig-btn .arr{transition:transform .2s}.okk #orig-btn[aria-expanded=true] .arr{transform:rotate(180deg)}.okk #orig{border:1px solid var(--line);background:var(--card);border-radius:18px;margin-top:12px;padding:12px}.okk #orig p{margin:0 0 10px}.okk #orig img{border:1px solid var(--line);background:#fff;border-radius:12px;width:100%;height:auto;display:block}.okk .panel .label:not(:first-child){border-top:1px solid var(--line);margin-top:18px;padding-top:16px}