:root{--bg: #091017;--surface: #101a24;--surface-2: #152331;--border: #243849;--text: #e8f0f5;--muted: #8ba0ae;--accent: #20d6b5;--accent-2: #e854ff;--warn: #ffbd59;--bad: #ff6577;--good: #4ce0a1;--mono: "Cascadia Code", "SFMono-Regular", Consolas, monospace;font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:var(--text);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 20% 0,#102331 0,transparent 34%),var(--bg)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:7px;padding:.66rem 1rem;cursor:pointer}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:var(--accent);color:#041411;border-color:var(--accent);font-weight:750}.danger{background:var(--bad);color:#21040a;border:0}.danger-subtle{background:transparent;border-color:#5e2b36;color:#ff9cab}.link-button{background:none;border:0;padding:.3rem}.panel{background:linear-gradient(145deg,#152331f5,#0e1923f5);border:1px solid var(--border);border-radius:10px;padding:1.25rem;box-shadow:0 18px 45px #0003}.public{max-width:880px;margin:auto;padding:6rem 1.5rem}.public>header{margin-bottom:2.5rem}.public-nav{display:flex;justify-content:flex-end;margin-bottom:1rem}.public-nav a{border:1px solid var(--border);border-radius:7px;padding:.55rem .9rem}.public h1{font-size:clamp(3rem,9vw,6.5rem);letter-spacing:-.07em;line-height:.85;margin:.5rem 0 1.2rem}.public h1 span{color:var(--accent)}.public>header p{max-width:650px;font-size:1.2rem;color:var(--muted)}.public .panel{margin:1rem 0}.eyebrow{font-family:var(--mono);font-size:.72rem;letter-spacing:.18em;color:var(--accent);font-weight:700}.notice p,.limits p,.warning p{color:var(--muted);line-height:1.65}.section-title,.page-heading{display:flex;justify-content:space-between;gap:1rem;align-items:center}.page-actions{display:flex;align-items:center;gap:.75rem}.session-importer{position:relative}.import-button{display:inline-flex;align-items:center;border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:7px;padding:.66rem 1rem;cursor:pointer;font-size:1rem}.import-button:hover{border-color:var(--accent)}.import-button.disabled{opacity:.45;cursor:not-allowed}.import-button input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.import-message{position:absolute;z-index:2;right:0;top:calc(100% + .45rem);width:min(420px,80vw);padding:.55rem .7rem;border:1px solid var(--border);border-radius:6px;background:#102820;color:var(--good);font-size:.76rem;box-shadow:0 12px 30px #0008}.import-message.warn{background:#352817;color:var(--warn)}.progress{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;padding:0;list-style:none}.progress li{display:flex;justify-content:space-between;gap:.5rem;background:#09121a;padding:.6rem;border-radius:5px;font-family:var(--mono);font-size:.78rem}.badge{display:inline-block;border-radius:99px;padding:.18rem .48rem;text-transform:uppercase;font:700 .63rem var(--mono);letter-spacing:.04em;background:#263340;color:var(--muted)}.badge-good{background:#113b30;color:var(--good)}.badge-warn{background:#463519;color:var(--warn)}.badge-bad{background:#481e29;color:var(--bad)}.badge-source{background:#223248;color:#9dbfff}.result{display:grid;grid-template-columns:auto 1fr;gap:.6rem 1rem;margin-top:1rem;border-top:1px solid var(--border);padding-top:1rem}.result span{color:var(--muted)}code,.mono,pre{font-family:var(--mono);overflow-wrap:anywhere}.public footer{color:var(--muted);font-size:.78rem;margin-top:2rem}.alert{padding:.9rem;background:#3b1721;border:1px solid #783044;color:#ffadb7;border-radius:7px}.center{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.login{width:min(420px,100%)}label{display:grid;gap:.35rem;color:var(--muted);font-size:.8rem}.login label{margin:1rem 0}input,select,textarea{background:#09121a;border:1px solid var(--border);border-radius:6px;color:var(--text);padding:.65rem}.topbar{height:58px;position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:0 2rem;background:#091017ed;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.topbar nav{display:flex;gap:1.5rem;align-items:center}.brand{font-weight:800;color:var(--text)}.brand small{font:600 .6rem var(--mono);color:var(--accent)}.admin{max-width:1440px;margin:auto;padding:2.5rem 2rem 5rem}.page-heading{margin-bottom:1.25rem}.page-heading h1,.admin>h1{margin:.3rem 0;font-size:2rem}.page-heading p{margin:0;color:var(--muted)}.filters{display:flex;align-items:end;gap:1rem;margin-bottom:1rem}.filters label:first-child{flex:1}.check{display:flex;grid-auto-flow:column;align-items:center;justify-content:start}.check input{width:auto}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:9px}table{width:100%;border-collapse:collapse;background:#0c151e;font-size:.83rem}th{text-align:left;color:var(--muted);font-weight:650}th,td{padding:.72rem;border-bottom:1px solid #1a2a37;vertical-align:top}td small{display:block;color:var(--muted);margin-top:.32rem}.empty{padding:3rem;text-align:center;color:var(--muted);border:1px dashed var(--border);border-radius:8px}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin:1rem 0}.summary-grid .panel{display:flex;flex-direction:column;gap:.6rem}.summary-grid span{color:var(--muted);font-size:.73rem;text-transform:uppercase;letter-spacing:.07em}.summary-grid strong{font-size:1.1rem}.summary-grid .badge{align-self:flex-start}.correlation-summary{margin:1rem 0}.correlation-summary h2{margin-top:0}.correlation-overview,.correlation-details dl{margin:0}.correlation-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem 1.5rem}.correlation-overview div,.correlation-details dl div{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.correlation-overview dt,.correlation-details dt{color:var(--muted)}.correlation-overview dd,.correlation-details dd{margin:0;text-align:right}.correlation-overview dd{color:var(--text);font-weight:700}.correlation-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.correlation-details h3{margin:0 0 .65rem;font-size:.86rem;text-transform:uppercase;letter-spacing:.06em}.correlation-details dl{display:grid;gap:.5rem}.network-value{overflow-wrap:anywhere}.editor{display:grid;grid-template-columns:1fr 2fr auto;gap:1rem;align-items:end;margin:1rem 0}.editor h2{grid-column:1/-1;margin:0}.editor textarea{min-height:70px}.related-sessions,.font-metrics-section{margin:1rem 0}.font-metrics-section h2{margin-top:0}.font-metrics-section dl{display:grid;gap:.55rem;margin:0}.font-metrics-section dl div{display:grid;grid-template-columns:9rem minmax(0,1fr);gap:.75rem}.font-metrics-section dt,.font-metrics-unavailable,.font-metrics-section details p{color:var(--muted)}.font-metrics-section dd{margin:0;overflow-wrap:anywhere}.font-metrics-section details{margin-top:1rem;border-top:1px solid var(--border);padding-top:.8rem}.font-metrics-section summary{cursor:pointer;color:var(--accent)}.font-metrics-section pre{max-height:480px;overflow:auto;padding:1rem;border-radius:6px;background:#050a0f;color:#b9d3df;font-size:.76rem}.font-detection-table{margin-top:.8rem}.font-detection-table table{min-width:1180px}.font-comparison-explanation{margin:1rem 0}.font-comparison-explanation h2{margin:0}.font-comparison-explanation>p{color:var(--muted)}.font-comparison-explanation dl{display:grid;gap:.75rem;margin-bottom:0}.font-comparison-explanation dl>div{display:grid;grid-template-columns:13rem minmax(0,1fr);gap:1rem}.font-comparison-explanation dt{color:var(--muted)}.font-comparison-explanation dd{margin:0;overflow-wrap:anywhere}.font-hash-comparison{display:block;margin-top:.3rem;font-size:.76rem}.network-location{margin:1rem 0}.network-location h2{margin-top:0}.network-location dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem 1.25rem;margin:0}.network-location dt{color:var(--muted);font-size:.73rem;text-transform:uppercase;letter-spacing:.07em}.network-location dd{margin:.3rem 0 0;overflow-wrap:anywhere}.tls-details p{margin:1rem 0 0;color:var(--muted);font-size:.82rem}.related-sessions h2{margin-top:0}.related-session-list{display:grid;gap:.75rem}.related-session{border-top:1px solid var(--border);padding-top:.75rem}.related-session header,.related-reasons,.fingerprint-similarity{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.related-session header{justify-content:space-between}.fingerprint-similarity{margin-top:.65rem;color:var(--muted);font-size:.82rem}.fingerprint-similarity span{padding-right:.8rem;border-right:1px solid var(--border)}.fingerprint-similarity span:last-child{border-right:0}.fingerprint-similarity strong{color:var(--text)}.fingerprint-component-details{display:grid;gap:.5rem;margin-top:.75rem}.component-difference{background:#09121a;border:1px solid var(--border);border-radius:7px}.component-difference summary{display:flex;align-items:center;gap:.45rem;padding:.65rem .75rem;cursor:pointer}.component-difference-body{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;padding:0 .9rem .9rem;border-top:1px solid var(--border)}.component-difference-body h4{margin:.85rem 0 .45rem;color:var(--muted);text-transform:uppercase;font-size:.68rem;letter-spacing:.08em}.component-difference-body ul{margin:0;padding-left:1.2rem}.component-difference-body li{margin:.4rem 0;overflow-wrap:anywhere}.value-change,.array-changes{margin-top:.2rem;color:var(--muted);font-size:.78rem}.array-changes span{color:var(--text)}.matched-field-list{columns:2}.json-block{position:relative;border-top:1px solid var(--border);padding:.55rem 0}.json-toggle{border:0;background:transparent;width:100%;text-align:left;font-family:var(--mono)}.json-block pre{background:#050a0f;color:#b9d3df;padding:1rem;border-radius:6px;max-height:560px;overflow:auto;font-size:.76rem}.copy{position:absolute;right:.5rem;top:.45rem;font-size:.7rem;padding:.3rem}.warning-text{color:var(--warn)}tr.same td{background:#0e211d}tr.different td{background:#22151a}.webgpu-section{border-left:3px solid var(--border)}.webgpu-success{border-left-color:var(--good)}.webgpu-unavailable{border-left-color:var(--warn)}.webgpu-error{border-left-color:var(--bad)}.webgpu-summary,.comparison-delta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem 1rem;margin:0}.webgpu-summary>div,.comparison-delta>div{min-width:0;border-top:1px solid var(--border);padding-top:.55rem}.webgpu-summary dt,.comparison-delta dt{color:var(--muted);font-size:.72rem;text-transform:uppercase}.webgpu-summary dd,.comparison-delta dd{margin:.2rem 0 0;overflow-wrap:anywhere}.webgpu-capabilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}.webgpu-capabilities>div{min-width:0}.webgpu-capabilities h3{margin:0 0 .55rem;font-size:.9rem}.capability-list{display:flex;flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none}.capability-list li{max-width:100%;overflow-wrap:anywhere;border:1px solid var(--border);border-radius:999px;padding:.25rem .5rem;font-size:.72rem}.capability-table-wrap{max-height:24rem;overflow:auto;border:1px solid var(--border);border-radius:6px}.capability-table{width:100%;table-layout:fixed}.capability-table th,.capability-table td{overflow-wrap:anywhere}.hash-pair{font-size:.72rem}.math-section,.math-comparison,.dom-geometry-section,.dom-geometry-comparison,.canvas-v2-section{margin:1rem 0;border-left:3px solid var(--border)}.math-success,.dom-geometry-success{border-left-color:var(--good)}.dom-geometry-error{border-left-color:var(--bad)}.canvas-v2-success{border-left-color:var(--good)}.canvas-v2-error,.math-error{border-left-color:var(--bad)}.math-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem 1rem;margin:0}.math-summary>div{min-width:0;border-top:1px solid var(--border);padding-top:.55rem}.math-summary dt{color:var(--muted);font-size:.72rem;text-transform:uppercase}.math-summary dd{margin:.2rem 0 0;overflow-wrap:anywhere}.math-groups,.math-comparison details,.dom-geometry-groups,.dom-geometry-comparison>details,.dom-geometry-context{margin-top:1rem}.math-groups details,.math-comparison details,.dom-geometry-groups>details,.dom-geometry-comparison>details,.dom-geometry-context{border-top:1px solid var(--border);padding-top:.65rem}.math-groups summary,.math-comparison summary,.dom-geometry-groups summary,.dom-geometry-comparison summary,.dom-geometry-context summary{cursor:pointer;color:var(--accent);margin-bottom:.65rem}.math-table{min-width:720px}.math-table th:first-child{width:32%}.math-table-wrap{max-height:30rem}.dom-geometry-table{min-width:900px}.dom-geometry-table th:first-child{width:28%}.dom-geometry-table-wrap{max-height:32rem}.dom-geometry-json{max-height:18rem;overflow:auto;margin:.5rem 0 0;padding:.65rem;border-radius:6px;background:#050a0f;color:#b9d3df;font-size:.72rem}.canvas-v2-table-wrap{max-height:26rem;margin-top:1rem}.canvas-v2-table{min-width:900px}.canvas-v2-table th:first-child{width:18%}.canvas-v2-table td.mono{font-size:.7rem}.muted{color:var(--muted)}@media(max-width:760px){.public{padding:3rem 1rem}.progress{grid-template-columns:1fr}.topbar{padding:0 1rem}.admin{padding:1.5rem 1rem}.filters,.editor{display:grid;grid-template-columns:1fr}.editor h2{grid-column:auto}.summary-grid,.correlation-overview,.correlation-details{grid-template-columns:1fr}.network-location dl{grid-template-columns:repeat(2,minmax(0,1fr))}.page-heading{align-items:flex-start}.result,.component-difference-body,.webgpu-summary,.webgpu-capabilities,.comparison-delta,.math-summary{grid-template-columns:1fr}.matched-field-list{columns:1}.table-wrap{border-radius:0;margin-inline:-1rem}.topbar nav a:not(.home-link){display:none}}