:root{color-scheme:dark;font-family:Inter,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;background:#081018;color:#e5edf6;--bg: #081018;--panel: #0e1825;--panel-strong: #132132;--border: #22354d;--accent: #6ecfff;--accent-soft: rgba(110, 207, 255, .18);--amber: #ffb84d;--amber-soft: rgba(255, 184, 77, .25);--green: #53d18b;--red: #ff6b81;--muted: #b4c8db;--shadow: 0 20px 45px rgba(0, 0, 0, .35);--focus-ring: 0 0 0 2px var(--accent)}[data-theme=light]{color-scheme:light;background:#f5f5f5;color:#1a1a1a;--bg: #f5f5f5;--panel: #ffffff;--panel-strong: #eeeeee;--border: #d0d0d0;--accent: #0066cc;--accent-soft: rgba(0, 102, 204, .12);--amber: #d97706;--amber-soft: rgba(217, 119, 6, .15);--green: #059669;--red: #dc2626;--muted: #666666;--shadow: 0 4px 12px rgba(0, 0, 0, .1);--focus-ring: 0 0 0 2px var(--accent)}*{box-sizing:border-box}.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;z-index:100;background:var(--accent);color:#000;padding:.75rem 1.25rem;border-radius:0 0 .5rem;font-weight:600}.skip-link:focus{left:0;top:0;width:auto;height:auto;overflow:visible}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,rgba(110,207,255,.12),transparent 0,transparent 55%),linear-gradient(180deg,#06101a,#081018)}[data-theme=light] body{background:radial-gradient(circle at top,rgba(0,102,204,.08),transparent 0,transparent 55%),linear-gradient(180deg,#f9f9f9,#f5f5f5)}a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:none;box-shadow:var(--focus-ring)}mark{background:#ffb84d73;color:#fff;border-radius:.3rem;padding:0 .2rem}button,select,input,textarea{font:inherit}.app-shell{max-width:1360px;margin:0 auto;padding:1.5rem;padding-bottom:env(safe-area-inset-bottom,1.5rem)}.hero{display:grid;gap:.75rem;margin-bottom:1.5rem;position:relative}.hero h1{margin:0;font-size:clamp(2rem,4vw,3rem)}.hero p,.muted{color:var(--muted)}.hero-badges{display:flex;flex-wrap:wrap;gap:.6rem}.badge{padding:.35rem .7rem;border-radius:999px;background:var(--accent-soft);color:#d6f2ff;border:1px solid rgba(93,196,255,.25)}.theme-toggle{position:absolute;top:0;right:0;width:2.6rem;height:2.6rem;border-radius:50%;border:1px solid var(--border);background:var(--panel);color:var(--accent);cursor:pointer;font-size:1.4rem;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.theme-toggle:hover{background:var(--panel-strong)}.tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tab-button{border:1px solid var(--border);background:#0b1420;color:#d8e7f5;border-radius:.8rem;padding:.65rem .9rem;cursor:pointer;min-height:44px;min-width:44px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.tab-button.active{background:var(--accent-soft);border-color:#6ecfff80;color:#fff;font-weight:600}.tab-panel{display:none}.tab-panel.active{display:block}.panel,.card{background:linear-gradient(180deg,#111c2af2,#0b121dfa);border:1px solid var(--border);border-radius:1rem;padding:1rem;box-shadow:var(--shadow)}.grid-2,.grid-3,.grid-4{display:grid;gap:1rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}label{display:grid;gap:.4rem;margin-bottom:.8rem}textarea,select,input[type=text]{width:100%;border-radius:.75rem;border:1px solid var(--border);background:#081220;color:#fff;padding:.75rem}textarea{min-height:98px;resize:vertical}input[type=range]{width:100%}.stat-row{display:flex;flex-wrap:wrap;gap:.8rem;margin:.75rem 0}.stat-chip{padding:.5rem .7rem;border-radius:.7rem;background:#ffffff08;border:1px solid var(--border)}.digest-block{word-break:break-all;font-family:Cascadia Code,Fira Code,monospace;font-size:.92rem;background:#00000038;border-radius:.75rem;padding:.75rem}.bit-grid{display:grid;grid-template-columns:repeat(32,minmax(0,1fr));gap:.18rem;margin-top:.65rem}.bit-cell{aspect-ratio:1;border-radius:.25rem;background:#314255;border:1px solid rgba(255,255,255,.04);cursor:pointer;min-width:0;min-height:0;padding:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.bit-cell.bit-1{background:#87d5ff}.bit-cell.changed{background:var(--amber);box-shadow:0 0 0 1px #ffb84d40}.bit-cell:focus-visible{outline:2px solid var(--accent);outline-offset:1px;z-index:1}.bit-cell.flash{animation:flash-change .55s ease}@keyframes flash-change{0%{transform:scale(1.15);filter:brightness(1.4)}to{transform:scale(1);filter:brightness(1)}}.callout{border-left:4px solid var(--accent);padding:.8rem 1rem;background:#5dc4ff14;border-radius:.8rem}.callout.warn{border-left-color:var(--amber);background:#ffb84d14}.success{color:var(--green)}.failure{color:var(--red)}.small{font-size:.92rem}.comparison-table{width:100%;border-collapse:collapse}.comparison-table th,.comparison-table td{border-bottom:1px solid var(--border);padding:.65rem;text-align:left;vertical-align:top}.portfolio-list{display:grid;gap:.75rem}.portfolio-item{padding:.75rem;border-radius:.8rem;background:#ffffff08;border:1px solid var(--border)}.metric{font-size:1.35rem;font-weight:700}.button-row{display:flex;flex-wrap:wrap;gap:.6rem}.button-row button{border-radius:.7rem;border:1px solid var(--border);background:#0f1b2a;color:#fff;cursor:pointer;padding:.65rem .9rem;min-height:44px;min-width:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.button-row button.primary{background:linear-gradient(180deg,#1892d5,#0f6d9f);border-color:#6ecfff80}code,pre{font-family:Cascadia Code,Fira Code,monospace}pre{white-space:pre-wrap;word-break:break-word}.scripture-footer{border-top:1px solid var(--border);padding:2rem 1rem;text-align:center;color:var(--muted);font-size:.85rem;margin-top:3rem}.scripture-footer p{margin:0}@media (max-width: 820px){.bit-grid{grid-template-columns:repeat(16,minmax(0,1fr))}.grid-2,.grid-3{grid-template-columns:1fr}.tabs{gap:.4rem}.tab-button{font-size:.88rem;padding:.55rem .65rem;flex:1 1 auto;text-align:center}.hero h1{font-size:1.65rem}.digest-block{font-size:.78rem;padding:.65rem}.stat-chip{font-size:.85rem}.comparison-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 480px){.app-shell{padding:1rem .75rem}.bit-grid{grid-template-columns:repeat(16,minmax(0,1fr));gap:.12rem}.panel,.card{border-radius:.7rem;padding:.85rem}.hero-badges{gap:.4rem}.badge{font-size:.82rem;padding:.28rem .55rem}}@media (prefers-reduced-motion: reduce){.bit-cell.flash{animation:none}*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.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}