:root,[data-theme=dark]{--accent:#35d6bb;--c-bg:#0a0e27;--c-surface:#141a3a;--c-text:#e7ebff;--c-muted:#aab4dd;--c-accent:#5ad6ff;--c-accent-strong:#8ee4ff;--c-border:#2c376b;--c-control-border:#6a76ac;--canvas-bg:#0c1330;--c-alice:#3ee08a;--c-bob:#ff7ad6;--c-shared:#ffd24a;--c-leak:#ff6080;--c-ell-a:#5ad6ff;--c-ell-b:#c08bff}[data-theme=light]{--accent:#0e7c6b;--c-bg:#fff;--c-surface:#f4f7ff;--c-text:#13183a;--c-muted:#45507a;--c-accent:#0b63b8;--c-accent-strong:#094a8c;--c-border:#c5cef0;--c-control-border:#767fb0;--canvas-bg:#f8faff;--c-alice:#0a7a42;--c-bob:#b0179e;--c-shared:#9a6200;--c-leak:#c01f3f;--c-ell-a:#0b63b8;--c-ell-b:#7a3cd0}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--c-bg)}body{background-color:var(--c-bg);color:var(--c-text);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;line-height:1.65;transition:background-color .3s,color .3s}.cl-hero-wrap,.cl-hero{max-width:960px;margin-inline-start:auto;margin-inline-end:auto;padding-inline-start:1.25rem;padding-inline-end:1.25rem}.cl-hero{--text:var(--c-text);--text-dim:var(--c-muted);--border:var(--c-border);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:clamp(1rem,4vw,3rem);margin:clamp(1rem,3vw,2rem) 0 1.5rem;display:flex;position:relative}.cl-hero-main{flex:22rem;min-width:min(100%,20rem)}.cl-hero-title{letter-spacing:.01em;margin:0;font-size:clamp(1.6rem,3.8vw,2.7rem);font-weight:700;line-height:1.1}.cl-hero-sub{letter-spacing:.01em;opacity:.85;margin:.4rem 0 0;font-size:clamp(.9rem,1.6vw,1.05rem)}.cl-hero-desc{color:var(--text-dim);max-width:60ch;margin:.55rem 0 0;font-size:1rem;line-height:1.5}.cl-hero-why{border:1px solid var(--border);background:color-mix(in oklab,var(--accent) 6%,transparent);border-radius:10px;flex:0 min(40%,26rem);min-width:min(100%,15rem);padding:.85rem 1.05rem}.cl-hero-why-label{letter-spacing:.14em;font-size:.68rem;font-weight:700;display:block}.cl-hero-why-text{margin:.35rem 0 0;font-size:.95rem;line-height:1.5}@media (max-width:640px){.cl-hero{flex-direction:column}.cl-hero-why{flex-basis:auto;width:100%}.cl-hero-main{flex-basis:auto;min-width:0}}main{gap:1.5rem;max-width:960px;margin:0 auto;padding:1rem 1.25rem 2rem;display:grid}section{background-color:var(--c-surface);border:1px solid var(--c-border);border-radius:14px;padding:1.5rem}section h2{color:var(--c-accent-strong);margin-bottom:.6rem;font-size:1.25rem}section h3{color:var(--c-accent-strong);margin:1.5rem 0 .5rem;font-size:1.02rem}section p{max-width:68ch;margin-bottom:.75rem}.model-note{color:var(--c-muted);max-width:68ch;font-size:.92rem}ul.model-note{gap:.45rem;margin-bottom:.75rem;list-style:none;display:grid}ul.model-note li{padding-left:1.25rem;position:relative}ul.model-note li:before{content:"◇";color:var(--c-accent);position:absolute;left:0}.m,code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.m{color:var(--c-accent-strong);font-size:.95em}.primer{border-left:4px solid var(--c-accent)}.primer h2{color:var(--c-accent-strong)}.gloss{font:inherit;color:var(--c-accent-strong);cursor:help;background:0 0;border:none;border-bottom:1px dotted;border-radius:0;margin:0;padding:0}.gloss:hover{color:var(--c-accent);background:0 0}.gloss:after{content:" ?";vertical-align:super;opacity:.9;font-size:.7em}.gloss-popover{z-index:900;border:1px solid var(--c-accent);background-color:var(--c-surface);max-width:min(32rem,90vw);color:var(--c-text);border-radius:10px;padding:.7rem .9rem;font-size:.9rem;line-height:1.5;position:absolute;box-shadow:0 8px 24px #00000059}.gloss-popover[hidden]{display:none}.controls{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.btn-secondary{border-color:var(--c-control-border);color:var(--c-muted)}.btn-secondary:hover{background-color:var(--c-border);color:var(--c-text)}.swatch-inline{vertical-align:middle;border:1px solid var(--c-control-border);border-radius:3px;width:.7rem;height:.7rem;display:inline-block}.swatch-kernel{background-color:var(--c-shared)}.canvas-wrap{width:100%;margin:.5rem 0 1rem}canvas{background-color:var(--canvas-bg);border:1px solid var(--c-border);border-radius:10px;width:100%;height:auto;display:block}.legend{color:var(--c-muted);margin-bottom:.75rem;font-size:.85rem}.swatch{vertical-align:middle;border-radius:3px;width:.8rem;height:.8rem;margin-right:.15rem;display:inline-block}.secret-picker{border:1px solid var(--c-border);background-color:var(--c-bg);border-radius:10px;margin:0 0 1rem;padding:.85rem 1rem 1rem}.secret-picker legend{color:var(--c-accent-strong);padding:0 .4rem;font-weight:700}.secret-picker-note{color:var(--c-muted);margin:0 0 .75rem;font-size:.85rem;line-height:1.5}.secret-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.6rem;display:flex}.secret-who{min-width:4rem;font-weight:700}.secret-row label{color:var(--c-muted);font-size:.85rem}.secret-row input[type=number]{font:inherit;border:1px solid var(--c-control-border);background-color:var(--c-surface);width:4.5rem;color:var(--c-text);border-radius:8px;padding:.35rem .5rem}.secret-error{color:var(--c-leak);margin:.6rem 0 0;font-size:.9rem}.secret-error:empty{display:none}button{font:inherit;cursor:pointer;border:1px solid var(--c-accent);color:var(--c-accent);background-color:#0000;border-radius:10px;padding:.6rem 1.1rem;font-weight:600;transition:background-color .15s,color .15s,transform 50ms}button:hover{background-color:var(--c-accent);color:var(--canvas-bg)}button:active{transform:translateY(1px)}:focus-visible{outline:3px solid var(--c-shared);outline-offset:2px}.output{gap:.35rem;margin-top:1rem;display:grid}.output:empty{display:none}.output--alert .result.bad code{color:var(--c-leak)}.kv{background-color:var(--c-bg);border:1px solid var(--c-border);border-radius:8px;grid-template-columns:minmax(8rem,12rem) 1fr;align-items:baseline;gap:.75rem;padding:.35rem .6rem;display:grid}.kv>span{color:var(--c-muted);font-size:.85rem}.kv code{word-break:break-word;font-size:.9rem}.kv.result{font-weight:600}.kv.result.ok code{color:var(--c-alice)}.kv.result.bad code{color:var(--c-leak)}.lessons{gap:.6rem;list-style:none;display:grid}.lessons li{padding-left:1.25rem;position:relative}.lessons li:before{content:"◆";color:var(--c-accent);position:absolute;left:0}.disclaimer{border-left:3px solid var(--c-leak);background-color:var(--c-bg);color:var(--c-muted);border-radius:0 8px 8px 0;margin-top:1rem;padding:.75rem 1rem;font-size:.9rem}.scripture-footer{text-align:center;color:var(--c-muted);border-top:1px solid var(--c-border);margin-top:1rem;max-width:960px;margin-inline-start:auto;margin-inline-end:auto;padding:2.5rem 1.25rem;font-size:.85rem}a{color:var(--c-accent-strong);text-decoration:underline}a:hover{color:var(--c-accent)}a:focus-visible{outline:2px solid var(--c-accent-strong);outline-offset:2px}@media (max-width:640px){.kv{grid-template-columns:1fr;gap:.15rem}section{padding:1.1rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important}}