:root{--bg: #07111e;--bg-soft: rgba(8, 20, 38, .84);--panel: rgba(9, 22, 43, .88);--panel-strong: rgba(7, 18, 36, .96);--line: rgba(255, 255, 255, .1);--text: #f5f7fb;--text-soft: rgba(245, 247, 251, .75);--text-muted: rgba(245, 247, 251, .58);--cyan: #00d4ff;--magenta: #ff00ff;--green: #00ff88;--red: #ff3366;--amber: #ffaa00;--shadow: 0 28px 80px rgba(0, 0, 0, .3);color-scheme:dark;font-family:Space Grotesk,Avenir Next,Segoe UI,sans-serif;background-color:var(--bg);color:var(--text)}:root[data-theme=light]{--bg: #f4ede2;--bg-soft: rgba(255, 250, 244, .82);--panel: rgba(255, 252, 247, .94);--panel-strong: rgba(255, 255, 255, .98);--line: rgba(34, 44, 62, .12);--text: #182235;--text-soft: rgba(24, 34, 53, .76);--text-muted: rgba(24, 34, 53, .58);--shadow: 0 26px 60px rgba(53, 42, 21, .12);color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,rgba(0,212,255,.15),transparent 28%),radial-gradient(circle at 85% 10%,rgba(255,170,0,.18),transparent 24%),radial-gradient(circle at 70% 90%,rgba(255,0,255,.12),transparent 28%),linear-gradient(180deg,rgba(255,255,255,.02),transparent 45%),var(--bg)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:radial-gradient(circle at center,black 35%,transparent 85%);mask-image:radial-gradient(circle at center,black 35%,transparent 85%);opacity:.4}button,input,textarea,select{font:inherit}button{border:1px solid transparent;border-radius:999px;padding:.8rem 1.15rem;background:linear-gradient(135deg,#00d4ff2e,#ffaa002e);color:var(--text);cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}button:hover{transform:translateY(-1px);border-color:#ffffff29}button:disabled{opacity:.6;cursor:wait;transform:none}.ghost-button{background:transparent;border-color:var(--line)}input,textarea{width:100%;border:1px solid var(--line);border-radius:18px;padding:.9rem 1rem;background:#ffffff08;color:var(--text)}textarea{resize:vertical;min-height:80px}input:focus,textarea:focus,button:focus,summary:focus{outline:2px solid rgba(0,212,255,.45);outline-offset:2px}code,pre,.proof-bytes{font-family:IBM Plex Mono,SFMono-Regular,monospace}.page-shell{position:relative;width:min(1440px,calc(100% - 24px));margin:0 auto;padding:20px 0 56px}.hero-panel,.section-card,footer{animation:rise-in .54s ease both}.hero-panel{position:relative;display:grid;gap:1.5rem;padding:1.5rem;margin-bottom:1rem;border:1px solid var(--line);border-radius:32px;background:linear-gradient(145deg,rgba(0,0,0,.12),transparent),var(--panel-strong);box-shadow:var(--shadow);overflow:hidden}.hero-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.05) 50%,transparent 80%);transform:translate(-100%);animation:sweep 7s linear infinite;pointer-events:none}.hero-copy,.hero-ornament{position:relative;z-index:1}.kicker,.section-index,.pane-label,.strip-label,.tiny-note{letter-spacing:.12em;text-transform:uppercase}.kicker,.section-index,.pane-label{margin:0 0 .5rem;color:var(--cyan);font-size:.75rem}.hero-panel h1,.section-card h2{margin:0;line-height:.98}.hero-panel h1{max-width:14ch;font-size:clamp(2.5rem,7vw,5.6rem)}.section-card h2{font-size:clamp(1.7rem,3vw,2.6rem)}.hero-text,.section-heading p,.property-card p,.callout-card p,.attempt-card p,.deployment-card p,.summary-copy,footer p{color:var(--text-soft)}.hero-ribbon,.button-row,.metric-grid,.timing-callouts,.attempt-grid,.timeline-grid,.deployment-grid,.property-grid{display:grid;gap:.9rem}.hero-ribbon{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-top:1.5rem}.badge{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:.8rem 1rem;border:1px solid var(--line);border-radius:18px;background:#ffffff0a}.beta{color:var(--cyan)}.proof{color:var(--magenta)}.valid{color:var(--green)}.hero-ornament{display:grid;place-items:center;gap:1rem}.clock-face{position:relative;width:180px;aspect-ratio:1;border-radius:50%;border:1px solid rgba(255,170,0,.35);background:radial-gradient(circle,rgba(255,255,255,.08),transparent 62%),conic-gradient(from 0deg,#ffaa002e,#00d4ff24,#ff00ff24,#ffaa002e);box-shadow:inset 0 0 40px #0000003d}.clock-face:before{content:"";position:absolute;top:14px;right:14px;bottom:14px;left:14px;border-radius:50%;border:1px dashed rgba(255,255,255,.16)}.clock-core{position:absolute;top:50%;right:50%;bottom:50%;left:50%;width:14px;height:14px;transform:translate(-50%,-50%);border-radius:50%;background:var(--text);box-shadow:0 0 18px #fff9}.clock-hand{position:absolute;left:50%;bottom:50%;width:4px;border-radius:999px;transform-origin:center bottom}.clock-hand-hour{height:42px;background:var(--text);transform:translate(-50%) rotate(315deg)}.clock-hand-minute{height:62px;background:var(--amber);transform:translate(-50%) rotate(35deg)}.seal-stack{width:100%;max-width:260px}.seal-card{display:grid;gap:.3rem;padding:1rem;border-radius:22px;border:1px solid var(--line);background:#ffffff0a}.seal-card.offset{margin-top:-.6rem;margin-left:2rem}.seal-title{font-size:.82rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.seal-stamp{font-size:1.1rem}.theme-toggle{position:absolute;top:0;right:0;width:2.6rem;height:2.6rem;padding:0;display:grid;place-items:center;border-radius:50%;border-color:var(--line);background:var(--panel);color:var(--text);z-index:10}.theme-toggle:hover{background:var(--panel-strong)}.section-card,footer{margin-top:1rem;padding:1.4rem;border:1px solid var(--line);border-radius:28px;background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.section-heading{display:grid;gap:.55rem;margin-bottom:1.2rem}.section-heading.compact{max-width:72ch}.split-pane,.vrf-grid,.vdf-layout,.beacon-layout{display:grid;gap:1rem}.pane-card,.attempt-card,.timeline-card,.metric-card,.property-card,.callout-card,.deployment-card,.post-quantum-note{border:1px solid var(--line);border-radius:24px;background:#ffffff0a;padding:1rem}.pane-card{display:grid;gap:1rem}.pane-header,.progress-headline,.log-heading,.switch-row{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.warning-banner,.status-pill{display:inline-flex;align-items:center;min-height:44px;padding:.7rem 1rem;border-radius:999px;border:1px solid var(--line)}.warning-banner{color:var(--amber);background:#ffaa001a}.status-pill[data-tone=good]{color:var(--green);border-color:#00ff884d;background:#00ff8814}.status-pill[data-tone=bad]{color:var(--red);border-color:#ff33664d;background:#ff336614}.status-pill[data-tone=warn]{color:var(--amber);border-color:#ffaa004d;background:#ffaa0014}.field-group{display:grid;gap:.5rem}.field-group label,.slider-row label{color:var(--text-muted);font-size:.92rem}.slider-row{display:grid;gap:.55rem}.slider-row span{color:var(--text-soft)}.info-strip{display:grid;gap:.8rem;padding:1rem;border-radius:20px;background:#ffffff08}.strip-label{display:block;margin-bottom:.35rem;font-size:.68rem;color:var(--text-muted)}.button-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.result-panel,.progress-block,.comparison-wrap{display:grid;gap:1rem}.proof-box{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.proof-bytes,.proof-box,.timeline-block{display:block;padding:.95rem 1rem;border-radius:18px;border:1px solid rgba(255,255,255,.06);background:#0000002e;color:var(--text);overflow-wrap:anywhere}.beta-text{color:var(--cyan)}.proof-text{color:var(--magenta)}.property-grid,.metric-grid,.attempt-grid,.timeline-grid,.deployment-grid{grid-template-columns:1fr}.metric-card.wide{grid-column:1 / -1}.progress-track{position:relative;overflow:hidden;height:16px;border-radius:999px;border:1px solid var(--line);background:#ffffff0d}.progress-fill{display:block;height:100%;width:0;transition:width .14s ease}.amber-fill{background:linear-gradient(90deg,rgba(255,170,0,.2),var(--amber))}.green-fill{background:linear-gradient(90deg,rgba(0,255,136,.2),var(--green))}.timing-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.attempt-card h3,.timeline-card h3,.deployment-card summary,.callout-card h3,.property-card h3,.post-quantum-note h3,.beacon-log-card h3{margin-top:0}.attack-note{color:var(--red)}.timeline-card.danger{box-shadow:inset 0 0 0 1px #ff336626}.timeline-card.good{box-shadow:inset 0 0 0 1px #00ff8826}.timeline-block{margin:0;line-height:1.65;white-space:pre-wrap}.beacon-log{min-height:260px;max-height:420px;overflow:auto;display:grid;gap:.7rem;padding:1rem;border-radius:20px;background:#0000002e}.beacon-log p{margin:0;padding-left:.9rem;border-left:2px solid rgba(0,212,255,.2)}.summary-copy{margin:0}.deployment-card summary{cursor:pointer;list-style:none}.deployment-card summary::-webkit-details-marker{display:none}.comparison-table{width:100%;border-collapse:collapse}.comparison-table th,.comparison-table td{padding:.85rem .7rem;border-bottom:1px solid var(--line);text-align:left}footer p{margin:0;text-align:center}.scripture-footer{text-align:center;padding:2rem 1rem;font-size:.85rem;border-top:1px solid var(--line);color:var(--text-muted);margin-top:2rem}@media(min-width:768px){.hero-panel,.split-pane,.vrf-grid,.vdf-layout,.beacon-layout,.timeline-grid,.property-grid,.attempt-grid,.metric-grid,.deployment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-panel{grid-template-columns:1.3fr .9fr;padding:2rem}.section-card,footer{padding:1.8rem}.attempt-grid,.deployment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1440px){.page-shell{padding-top:28px}.hero-panel{padding:2.4rem}}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes sweep{0%,60%,to{transform:translate(-100%)}30%{transform:translate(100%)}}