:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#071718;--surface:#0d2224;--surface-2:#123035;--line:#d6eef21f;--line-live:#7de7ff57;--text:#a4bdc2;--heading:#e8f8f9;--live:#7de7ff;--live-strong:#3bc7e6;--review:#d8b65a;--risk:#e68181;--font:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"SFMono-Regular", "Cascadia Code", Consolas, monospace}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth;min-width:320px}body{min-width:320px;min-height:100vh;color:var(--text);font:15px/1.65 var(--font);background:radial-gradient(circle at 85% 0,#7de7ff21,#0000 30rem),radial-gradient(circle at 10%,#7d294f24,#0000 28rem),linear-gradient(#071718,#061314);margin:0;overflow-x:hidden}button,input,select,summary,a{font:inherit}a{color:inherit;text-decoration:none}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #7de7ffb8}.app-shell{width:100%;min-height:100vh;padding:clamp(12px,3vw,32px)}.app-header,.page-shell{width:min(1180px,100%);margin-inline:auto}.app-header{z-index:20;border:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#071718db;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;padding:8px 10px;display:flex;position:sticky;top:10px;box-shadow:0 14px 38px #0000003d}.app-brand{min-width:0;min-height:44px;color:var(--heading);align-items:center;gap:10px;font-weight:780;display:inline-flex}.app-brand__mark{flex:none;width:40px;height:40px}.app-nav{gap:6px;display:flex}.nav-button,.button{appearance:none;border:1px solid var(--line);min-height:44px;color:var(--heading);cursor:pointer;background:#123035b8;border-radius:999px;justify-content:center;align-items:center;padding:0 16px;font-weight:780;transition:transform .18s,border-color .18s,background .18s;display:inline-flex}.nav-button:hover,.button:hover{border-color:var(--line-live);background:#2d555ca8;transform:translateY(-1px)}.button.primary{color:var(--bg);background:linear-gradient(135deg, var(--live), var(--live-strong));border-color:#7de7ff7a}.button.primary:hover{color:var(--bg);background:linear-gradient(135deg, #a2efff, var(--live))}.button.danger{color:#ffc4c4;background:#63232847;border-color:#e6818152}.button:disabled{cursor:not-allowed;opacity:.5;transform:none}.page-shell{gap:14px;padding-block:clamp(18px,3vw,34px) 48px;display:grid}.panel{border:1px solid var(--line);background:linear-gradient(145deg,#123035e6,#0d2224cc);border-radius:24px;padding:clamp(20px,3vw,32px);position:relative;overflow:hidden;box-shadow:0 18px 54px #0003}.hero{grid-template-columns:minmax(0,1.4fr) minmax(220px,.55fr);align-items:end;gap:clamp(20px,4vw,48px);display:grid}.hero-status{border:1px solid var(--line-live);background:#0717187a;border-radius:18px;align-content:center;gap:7px;min-height:150px;padding:20px;display:grid}.hero-status strong{color:var(--heading);font-size:1.12rem}.hero-status small{color:var(--text)}.eyebrow{color:var(--live);font:760 .74rem/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;margin:0 0 10px}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--heading);letter-spacing:-.045em;line-height:1.08}h1{max-width:17ch;margin-bottom:16px;font-size:clamp(2.25rem,5.2vw,4.8rem)}h2{margin-bottom:8px;font-size:clamp(1.35rem,2.7vw,2.2rem)}h3{margin-bottom:6px}p{margin-bottom:0}.hero-text{max-width:72ch;font-size:clamp(1rem,1.5vw,1.13rem)}.mode-switch{border:1px solid var(--line);background:var(--line);border-radius:16px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;padding:0;display:grid;overflow:hidden}.mode-button{min-height:64px;color:var(--text);cursor:pointer;text-align:left;background:#0d2224f2;border:0;padding:12px 16px}.mode-button strong{color:var(--heading);display:block}.mode-button[data-active=true]{box-shadow:inset 0 -3px var(--live);background:#123035}.workspace{grid-template-columns:minmax(0,1.5fr) minmax(280px,.62fr);align-items:start;gap:14px;display:grid}.primary-column,.side-column{gap:14px;min-width:0;display:grid}.side-column{position:sticky;top:82px}.button-row{flex-wrap:wrap;gap:9px;margin-top:18px;display:flex}.result-panel{min-height:218px}.result-panel[data-tone=stable]{border-color:#7de7ff57}.result-panel[data-tone=rotating],.result-panel[data-tone=inconclusive]{border-color:#d8b65a6b}.status-pill{border:1px solid var(--line-live);width:fit-content;min-height:28px;color:var(--live);font:760 .7rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;padding:0 10px;display:inline-flex}.status-pill[data-tone=rotating],.status-pill[data-tone=inconclusive]{color:var(--review);border-color:#d8b65a61}.metrics{border:1px solid var(--line);background:var(--line);border-radius:14px;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:16px;display:grid;overflow:hidden}.metric{background:#0717189e;min-width:0;padding:12px}.metric span{color:#789399;font:700 .68rem/1.4 var(--mono);text-transform:uppercase;display:block}.metric strong{color:var(--heading);overflow-wrap:anywhere;margin-top:4px;font-size:1.02rem;display:block}.route-list{border:1px solid var(--line);background:var(--line);border-radius:14px;gap:1px;margin:14px 0 0;padding:0;list-style:none;display:grid;overflow:hidden}.route-list li{background:#0717189e;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:11px 13px;display:grid}.route-list code{color:var(--live);overflow-wrap:anywhere}.route-list small{color:var(--text);display:block}.warning{color:#ead9a0;background:#5b48122b;border:1px solid #d8b65a52;border-radius:14px;padding:14px 16px}.field-grid{grid-template-columns:minmax(0,1fr) 150px;gap:10px;margin-top:16px;display:grid}.field{gap:7px;min-width:0;display:grid}.field.full{grid-column:1/-1}.field span{color:var(--heading);font-size:.86rem;font-weight:740}.input{border:1px solid var(--line);width:100%;min-height:48px;color:var(--heading);background:#0717189e;border-radius:12px;outline:0;padding:0 14px}.input:focus{border-color:var(--line-live);box-shadow:0 0 0 4px #7de7ff12}.advanced{border:1px solid var(--line);border-radius:18px}.advanced>summary{min-height:60px;color:var(--heading);cursor:pointer;padding:16px 18px;font-weight:780}.advanced__body{padding:0 18px 18px}.privacy-list{gap:10px;margin:14px 0 0;padding:0;list-style:none;display:grid}.privacy-list li{border-top:1px solid var(--line);padding-top:10px}.privacy-list strong{color:var(--heading);display:block}.live-region{min-height:1.5em;color:var(--live);margin-top:10px}.error{color:#ffc4c4;margin-top:12px;font-weight:720}@media (width<=900px){.hero,.workspace{grid-template-columns:1fr}.side-column{position:static}.metrics{grid-template-columns:repeat(2,1fr)}}@media (width<=620px){.app-shell{padding:8px 10px 36px}.app-header{border-radius:15px;padding:6px 7px;top:5px}.app-brand{gap:7px;font-size:.8rem}.app-brand__mark{width:36px;height:36px}.nav-button{min-height:44px;padding-inline:9px;font-size:.76rem}.panel{border-radius:18px;padding:16px}h1{max-width:none;font-size:clamp(2rem,10vw,3rem)}.mode-switch,.field-grid,.metrics{grid-template-columns:1fr}.field.full{grid-column:auto}.button-row{grid-template-columns:1fr;display:grid}.route-list li{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}