*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a14;--bg2:#0f0f1e;--bg3:#14142a;--border:#1e2040;--border-bright:#2a2d6a;--control-border:#777ac0;--text:#d0d4e8;--text-dim:#7080b5;--text-mono:#b8c0e0;--gold:gold;--cyan:#00d4ff;--green:#0f8;--magenta:#f0f;--red:#f36;--orange-text:#ff9a3c;--tab-active-border:var(--gold);--on-accent:#000;--radius:6px;--font-sans:system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", monospace}[data-theme=light]{--bg:#f4f5fa;--bg2:#eceef8;--bg3:#e0e2f0;--border:#c0c8e0;--border-bright:#8090d0;--control-border:#6872a0;--text:#1a1e40;--text-dim:#45508c;--text-mono:#1a2040;--gold:#7a5c00;--cyan:#08558c;--green:#006638;--magenta:#9c009c;--red:#bb002e;--orange-text:#9a5000;--on-accent:#fff}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);min-height:100vh;line-height:1.6}.skip-link{z-index:100;background:var(--cyan);color:var(--on-accent);padding:.5rem 1rem;font-weight:700;position:absolute;top:-999px;left:0}.skip-link:focus{top:0}#app{max-width:1200px;margin:0 auto;padding:0 1rem 3rem}.cl-hero{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}.cl-hero-main{flex:22rem;min-width:min(100%,20rem)}.cl-hero-title{font-family:var(--font-mono);color:var(--gold);letter-spacing:.01em;margin:0;font-size:clamp(1.6rem,3.8vw,2.7rem);font-weight:700;line-height:1.1}.cl-hero-sub{font-family:var(--font-mono);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(--cyan) 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;color:var(--text-dim);font-size:.68rem;font-weight:700;display:block}.cl-hero-why-text{color:var(--text);margin:.35rem 0 0;font-size:.95rem;line-height:1.5}@media (width<=640px){.cl-hero{flex-direction:column}.cl-hero-why{flex-basis:auto;width:100%}.cl-hero-main{flex-basis:auto;min-width:0}}.tabs-wrap{margin-top:1.5rem}.tab-list{border-bottom:2px solid var(--border);scrollbar-width:thin;scrollbar-color:var(--border) transparent;gap:0;list-style:none;display:flex;overflow-x:auto}.tab-btn{color:var(--text-dim);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;flex:none;margin-bottom:-2px;padding:.65rem 1.1rem;font-size:.78rem;font-weight:600;transition:color .2s,border-color .2s}.tab-btn:hover{color:var(--text)}.tab-btn[aria-selected=true]{color:var(--gold);border-bottom-color:var(--gold)}.tab-btn:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.tab-panel{padding:2rem 0;display:none}.tab-panel.active{display:block}.two-col{grid-template-columns:1fr 1fr;align-items:start;gap:2rem;display:grid}@media (width<=768px){.two-col{grid-template-columns:1fr}}.panel{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.panel h3{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);border-bottom:1px solid var(--border);margin-bottom:1rem;padding-bottom:.5rem;font-size:.85rem;font-weight:700}.vault-wrap{flex-direction:column;align-items:center;gap:1.5rem;padding:2rem 1rem;display:flex}.lock-svg{width:120px;height:140px;transition:filter .4s}.lock-svg.locked .lock-shackle-path{stroke:var(--red);fill:none;stroke-width:8px;stroke-linecap:round;transition:all .4s}.lock-svg.locked .lock-body-rect{fill:#ff336626;stroke:var(--red);stroke-width:3px;transition:all .4s}.lock-svg.locked .keyhole-path{fill:var(--red)}.lock-svg.unlocked .lock-shackle-path{stroke:var(--green);fill:none;stroke-width:8px;stroke-linecap:round;transform-origin:40px 30px;transition:all .4s;transform:translateY(-12px)rotate(-20deg)}.lock-svg.unlocked .lock-body-rect{fill:#00ff8826;stroke:var(--green);stroke-width:3px;transition:all .4s}.lock-svg.unlocked .keyhole-path{fill:var(--green)}.lock-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:1rem;font-weight:700}.lock-label.locked{color:var(--red)}.lock-label.unlocked{color:var(--green)}.share-slots{flex-wrap:wrap;justify-content:center;gap:.4rem;max-width:320px;display:flex}.share-slot{border:2px solid var(--border-bright);background:var(--bg3);width:38px;height:38px;font-family:var(--font-mono);color:var(--text-dim);border-radius:4px;justify-content:center;align-items:center;font-size:.7rem;transition:all .3s;display:flex}.share-slot.filled{border-color:var(--green);color:var(--green);background:#00ff881a;font-weight:700}.progress-line{font-family:var(--font-mono);color:var(--text-dim);text-align:center;font-size:.8rem}.progress-line span{color:var(--cyan);font-weight:700}.field-group{margin-bottom:.9rem}.field-group label{font-size:.8rem;font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.04em;margin-bottom:.3rem;display:block}input[type=text],input[type=number],textarea,select{background:var(--bg3);border:1px solid var(--control-border);width:100%;color:var(--text);font-family:var(--font-mono);border-radius:var(--radius);outline:none;padding:.5rem .75rem;font-size:.85rem;transition:border-color .2s}input:focus,textarea:focus,select:focus{border-color:var(--cyan)}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}textarea{resize:vertical;min-height:80px}.slider-row{align-items:center;gap:.75rem;display:flex}.slider-row input[type=range]{accent-color:var(--cyan);flex:1;height:24px;padding:0}.slider-val{font-family:var(--font-mono);color:var(--cyan);text-align:right;min-width:28px;font-size:.95rem;font-weight:700}button{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius);cursor:pointer;border:none;padding:.6rem 1.2rem;font-size:.83rem;font-weight:700;transition:all .2s}button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.btn-primary{background:var(--cyan);color:var(--on-accent)}.btn-primary:hover{background:color-mix(in srgb, var(--cyan) 85%, #fff)}.btn-secondary{background:var(--bg3);color:var(--text);border:1px solid var(--border-bright)}.btn-secondary:hover{border-color:var(--cyan);color:var(--cyan)}.btn-row{flex-wrap:wrap;gap:.5rem;display:flex}.shares-list{flex-direction:column;gap:.4rem;margin-top:.5rem;display:flex}.share-item{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:.5rem;padding:.4rem .6rem;display:flex}.share-item .share-label{font-family:var(--font-mono);color:var(--green);min-width:54px;font-size:.75rem;font-weight:700}.share-item .share-val{font-family:var(--font-mono);color:var(--text-mono);word-break:break-all;text-overflow:ellipsis;white-space:nowrap;flex:1;max-width:300px;font-size:.73rem;overflow:hidden}.share-item button{text-transform:none;letter-spacing:0;background:var(--bg);color:var(--cyan);border:1px solid var(--border-bright);flex:none;padding:.25rem .5rem;font-size:.7rem}.share-item button:hover{background:#00d4ff1a}.meta-box{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-mono);color:var(--text-dim);margin-top:.75rem;padding:.75rem 1rem;font-size:.78rem;line-height:1.8}.meta-box span{color:var(--cyan)}.result-box{border-radius:var(--radius);font-family:var(--font-mono);margin-top:.75rem;padding:.75rem 1rem;font-size:.85rem;display:none}.result-box.success{border:1px solid var(--green);color:var(--green);background:#00ff8812;display:block}.result-box.error{border:1px solid var(--red);color:var(--red);background:#ff336612;display:block}.poly-layout{grid-template-columns:260px 1fr;align-items:start;gap:1.5rem;display:grid}@media (width<=900px){.poly-layout{grid-template-columns:1fr}}.poly-canvas-wrap{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);width:100%;overflow:hidden}.poly-canvas-wrap canvas{width:100%;height:auto;display:block}.share-toggles{flex-wrap:wrap;gap:.4rem;margin-top:.75rem;display:flex}.share-toggle-btn{font-family:var(--font-mono);border-radius:var(--radius);border:2px solid var(--border-bright);background:var(--bg3);color:var(--text-dim);cursor:pointer;text-transform:none;letter-spacing:0;padding:.3rem .6rem;font-size:.72rem;transition:all .2s}.share-toggle-btn.active{border-color:var(--green);color:var(--green);background:#00ff8812}.share-toggle-btn:focus-visible{outline:2px solid var(--cyan)}.lagrange-stepper{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-mono);margin-top:1.5rem;padding:1.25rem;font-size:.8rem}.lagrange-stepper h3{color:var(--cyan);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem;font-size:.85rem}.lagrange-step{background:var(--bg3);border-left:3px solid var(--cyan);border-radius:0 var(--radius) var(--radius) 0;color:var(--text-mono);margin-bottom:.5rem;padding:.5rem .75rem;line-height:1.8}.lagrange-step .highlight{color:var(--gold)}.lagrange-step .result{color:var(--green);font-weight:700}.proof-setup{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-mono);padding:1.5rem;font-size:.82rem;line-height:1.9}.proof-setup h2{color:var(--cyan);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem;font-size:1.1rem}.candidate-poly{background:var(--bg3);border:1px solid var(--border-bright);border-radius:var(--radius);margin:.4rem 0;padding:.6rem 1rem}.candidate-poly .cs-label{color:var(--gold);font-weight:700}.candidate-poly .cs-poly{color:var(--text-mono);word-break:break-all}.candidate-poly .cs-check{color:var(--green)}.theorem-box{background:var(--bg3);border:2px solid var(--border-bright);border-radius:var(--radius);font-family:var(--font-mono);color:var(--text-mono);margin-top:1.5rem;padding:1.25rem 1.5rem;font-size:.8rem;line-height:1.9}.theorem-box h3{color:var(--gold);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem;font-size:.9rem}.proof-canvas-wrap{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);margin-top:1.5rem;overflow:hidden}.proof-canvas-wrap canvas{width:100%;display:block}.step-block{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1.25rem;padding:1.25rem 1.5rem}.step-block .step-num{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin-bottom:.5rem;font-size:.7rem;font-weight:700}.step-block h3{font-family:var(--font-mono);color:var(--cyan);text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid var(--border);margin-bottom:1rem;padding-bottom:.5rem;font-size:.85rem}.hex-display{font-family:var(--font-mono);color:var(--cyan);background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);word-break:break-all;margin:.25rem 0;padding:.5rem .75rem;font-size:.75rem}.security-note{border-radius:var(--radius);font-family:var(--font-mono);color:var(--text-dim);background:#ffd3000d;border:1px solid #ffd30040;margin-top:1.5rem;padding:1rem 1.25rem;font-size:.78rem;line-height:1.8}.security-note strong{color:var(--text)}.rw-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;display:grid}.rw-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .2s;overflow:hidden}.rw-card:hover{border-color:var(--border-bright)}.rw-card-header{background:var(--bg3);border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.rw-card-num{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.08em;font-size:.7rem;font-weight:700}.rw-card-title{font-family:var(--font-mono);color:var(--cyan);font-size:.82rem;font-weight:700}.rw-card-body{color:var(--text-dim);padding:1rem;font-size:.83rem;line-height:1.7}.rw-card-link{font-family:var(--font-mono);color:var(--cyan);margin-top:.5rem;font-size:.73rem;text-decoration:none;display:inline-block}.rw-card-link:hover{color:var(--text)}.bio-wrap{grid-template-columns:200px 1fr;align-items:start;gap:2rem;display:grid}@media (width<=700px){.bio-wrap{grid-template-columns:1fr}}.bio-avatar{background:var(--bg3);border:3px solid var(--gold);border-radius:50%;justify-content:center;align-items:center;width:160px;height:160px;margin:0 auto;display:flex;overflow:hidden}.bio-avatar svg{width:100px;height:100px}.bio-content h2{font-family:var(--font-mono);color:var(--gold);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.25rem;font-size:1.2rem}.bio-content .bio-sub{font-family:var(--font-mono);color:var(--text-dim);margin-bottom:1.5rem;font-size:.8rem}.bio-section{margin-bottom:1.25rem}.bio-section h3{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.09em;color:var(--cyan);margin-bottom:.4rem;font-size:.78rem;font-weight:700}.bio-section p{color:var(--text-dim);font-size:.85rem;line-height:1.7}.bio-quote{background:var(--bg2);border-left:4px solid var(--gold);font-family:var(--font-mono);color:var(--text-mono);border-radius:0 var(--radius) var(--radius) 0;margin-top:1.25rem;padding:1rem 1.25rem;font-size:.85rem;font-style:italic}footer{text-align:center;color:var(--text-dim);border-top:1px solid var(--border);font-size:.82rem;font-family:var(--font-mono);margin-top:3rem;padding:1.75rem 1rem;font-style:italic}footer a{color:var(--cyan);text-decoration:underline}footer a:hover{color:var(--text)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mono{font-family:var(--font-mono)}@media (width<=480px){.tab-btn{padding:.55rem .7rem;font-size:.7rem}}@media (width<=600px){input[type=text],input[type=number],textarea,select{font-size:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.predict{background:var(--bg3);border:1px solid var(--border-bright);border-left:3px solid var(--gold);border-radius:0 var(--radius) var(--radius) 0;margin-top:1rem;padding:.9rem 1.1rem}.predict-q{font-family:var(--font-mono);color:var(--text-mono);margin-bottom:.6rem;font-size:.82rem}.predict-options{flex-direction:column;gap:.4rem;display:flex}.predict-opt{text-align:left;text-transform:none;letter-spacing:0;background:var(--bg2);color:var(--text);border:1px solid var(--border-bright);font-weight:600}.predict-opt:hover:not(:disabled){border-color:var(--cyan)}.predict-opt:disabled{cursor:default;opacity:.9}.predict-opt.correct{border-color:var(--green);color:var(--green);background:#00ff8814}.predict-opt.incorrect{border-color:var(--red);color:var(--red);background:#ff336614}.predict-reveal{font-family:var(--font-mono);color:var(--text-dim);margin-top:.6rem;font-size:.8rem;line-height:1.7}.predict-reveal .ok{color:var(--green)}.predict-reveal .no{color:var(--red)}.lesson-intro{color:var(--text-dim);max-width:70ch;margin-bottom:1.25rem;font-size:.9rem;line-height:1.7}.lesson-panel{max-width:760px}.lesson-progress{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--cyan);margin-bottom:.5rem;font-size:.72rem}.lesson-panel h3{font-family:var(--font-mono);color:var(--gold);text-transform:none;letter-spacing:.02em;border:none;margin-bottom:.75rem;padding:0;font-size:1rem}.lesson-text{color:var(--text);font-size:.9rem;line-height:1.8}.lesson-text b{color:var(--text-mono)}.lesson-math{font-family:var(--font-mono);color:var(--cyan);background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);word-break:break-word;margin:.75rem 0;padding:.6rem .9rem;font-size:.9rem}.points-wrap{margin-top:1rem;overflow-x:auto}.points-table{border-collapse:collapse;width:100%;font-family:var(--font-mono);font-size:.78rem}.points-table caption{text-align:left;color:var(--text-dim);margin-bottom:.5rem;font-size:.73rem;line-height:1.5}.points-table th,.points-table td{border:1px solid var(--border);text-align:left;color:var(--text-mono);padding:.35rem .6rem}.points-table thead th{color:var(--cyan);background:var(--bg3)}.points-table .row-active td,.points-table .row-active th{color:var(--green)}.points-table .row-secret td,.points-table .row-secret th{color:var(--gold)}.viz-toggle{font-family:var(--font-mono);color:var(--text-dim);cursor:pointer;align-items:flex-start;gap:.5rem;margin-top:.6rem;font-size:.73rem;line-height:1.5;display:flex}.viz-toggle input{width:auto;accent-color:var(--cyan);margin-top:.15rem}.proof-lab{margin-top:1.5rem}.proof-lab h3{color:var(--cyan)}.proof-lab-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.proof-lab-row input{max-width:140px}.proof-lab-counter{font-family:var(--font-mono);color:var(--gold);margin-top:.75rem;font-size:.8rem;font-weight:700}.concept-callout{background:var(--bg2);border:1px solid var(--border-bright);border-radius:var(--radius);margin-bottom:1.25rem;padding:1.25rem 1.5rem}.concept-callout h3{font-family:var(--font-mono);color:var(--cyan);text-transform:uppercase;letter-spacing:.07em;margin-bottom:1rem;font-size:.85rem}.concept-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}@media (width<=600px){.concept-grid{grid-template-columns:1fr}}.concept-grid>div{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.3rem;padding:.75rem;display:flex}.concept-grid b{font-family:var(--font-mono);color:var(--gold);font-size:.8rem}.concept-grid span{color:var(--text-dim);font-size:.8rem;line-height:1.6}.concept-pattern{color:var(--text-mono);margin-top:1rem;font-size:.82rem;line-height:1.7}.concept-pattern b{color:var(--green)}.disclaimer{border-radius:var(--radius);font-family:var(--font-mono);color:var(--text-dim);background:#ff33660f;border:1px solid #ff33664d;margin-top:1rem;padding:1rem 1.25rem;font-size:.78rem;line-height:1.8}.disclaimer strong{color:var(--red)}.sources{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);margin-top:1.5rem;padding:1.25rem 1.5rem}.sources h3{font-family:var(--font-mono);color:var(--cyan);text-transform:uppercase;letter-spacing:.07em;margin-bottom:.75rem;font-size:.85rem}.sources ul{flex-direction:column;gap:.5rem;list-style:none;display:flex}.sources li{color:var(--text-dim);border-left:2px solid var(--border-bright);padding-left:1rem;font-size:.82rem;line-height:1.6}.fail-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.5rem;margin-bottom:1.25rem;display:grid}.fail-btn{text-transform:none;letter-spacing:0;font-size:.78rem}.fail-output-box{min-height:4rem}.fail-running{color:var(--text-dim);font-family:var(--font-mono);font-size:.82rem}.fail-result{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem}.fail-result p{color:var(--text-mono);margin-top:.6rem;font-size:.85rem;line-height:1.8}.cat-badge{font-family:var(--font-mono);letter-spacing:.1em;border:1px solid;border-radius:4px;padding:.2rem .55rem;font-size:.68rem;font-weight:700;display:inline-block}.cat-formatting,.cat-formatting-t{color:var(--cyan)}.cat-mathematical,.cat-mathematical-t{color:var(--gold)}.cat-cryptographic,.cat-cryptographic-t{color:var(--magenta)}.cat-operational-t,.cat-operational{color:var(--orange-text)}.cat-formatting{border-color:var(--cyan);background:#00d4ff14}.cat-mathematical{border-color:var(--gold);background:#ffd70014}.cat-cryptographic{border-color:var(--magenta);background:#ff00ff14}.cat-operational{background:#ff9a3c14;border-color:#ff9a3c}@media (pointer:coarse){#app button,#app select,#app input[type=text],#app input[type=number],#app summary{min-height:44px}}