*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}:root{--bg:#070a10;--bg-elev:#0b1020a6;--bg-elev-2:#0f172ab3;--text:#e5e7eb;--muted:#9aa4bf;--border:#94a3b82e;--border-strong:#94a3b842;--case-border:#1d2433;--accent:#fbbf24;--link:#60a5fa;--ok:#22c55e;--bad:#ff6e6ef2;--code-info-b:#82aaff59;--code-info-bg:#82aaff0f;--code-bug-b:#ffc80059;--code-bug-bg:#ffc8000f;--code-fix-b:#78ffb459;--code-fix-bg:#78ffb40f;--r-lg:16px;--r-md:12px;--r-sm:10px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;line-height:1.5}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(1200px 600px at 20% -10%,#3b82f62e,transparent 60%),radial-gradient(900px 500px at 80% 10%,#fbbf241a,transparent 55%),radial-gradient(800px 500px at 50% 110%,#6366f11a,transparent 60%),radial-gradient(1200px 700px at 50% 40%,#0000,#00000059),var(--bg);filter:saturate(1.05);position:fixed;inset:0}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}button,input,textarea{font-family:inherit}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}:focus-visible{outline-offset:2px;outline:2px solid #60a5fa8c}.casePage{min-height:100vh;padding:48px 24px 72px}.container{max-width:860px;margin:0 auto}.breadcrumbs{color:var(--muted);align-items:center;gap:10px;margin-bottom:10px;font-size:14px;display:flex}.breadcrumbs a{color:var(--muted)}.breadcrumbs a:hover{text-decoration:underline}.sep{opacity:.5}.muted{color:var(--muted);opacity:.9}.h1{letter-spacing:-.02em;margin:0 0 10px;font-size:34px;font-weight:650}.subtitle{color:var(--muted);max-width:75ch;margin:0 0 14px;font-size:16px;line-height:1.7}.section{border:1px solid var(--case-border);border-radius:var(--r-sm);background:#161b2659;margin:0 auto 28px;padding:18px 16px}.h2{letter-spacing:-.01em;margin:0 0 10px;font-size:18px}.h3{color:#cfd6ea;opacity:.95;margin:0 0 12px;font-size:14px}.help{color:#c0c7da;margin:0 0 14px;line-height:1.7}.meta{color:#c0c7da;margin:0 0 12px;line-height:1.7}.list{color:#c0c7da;margin:0;padding-left:18px;line-height:1.8}.inlineCode{border:1px solid var(--border-strong);color:var(--text);background:#161b26;border-radius:6px;padding:2px 6px;font-size:.95em}.grid2{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}@media (max-width:900px){.grid2{grid-template-columns:1fr}}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin:10px 0 16px;display:flex}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-lg);padding:14px;box-shadow:0 10px 30px #00000040}.cardTitle{color:#cfd6ea;opacity:.95;margin:0 0 10px;font-size:13px}.cardWide{background:var(--bg-elev-2);border:1px solid var(--border);border-radius:var(--r-lg);padding:14px;box-shadow:0 10px 30px #00000040}.toggle{color:#cfd6ea;opacity:.9;align-items:center;gap:10px;font-size:14px;display:inline-flex}.toggle input{cursor:pointer;width:16px;height:16px;accent-color:var(--accent)}.button{appearance:none;color:var(--text);cursor:pointer;background:#161b26;border:1px solid #2a3550;border-radius:8px;padding:10px 12px;font-weight:600;transition:transform .12s,background .15s,border-color .15s}.button:hover{background:#1b2232;transform:translateY(-1px)}.button:disabled{opacity:.55;cursor:not-allowed}.button:focus-visible{outline-offset:2px;outline:2px solid #60a5fa8c}.button.repro{background:#ffc80014;border-color:#ffc80059}.button.repro:hover{background:#ffc8001f;border-color:#ffc8008c}.button.nudge{background:#161b26bf;border-color:#94a3b838}.pillWarn{color:#ffcf5a;background:#ffc8000f;border:1px solid #ffc80040;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:inline-flex}.pillWarn.small{padding:4px 8px;font-size:11px}.input{border-radius:var(--r-md);border:1px solid var(--case-border);width:100%;height:44px;color:var(--text);background:#0b0e14;outline:none;padding:0 12px}.input:focus{border-color:#9aa4bf73}.input:disabled,.input[readonly]{color:#cfd6ea;cursor:not-allowed;background:#0f142099;border-color:#82aaff40}.codePill{border:1px solid var(--border);color:var(--text);background:#161b2699;border-radius:8px;padding:2px 6px}.metaRow{color:var(--muted);gap:8px;margin-top:12px;font-size:13px;display:grid}.strong{color:var(--text)}.good{color:var(--ok)}.bad{color:var(--bad)}.unlockRow{align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.resultBox{border:1px solid var(--case-border);border-radius:var(--r-md);background:#0b0e1499;margin-top:14px;padding:12px}.infoBox{border:1px solid var(--case-border);border-radius:var(--r-md);background:#0b0e1473;margin-top:12px;padding:12px}.infoTitle{color:var(--text);margin-bottom:8px;font-weight:700}.field{margin-top:6px}.fieldLabel{color:var(--muted);margin-bottom:8px;font-size:12px}.codeBox{border-radius:var(--r-md);border:1px solid var(--border);color:var(--text);-webkit-overflow-scrolling:touch;background:#0b0e14eb;margin-top:12px;padding:18px;font-size:14.5px;line-height:1.75;overflow:auto}.codeBox code,.codeBox pre{white-space:pre;tab-size:2;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.codeBox code{display:block}.codeBoxInfo{border-color:var(--code-info-b);background:var(--code-info-bg)}.codeBoxBuggy{border-color:var(--code-bug-b);background:var(--code-bug-bg)}.codeBoxFixed{border-color:var(--code-fix-b);background:var(--code-fix-bg)}.tt{align-items:center;display:inline-flex;position:relative}.ttBubble{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#dbeafe;letter-spacing:.2px;white-space:nowrap;opacity:0;pointer-events:none;background:linear-gradient(135deg,#38bdf82e,#6366f12e);border:1px solid #6366f173;border-radius:10px;padding:10px 14px;font-size:13px;font-weight:500;transition:opacity .18s,transform .18s;position:absolute;top:50%;right:calc(100% + 12px);transform:translateY(-50%)scale(.96);box-shadow:0 10px 25px #00000059,0 0 0 1px #6366f126}.ttOpen{opacity:1;transform:translateY(-50%)scale(1)}.ttBubble:after{content:"";border:7px solid #0000;border-left-color:#6366f173;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.ttTarget{align-items:center;display:inline-flex}.ready{color:#94a3b8e6}.header{margin-bottom:18px}.backLink{color:var(--muted);text-decoration:none}.backLink:hover{text-decoration:underline}.title{letter-spacing:-.02em;margin:0 0 10px;font-size:34px;font-weight:650}.p{color:#c0c7da;margin:0 0 12px;line-height:1.7}.ul{color:#c0c7da;margin:0;padding-left:18px;line-height:1.8}.sectionHeader{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.badge{color:#cfd6ea;background:#161b2699;border:1px solid #94a3b82e;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:inline-flex}.note{border:1px solid var(--case-border);border-radius:var(--r-md);background:#0b0e1473;margin-top:14px;padding:12px}.noteTitle{color:var(--text);margin-bottom:8px;font-weight:800}.noteText{color:#c0c7da;line-height:1.7}.mutedSmall{color:var(--muted);font-size:13px;line-height:1.6}.split{grid-template-columns:1fr 1fr;align-items:start;gap:14px;display:grid}@media (max-width:900px){.split{grid-template-columns:1fr}}.panel{border:1px solid var(--case-border);border-radius:var(--r-md);background:#0b0e1459;padding:12px}.panelWide{border:1px solid var(--case-border);border-radius:var(--r-md);background:#0b0e1459;grid-column:1/-1;padding:12px}.panelTitle{color:#cfd6ea;margin-bottom:10px;font-weight:800}.box{border:1px solid var(--case-border);border-radius:var(--r-md);background:#0b0e1473;padding:12px}.hr{background:#94a3b824;height:1px;margin:12px 0}.kpiRow{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}@media (max-width:900px){.kpiRow{grid-template-columns:1fr}}.kpi{background:#161b2673;border:1px solid #94a3b824;border-radius:12px;padding:10px}.kpiLabel{color:var(--muted);margin-bottom:6px;font-size:12px}.kpiValue{font-variant-numeric:tabular-nums;font-weight:850}.refGrid{grid-template-columns:1fr 1fr;align-items:start;gap:14px;display:grid}@media (max-width:900px){.refGrid{grid-template-columns:1fr}}.refCard{border:1px solid var(--case-border);border-radius:var(--r-lg);background:#0b102059;padding:14px}.refTitle{color:#cfd6ea;margin-bottom:8px;font-weight:850}.refText{color:#c0c7da;margin:0 0 12px;line-height:1.7}.actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.btn,.btnSecondary,.pillBtn{appearance:none;color:var(--text);cursor:pointer;letter-spacing:-.01em;background:#161b26;border:1px solid #2a3550;border-radius:12px;padding:10px 14px;font-weight:650;transition:transform .12s,background .15s,border-color .15s,box-shadow .15s}.btn:hover,.btnSecondary:hover,.pillBtn:hover{background:#1b2232;transform:translateY(-1px);box-shadow:0 10px 24px #00000047}.btn:active,.btnSecondary:active,.pillBtn:active{transform:translateY(0)}.btn:disabled,.btnSecondary:disabled,.pillBtn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.btn{background:#ffc80014;border-color:#ffc80059}.btn:hover{background:#ffc8001f;border-color:#ffc8008c}.btnSecondary{background:#161b26bf;border-color:#94a3b838}.pillBtn{background:#161b26e6;border-color:#94a3b838;border-radius:12px;padding:9px 12px}.codeWrap{border-radius:var(--r-lg);border:1px solid var(--border);background:#0b0e14;margin-top:12px;overflow:hidden;box-shadow:0 10px 30px #00000040}.codeTitle{color:#cfd6eaf2;background:#0f172a59;border-bottom:1px solid #94a3b824;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;font-size:13px;display:flex}.pre{color:var(--text);margin:0;padding:14px;font-size:12.5px;line-height:1.65;overflow:auto}.codeWrap.buggy{border-color:var(--code-bug-b);background:var(--code-bug-bg)}.codeWrap.fixed{border-color:var(--code-fix-b);background:var(--code-fix-bg)}.codeWrap.info{border-color:var(--code-info-b);background:var(--code-info-bg)}.button[data-active=true]{background:#ffffff1a;border-color:#94a3b859}.containerCodeSnippets{grid-template-columns:repeat(auto-fit,minmax(420px,1fr))}.containerCodeSnippets>*{min-width:0}@media (max-width:767px){.containerCodeSnippets{grid-template-columns:1fr}.domainSection,.card{overflow:auto}.appFooter{margin-top:48px;font-size:12px}}.appFooter{color:#ffffff8c;border-top:1px solid #ffffff0f;justify-content:center;align-items:center;gap:6px;margin-top:64px;padding:24px 16px;font-size:13px;display:flex}.appFooter a{color:#ffffffbf;text-decoration:none;transition:color .2s}.appFooter a:hover{color:#fff}