*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #071016;--bg-soft: #0b1821;--panel: rgba(8, 18, 25, .88);--panel-strong: #0d1d27;--border: rgba(99, 128, 146, .2);--border-strong: rgba(99, 128, 146, .34);--text: #c8d9e5;--text-dim: #7e98aa;--text-hi: #f2f8fb;--teal: #35d6bb;--teal-soft: rgba(53, 214, 187, .12);--amber: #ffb84d;--crimson: #ff6b7f;--violet: #9f88ff;--mono: "DM Mono", ui-monospace, "SF Mono", Consolas, monospace;--serif: "Fraunces", Georgia, serif;--shadow: 0 24px 80px rgba(0, 0, 0, .35);--radius: 2px}html.light{--bg: #f4f6f8;--bg-soft: #eaecf0;--panel: rgba(255, 255, 255, .92);--panel-strong: #ffffff;--border: rgba(60, 80, 100, .16);--border-strong: rgba(60, 80, 100, .28);--text: #3a4a58;--text-dim: #6b7f8e;--text-hi: #1a2530;--teal: #1aab94;--teal-soft: rgba(26, 171, 148, .1);--amber: #c87a00;--crimson: #d44058;--violet: #6b5ce7;--shadow: 0 24px 80px rgba(0, 0, 0, .08)}html{scroll-behavior:smooth}body{min-height:100vh;overflow-x:hidden;color:var(--text);font-family:var(--mono);font-size:14px;line-height:1.65;background:radial-gradient(circle at top center,rgba(53,214,187,.12),transparent 32%),radial-gradient(circle at 85% 15%,rgba(159,136,255,.08),transparent 24%),linear-gradient(180deg,#081016,#071016,#060d13)}html.light body{background:linear-gradient(180deg,#f4f6f8,#eef1f4,#e8ecf0)}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(38,62,78,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(38,62,78,.22) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(180deg,#ffffffe6,#ffffff2e);mask-image:linear-gradient(180deg,#ffffffe6,#ffffff2e);pointer-events:none;z-index:0}html.light body:before{background-image:linear-gradient(rgba(60,80,100,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(60,80,100,.07) 1px,transparent 1px)}a{color:inherit}.skip-link{position:absolute;top:-100%;left:.5rem;z-index:9999;padding:.5rem 1rem;background:var(--teal);color:#071016;font-weight:700;text-decoration:none;font-family:var(--mono);letter-spacing:.08em;transition:top .15s}.cl-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 20px;background:#0e1f1e;position:relative;overflow:hidden;border-bottom:1px solid #2a4a44}html.light .cl-header{background:#0e1f1e;border-bottom-color:#2a4a44}.cl-header:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(77,207,176,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(77,207,176,.05) 1px,transparent 1px);background-size:24px 24px;pointer-events:none}.cl-header-left{display:flex;align-items:center;gap:14px;position:relative;z-index:1}.cl-badge{width:36px;height:36px;background:#162b2a;border:1px solid #2a4a44;border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:monospace;font-size:13px;font-weight:700;color:#4dcfb0;letter-spacing:.5px;flex-shrink:0}.cl-header-text{display:flex;flex-direction:column;gap:2px}.cl-title{font-size:16px;font-weight:700;color:#e8f5f2;letter-spacing:1.5px;line-height:1.2;font-family:monospace}.cl-sub{font-size:11px;color:#4dcfb0;letter-spacing:1px;font-family:monospace;opacity:.8;text-decoration:none}.cl-sub:hover{opacity:1;text-decoration:underline}.cl-header-nav{display:flex;align-items:center;gap:8px;position:relative;z-index:1}.cl-nav-btn{padding:6px 14px;font-size:11px;font-family:monospace;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#4dcfb0;background:#162b2a;border:1px solid #2a4a44;border-radius:6px;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s}.cl-nav-btn:hover{background:#1e3c3a;border-color:#4dcfb0}.cl-theme-toggle{width:36px;height:36px;background:#162b2a;border:1px solid #2a4a44;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;color:#4dcfb0;transition:background .15s,border-color .15s;line-height:1}.cl-theme-toggle:hover{background:#1e3c3a;border-color:#4dcfb0}.wrap{position:relative;z-index:1;width:min(1280px,calc(100% - 40px));margin:0 auto}#main-content{padding:36px 0 28px}#app{display:grid;gap:18px}.hero-main{position:relative;padding:36px;border:1px solid var(--border);background:linear-gradient(145deg,rgba(53,214,187,.07),transparent 30%),linear-gradient(180deg,#081118eb,#081118d1);box-shadow:var(--shadow);overflow:hidden}html.light .hero-main{background:linear-gradient(145deg,rgba(26,171,148,.06),transparent 30%),#ffffffe0}.eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:22px;color:var(--amber);text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-family:var(--mono)}.eyebrow:before{content:"";width:34px;height:1px;background:currentColor}.hero-main h1{max-width:16ch;font-family:var(--serif);font-size:clamp(2.6rem,6.5vw,5.2rem);font-weight:500;line-height:.98;color:var(--text-hi);letter-spacing:-.04em;text-wrap:balance}.hero-main h1 span{color:var(--teal);font-style:italic}.hero-copy{max-width:64ch;margin-top:22px;color:var(--text);font-size:14px}.hero-stack{margin-top:26px;display:flex;gap:8px;flex-wrap:wrap}.tag{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);background:transparent;border:1px solid var(--border);border-radius:0;cursor:default}.tag:before{content:"";width:5px;height:5px;background:var(--teal);border-radius:50%;flex-shrink:0}.panel{position:relative;padding:26px;border:1px solid var(--border);background:var(--panel);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow);overflow:hidden}.panel:after{content:"";position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,var(--teal),transparent 72%);opacity:.85;pointer-events:none}.panel h2{font-family:var(--serif);font-size:1.65rem;font-weight:400;line-height:1.1;color:var(--text-hi);margin-bottom:14px;letter-spacing:-.01em}.panel h3{font-family:var(--serif);font-size:1.15rem;font-weight:500;color:var(--text-hi);margin:14px 0 8px}.panel p{color:var(--text);font-size:13px;margin-bottom:10px}.panel p strong{color:var(--text-hi);font-weight:500}.panel ul,.panel ol{padding-left:1.2rem;color:var(--text);font-size:13px}.panel ul li,.panel ol li{margin-bottom:4px}.controls-row,.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.chip{padding:8px 14px;border:1px solid var(--border-strong);color:var(--text);text-transform:uppercase;letter-spacing:.09em;font-size:11px;font-weight:500;font-family:var(--mono);background:#081118c7;cursor:pointer;transition:border-color .18s ease,color .18s ease,background .18s ease,transform .18s ease;min-height:36px}html.light .chip{background:#fffc}.chip:hover,.chip.active,.chip[aria-pressed=true]{border-color:var(--teal);color:var(--teal);background:var(--teal-soft)}.chip:disabled,button:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.chip:focus-visible,.cl-nav-btn:focus-visible,.cl-theme-toggle:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--teal);outline-offset:2px}pre{background:#071016b3;border:1px solid var(--border-strong);padding:14px 16px;overflow-x:auto;font-family:var(--mono);font-size:12px;line-height:1.65;color:var(--text)}html.light pre{background:#0000000a}.bytes-legend{list-style:none;padding:10px 0 0;display:flex;flex-wrap:wrap;gap:6px;font-size:11px;color:var(--text-dim)}.bytes-legend li{padding:4px 10px;border:1px solid var(--border);background:#08111880;text-transform:uppercase;letter-spacing:.06em}.flow-list{list-style:none;padding:0;display:grid;gap:0;border-top:1px solid var(--border)}.flow-list li{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:12px 4px;border-bottom:1px solid var(--border);font-size:13px}.flow-list li strong{color:var(--text-hi);font-weight:500}.flow-list li span{color:var(--text-dim);font-size:11px;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.hierarchy-svg,.arch-svg{width:100%;max-width:100%;height:auto;margin-top:10px}.node-root{fill:#35d6bb14;stroke:var(--border-strong)}.node-kek{fill:#35d6bb24;stroke:var(--teal)}.node-text{fill:var(--text-hi);font-size:13px;font-weight:500;font-family:var(--mono)}.node-subtext{fill:var(--text-dim);font-size:11px;font-family:var(--mono)}.edge{stroke:var(--border-strong);stroke-width:1.5}.audit-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border)}.audit-toolbar strong{color:var(--teal);font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:500}.audit-list{display:grid;gap:10px;max-height:420px;overflow-y:auto;padding-right:4px}.audit-item{border-left:2px solid var(--teal);padding:10px 14px;background:#35d6bb0a;font-size:12px}.audit-item header{color:var(--text-hi);font-weight:500;margin-bottom:4px;text-transform:uppercase;letter-spacing:.06em;font-size:11px}.audit-item p{font-size:11.5px;color:var(--text-dim);word-break:break-all;margin-bottom:2px}.audit-item.broken:before{content:"⚠ Chain broken — ";color:var(--crimson);font-weight:700}.timeline{list-style:none;padding:0;display:grid;gap:6px;font-size:12.5px;color:var(--text)}.timeline li{padding:8px 12px;border-left:2px solid var(--border-strong);background:#07101666;font-family:var(--mono)}.timeline li:first-child{border-left-color:var(--teal)}.comparison-table{width:100%;border-collapse:collapse;font-size:12px;margin-top:6px}.comparison-table th,.comparison-table td{border:1px solid var(--border);padding:10px 12px;text-align:left;vertical-align:top}.comparison-table thead th{background:#35d6bb0f;color:var(--text-hi);text-transform:uppercase;letter-spacing:.08em;font-size:10.5px;font-weight:500}.comparison-table tbody th{color:var(--text-hi);font-weight:500;background:#07101666}.citations{margin-top:12px;color:var(--text-dim);font-size:11px}.table-scroll-hint{display:none;text-align:center;color:var(--text-dim);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}.reality-wrap{margin-top:36px}.reality-panel{padding:22px 26px;border:1px solid var(--border);background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow)}.reality-panel summary{cursor:pointer;font-family:var(--serif);font-size:1.35rem;font-weight:500;color:var(--text-hi);list-style:none;display:flex;align-items:center;gap:12px}.reality-panel summary:before{content:"+";display:inline-grid;place-items:center;width:24px;height:24px;border:1px solid var(--border-strong);color:var(--teal);font-family:var(--mono);font-size:16px;line-height:1}.reality-panel[open] summary:before{content:"−"}.reality-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:18px}.reality-grid h3{font-family:var(--serif);color:var(--text-hi);font-size:1rem;margin-bottom:8px}.reality-grid ul{padding-left:1.1rem;font-size:12.5px;color:var(--text)}.reality-grid li{margin-bottom:4px}.footer{padding:36px 0 56px}.footer-quote{padding:28px;border:1px solid var(--border);background:linear-gradient(180deg,#0b1821eb,#081118d1);box-shadow:var(--shadow);display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}html.light .footer-quote{background:linear-gradient(180deg,#ffffffe0,#ffffffc7)}.footer-quote blockquote{font-family:var(--serif);color:var(--text-hi);font-size:1.25rem;line-height:1.4;max-width:44ch}.footer-quote cite{color:var(--teal);font-style:normal;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-family:var(--mono)}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.cl-header,.hero-main,.panel,.reality-panel,.footer-quote{animation:fadeUp .55s ease both}@media(prefers-reduced-motion:reduce){.cl-header,.hero-main,.panel,.reality-panel,.footer-quote{animation:none}html{scroll-behavior:auto}}@media(max-width:900px){.reality-grid{grid-template-columns:1fr}}@media(max-width:760px){.wrap{width:min(100% - 24px,1280px)}#main-content{padding:24px 0 20px}.cl-header{padding:10px 14px}.cl-nav-btn{padding:6px 10px;font-size:10px}.cl-title{font-size:14px;letter-spacing:1px}.cl-sub{font-size:10px}.hero-main,.panel,.reality-panel,.footer-quote{padding:22px}.hero-main h1{font-size:clamp(2.2rem,12vw,3.8rem)}.table-scroll-hint{display:block}.comparison-table{display:block;overflow-x:auto;white-space:nowrap}.flow-list li{flex-direction:column;gap:4px}.footer-quote{align-items:flex-start}}@media(max-width:480px){body{font-size:13px}.hero-main,.panel{padding:18px}pre{font-size:11px}}.empty-state{padding:28px 20px;border:1px dashed var(--border-strong);background:#35d6bb0a;text-align:center;display:grid;gap:6px;justify-items:center}html.light .empty-state{background:#1aab940f}.empty-title{font-family:var(--serif);font-size:1.15rem;color:var(--text-hi);margin:0}.empty-copy{color:var(--text-dim);font-size:12.5px;max-width:52ch;margin:0 auto}.empty-copy strong{color:var(--teal);font-weight:500}.insp-grid{display:grid;gap:12px}.insp-field{border:1px solid var(--border);background:#07101680;padding:12px 14px;display:grid;gap:8px}html.light .insp-field{background:#ffffffb3}.insp-field-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.insp-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;font-size:10.5px;color:var(--teal);font-weight:500}.insp-meta{font-size:10.5px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em}.insp-copy{margin-left:auto;padding:4px 10px;font-size:10px;min-height:0}.insp-value{display:block;font-family:var(--mono);font-size:12px;color:var(--text);word-break:break-all;line-height:1.55;background:#0000002e;padding:8px 10px;border:1px solid var(--border)}html.light .insp-value{background:#0000000a;color:var(--text-hi)}.insp-meta-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.insp-meta-row>div{display:grid;gap:6px}@media(max-width:480px){.insp-meta-row{grid-template-columns:1fr}}.hierarchy-scroll{overflow-x:auto;margin:0 -6px;padding:0 6px}.hierarchy-svg{min-width:720px;display:block}.node-dek{fill:#9f88ff24;stroke:var(--violet)}.node-eyebrow{fill:var(--text-dim);font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.14em}.dek-text{font-size:11.5px}.audit-toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--border)}.audit-status{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:500}.audit-status.ok{color:var(--teal)}.audit-status.broken{color:var(--crimson)}.audit-status-dot{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px color-mix(in oklab,currentColor 22%,transparent)}.audit-count{color:var(--text-dim);font-size:11px;text-transform:uppercase;letter-spacing:.08em;margin-left:auto}.audit-panel #tamper-btn{margin-left:8px}.audit-list{display:grid;gap:10px;max-height:440px;overflow-y:auto;padding-right:4px}.audit-item{border:1px solid var(--border);border-left:2px solid var(--teal);background:#0710168c;padding:12px 14px;display:grid;gap:8px}html.light .audit-item{background:#ffffffd9}.audit-item header{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:11px}.audit-idx{font-family:var(--mono);color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em}.audit-op{font-family:var(--serif);font-size:14px;color:var(--text-hi);letter-spacing:0;text-transform:none}.audit-result{padding:2px 8px;font-size:10px;text-transform:uppercase;letter-spacing:.1em;border:1px solid var(--border-strong)}.audit-result.ok{color:var(--teal);border-color:var(--teal);background:#35d6bb14}.audit-result.fail{color:var(--crimson);border-color:var(--crimson);background:#ff6b7f14}.audit-item header time{margin-left:auto;color:var(--text-dim);font-size:10.5px;font-family:var(--mono)}.audit-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px 16px;margin:0}.audit-fields>div{display:flex;gap:6px;align-items:baseline;font-size:11.5px}.audit-fields>div.full{grid-column:1 / -1}.audit-fields dt{color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;font-size:10px;min-width:48px}.audit-fields dd{color:var(--text);margin:0;word-break:break-all}.audit-hash{font-family:var(--mono);color:var(--text-hi)}.audit-item.broken{border-left-color:var(--crimson);background:#ff6b7f14}.audit-item.broken:before{content:"⚠ Chain broken at this entry";color:var(--crimson);font-weight:700;font-size:10.5px;text-transform:uppercase;letter-spacing:.1em}html.light .timeline li{background:#ffffffbf;color:var(--text-hi);border-left-color:#3c506459}html.light .timeline li:first-child{border-left-color:var(--teal)}html.light .bytes-legend li{background:#ffffffb3}html.light .comparison-table thead th{background:#1aab941a}html.light .comparison-table tbody th{background:#ffffffb3}.panel-lede{color:var(--text-dim);font-size:12.5px;margin:-4px 0 16px;max-width:72ch}.key-status{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:10px 14px;margin-bottom:14px;border:1px solid var(--border);background:#0710168c;font-size:12px}html.light .key-status{background:#ffffffbf}.key-status[data-state=empty]{border-style:dashed;opacity:.85}.key-status-label{font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--teal);font-weight:500}.key-status-value{font-family:var(--mono);color:var(--text-hi);font-size:12.5px;word-break:break-all}.key-status-meta{margin-left:auto;color:var(--text-dim);font-size:10.5px;text-transform:uppercase;letter-spacing:.08em}.chip.ghost{border-style:dashed;color:var(--text-dim)}.chip.ghost:hover{border-style:solid;border-color:var(--crimson);color:var(--crimson);background:#ff6b7f14}.preset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.preset-card{position:relative;display:grid;gap:10px;padding:18px 18px 16px;text-align:left;border:1px solid var(--border);background:#0710168c;color:var(--text);cursor:pointer;font-family:var(--mono);transition:transform .18s ease,border-color .18s ease,background .18s ease;overflow:hidden}html.light .preset-card{background:#ffffffd9}.preset-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--accent, var(--teal))}.preset-card[data-tone=teal]{--accent: var(--teal)}.preset-card[data-tone=violet]{--accent: var(--violet)}.preset-card[data-tone=amber]{--accent: var(--amber)}.preset-card[data-tone=crimson]{--accent: var(--crimson)}.preset-card:hover{transform:translateY(-2px);border-color:var(--accent);background:#071016d9}html.light .preset-card:hover{background:#fff}.preset-title{font-family:var(--serif);font-size:1.15rem;color:var(--text-hi);font-weight:500;letter-spacing:-.005em}.preset-copy{font-size:12px;color:var(--text);line-height:1.6}.preset-cta{margin-top:4px;font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--accent, var(--teal))}.edge.teal{stroke:var(--teal);color:var(--teal)}.edge.violet{stroke:var(--violet);color:var(--violet)}.edge.amber{stroke:var(--amber);color:var(--amber)}.edge[marker-end]{fill:none}.arch-svg{margin-top:12px}.toast-host{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:10px;z-index:9000;pointer-events:none;max-width:min(360px,calc(100vw - 32px))}.toast{pointer-events:auto;padding:12px 16px;border:1px solid var(--border-strong);border-left:3px solid var(--teal);background:#081219f5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-hi);font-family:var(--mono);font-size:12px;letter-spacing:.02em;box-shadow:0 12px 40px #00000073;opacity:0;transform:translateY(8px);transition:opacity .22s ease,transform .22s ease}html.light .toast{background:#fffffffa;color:var(--text-hi)}.toast.show{opacity:1;transform:translateY(0)}.toast.error{border-left-color:var(--crimson);color:var(--crimson)}@media(max-width:480px){.toast-host{right:12px;left:12px;bottom:12px;max-width:none}}:root{--bg: #0b1722;--panel: #132433;--panel-2: #1a3248;--text: #edf6ff;--muted: #9fc2dd;--edge: #3d5f79;--accent: #9be15d;--accent-2: #00e3ae;--danger: #ff7d7d}:root[data-theme=light]{--bg: #f4f8fb;--panel: #ffffff;--panel-2: #e5eef5;--text: #11283d;--muted: #4d6b84;--edge: #bfd0de;--accent: #197b6b;--accent-2: #2f9fd8;--danger: #bf3f3f}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100%;left:.5rem;z-index:9999;padding:.5rem 1rem;border-radius:0 0 8px 8px;background:var(--accent-2);color:var(--bg);font-weight:700;text-decoration:none;transition:top .15s}.skip-link:focus{top:0}*{box-sizing:border-box}body{margin:0;font-size:1rem;line-height:1.5;font-family:IBM Plex Sans,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at 10% 0%,color-mix(in oklab,var(--accent-2) 16%,transparent),transparent 40%),radial-gradient(circle at 100% 10%,color-mix(in oklab,var(--accent) 20%,transparent),transparent 36%),linear-gradient(140deg,var(--bg),color-mix(in oklab,var(--bg) 76%,#041018));min-height:100vh}#app{width:min(1200px,94vw);margin:0 auto;padding:1.2rem 0 1.5rem}.hero{position:relative;padding:1.2rem 3.4rem 1rem 1.2rem;border:1px solid var(--edge);border-radius:16px;background:linear-gradient(160deg,var(--panel),color-mix(in oklab,var(--panel-2) 76%,transparent))}.hero h1{margin:0;font-size:clamp(1.5rem,3vw,2.2rem)}.panel{margin-top:1rem;border:1px solid var(--edge);border-radius:16px;background:color-mix(in oklab,var(--panel) 92%,transparent);padding:1rem}.controls-row,.chip-row{display:flex;flex-wrap:wrap;gap:.5rem}.chip,#theme-toggle{border:1px solid var(--edge);background:color-mix(in oklab,var(--panel-2) 88%,transparent);color:var(--text);padding:.6rem 1rem;border-radius:999px;cursor:pointer;min-height:44px;min-width:44px;font-size:.9rem}#theme-toggle{width:2.6rem;height:2.6rem;border-radius:50%;z-index:10;font-size:1.1rem;display:grid;place-items:center;padding:0}.chip:hover,#theme-toggle:hover{border-color:var(--accent-2)}.chip:focus-visible,#theme-toggle:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent-2);outline-offset:2px}.chip:focus:not(:focus-visible),#theme-toggle:focus:not(:focus-visible){outline:none}.flow-list{display:grid;gap:.6rem;padding-left:1.2rem}.flow-list li{display:flex;justify-content:space-between;gap:.8rem;border-bottom:1px dashed var(--edge);padding-bottom:.4rem}.hierarchy-svg,.arch-svg{width:100%;max-width:100%}.node-root{fill:color-mix(in oklab,var(--panel-2) 74%,transparent);stroke:var(--edge)}.node-kek{fill:color-mix(in oklab,var(--accent-2) 16%,var(--panel));stroke:var(--accent-2)}.node-text{fill:var(--text);font-size:14px;font-weight:600}.node-subtext{fill:var(--muted);font-size:12px}.edge{stroke:var(--edge);stroke-width:2}pre{background:color-mix(in oklab,var(--panel-2) 85%,transparent);border:1px solid var(--edge);border-radius:12px;padding:.8rem;overflow-x:auto}.audit-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem}.audit-item{border-left:3px solid var(--accent);padding-left:.8rem;margin:.7rem 0}.audit-item.broken{border-left-color:var(--danger);background:color-mix(in oklab,var(--danger) 8%,transparent)}.audit-item.broken:before{content:"⚠ Chain broken — ";color:var(--danger);font-weight:700}.timeline li{margin-bottom:.4rem}.comparison-table{width:100%;border-collapse:collapse;overflow:auto;display:block}.comparison-table th,.comparison-table td{border:1px solid var(--edge);padding:.5rem;text-align:left;vertical-align:top}.citations{color:var(--muted);font-size:.86rem}.table-scroll-hint{display:none;text-align:center;color:var(--muted);font-size:.78rem;margin-bottom:.25rem}.chip:disabled,button:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.scripture-footer{text-align:center;padding:2rem 1rem;font-size:.85rem;border-top:1px solid var(--edge);color:var(--muted);margin-top:2rem}.reality-panel{width:min(1200px,94vw);margin:0 auto;border:1px solid var(--edge);border-radius:14px;background:color-mix(in oklab,var(--panel) 92%,transparent);padding:.9rem 1rem}.reality-panel summary{cursor:pointer;font-weight:700;margin-bottom:.6rem}@media(max-width:780px){#app{width:96vw}.flow-list li{flex-direction:column}.comparison-table{font-size:.82rem}.table-scroll-hint{display:block}.hero h1{font-size:1.3rem}.panel{padding:.75rem}.controls-row,.chip-row{gap:.4rem}}@media(max-width:480px){body{font-size:.93rem}#app{width:100%;padding-left:.5rem;padding-right:.5rem}.hero{padding:1rem 3rem .75rem .75rem}pre{font-size:.78rem}.comparison-table th,.comparison-table td{padding:.35rem;font-size:.78rem}.audit-item header{font-size:.88rem}}
