:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#dbe8f2;background:#050c13;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #050c13;--panel: #0a151f;--panel-2: #0d1b27;--line: rgba(145, 178, 199, .15);--muted: #7890a1;--accent: #48d6cc;--accent-2: #5ca8e8;--gold: #f2bc58}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;background:radial-gradient(circle at 65% -20%,#153248 0,var(--bg) 36%)}button,input{font:inherit}button{color:inherit}.loading-screen,.auth-shell{min-height:100vh;display:grid;place-content:center;padding:24px;background:linear-gradient(#061019cc,#061019f2),radial-gradient(circle at 50% 25%,#16485c,transparent 34%)}.loading-screen{text-align:center;color:var(--muted);gap:18px}.auth-card{width:min(430px,calc(100vw - 32px));padding:42px;border:1px solid var(--line);border-radius:16px;background:#0a1620f0;box-shadow:0 30px 90px #00000075}.brand-mark{width:54px;height:42px;position:relative;margin-bottom:26px}.brand-mark span{position:absolute;border:2px solid var(--accent);border-radius:50%;width:30px;height:30px;top:5px}.brand-mark span:nth-child(1){left:0}.brand-mark span:nth-child(2){left:12px;border-color:var(--accent-2)}.brand-mark span:nth-child(3){left:24px;border-color:var(--gold)}.brand-mark.small{transform:scale(.72);transform-origin:left center;margin:0 -8px 0 0}.eyebrow{color:var(--accent);font-size:10px;letter-spacing:.17em;font-weight:750;margin:0 0 6px}.auth-card h1{font-size:31px;font-weight:620;letter-spacing:-.03em;margin:0 0 10px}.auth-intro{color:#8fa4b4;line-height:1.55;margin:0 0 30px}.auth-card form{display:grid;gap:18px}.auth-card label{display:grid;gap:8px;color:#aebdca;font-size:13px;font-weight:600}.auth-card input{width:100%;border:1px solid #253b4b;background:#07111a;color:#fff;padding:12px 13px;border-radius:7px;outline:none}.auth-card input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #48d6cc1c}.primary-button{border:0;border-radius:7px;padding:13px 18px;background:var(--accent);color:#04201e;font-weight:750;cursor:pointer}.primary-button:hover{background:#67e6dc}.primary-button:disabled{opacity:.55;cursor:wait}.form-error{margin:-3px 0;padding:10px 12px;border-radius:6px;background:#dc44501f;color:#ff9ca4;font-size:13px}.password-rule{color:var(--muted);font-size:12px;line-height:1.45;margin:-4px 0 0}.quick-access{position:fixed;z-index:100;left:0;top:0;width:28px;height:28px;padding:0;border:0;background:transparent;cursor:default;opacity:0}.app-shell{min-height:100vh}.topbar{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--line);background:#050d14e6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.header-brand,.header-status{display:flex;align-items:center}.header-brand p{margin:0 0 2px;color:var(--muted);font-size:8px;letter-spacing:.17em;font-weight:800}.header-brand h1{font-size:16px;line-height:1;margin:0;font-weight:640}.header-status{gap:12px}.compute-state,.user-chip{font-size:11px;padding:7px 10px;border:1px solid var(--line);border-radius:100px;color:#9bb0bf}.compute-state i{display:inline-block;width:6px;height:6px;margin-right:6px;background:#56d889;border-radius:50%;box-shadow:0 0 8px #56d889}.compute-state.active i{background:var(--gold);animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.3}}.text-button{background:transparent;border:0;color:#91a6b5;font-size:12px;cursor:pointer;padding:7px}.text-button:hover{color:#fff}.workspace{display:grid;grid-template-columns:340px minmax(520px,1fr) 310px;min-height:calc(100vh - 70px)}.control-panel{background:#08131cd1;padding:22px 20px;border-right:1px solid var(--line)}.sensor-panel{border-right:0;border-left:1px solid var(--line)}.panel-heading,.card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.panel-heading h2,.card-heading h2{margin:0;font-size:16px;font-weight:620;letter-spacing:-.015em}.panel-heading.compact{margin-top:0}.unit-badge{color:var(--muted);font-size:10px;border:1px solid var(--line);border-radius:4px;padding:5px 7px}.preset-row{display:flex;flex-wrap:wrap;gap:5px;margin:18px 0}.preset-row button{text-transform:capitalize;border:1px solid var(--line);background:#0c1a25;border-radius:4px;color:#8fa5b5;padding:5px 8px;font-size:10px;cursor:pointer}.preset-row button:hover{color:#fff;border-color:#345164}.coefficient-list{display:grid;gap:6px}.coefficient-control{display:grid;grid-template-columns:28px 72px minmax(70px,1fr) 55px;align-items:center;gap:7px;min-height:26px}.z-index{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--accent);font-size:11px}.z-name{color:#9cafbd;font-size:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}input[type=range]{appearance:none;height:3px;border-radius:4px;background:#27404f;accent-color:var(--accent)}input[type=range]::-webkit-slider-thumb{appearance:none;width:11px;height:11px;border-radius:50%;background:#cfdee7;border:2px solid #14303d;cursor:ew-resize}.coefficient-number{width:55px;background:#061019;color:#bdd0dc;border:1px solid var(--line);border-radius:4px;padding:4px 3px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;text-align:right}.visualization-column{min-width:0;padding:20px;display:grid;grid-template-rows:minmax(360px,1fr) minmax(360px,1fr) auto;gap:18px}.visual-card{min-height:0;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#09141dcc;display:flex;flex-direction:column}.card-heading{padding:16px 18px 13px;border-bottom:1px solid var(--line)}.metrics{display:flex;gap:18px;color:var(--muted);font-size:10px}.metrics b{color:#ccdae3;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:550}.wavefront-layout{min-height:0;flex:1;display:flex;align-items:center;justify-content:center;padding:18px;position:relative}.science-canvas{display:block;image-rendering:auto;background:#050d15}.wavefront-canvas{height:min(100%,430px);max-height:100%;aspect-ratio:1;border-radius:50%;box-shadow:0 0 0 1px #78afcb2e,0 22px 52px #00000059}.color-legend{position:absolute;right:17px;top:18px;bottom:18px;display:grid;grid-template-rows:auto 1fr auto 1fr auto;color:var(--muted);font-size:8px;text-align:right}.color-legend i:first-of-type{background:linear-gradient(#f74d32,#e2eee0);width:5px;justify-self:end}.color-legend i:last-of-type{background:linear-gradient(#e2eee0,#0b4570);width:5px;justify-self:end}.sensor-canvas-wrap{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:14px;position:relative;overflow:hidden}.sensor-canvas{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 14px 50px #00000059}.overlay-toggle{position:absolute;right:14px;bottom:12px;background:#030a10cc;border:1px solid var(--line);padding:6px 9px;border-radius:5px;color:#9db0be;font-size:9px}.overlay-toggle input{margin:0 5px 0 0;vertical-align:middle;accent-color:var(--gold)}.sensor-panel{display:flex;flex-direction:column;gap:19px}.parameter-control{display:grid;gap:9px}.parameter-control>span{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#91a6b5}.parameter-control output{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#d3e0e8}.parameter-control input{width:100%}.derived-box{padding:12px;background:#07121b;border:1px solid var(--line);border-radius:6px;display:grid;grid-template-columns:1fr auto;gap:4px 10px}.derived-box span{color:var(--muted);font-size:10px}.derived-box b{font-size:11px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:550}.derived-box small{grid-column:1 / -1;color:#607989;font-size:9px}.section-divider{border-top:1px solid var(--line);margin:1px 0}.model-note{margin-top:auto;border-left:2px solid var(--accent);padding:4px 0 4px 12px;color:var(--muted);font-size:10px;line-height:1.5}.model-note strong{color:#c4d3dc;font-size:10px}.model-note p{margin:4px 0 0}.reconstruction-card{overflow:visible;border-color:#48d6cc4d;box-shadow:0 18px 50px #0003}.reconstruction-heading{padding:22px;display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid var(--line);background:linear-gradient(100deg,rgba(33,105,111,.16),transparent 52%)}.reconstruction-heading h2{margin:0;font-size:23px;letter-spacing:-.025em}.reconstruction-heading>div:first-child>p:last-child{color:var(--muted);font-size:11px;margin:7px 0 0}.accuracy-badge{min-width:210px;text-align:right;border:1px solid currentColor;border-radius:8px;padding:10px 13px;background:#050e15b3}.accuracy-badge span{display:block;font-size:9px;letter-spacing:.12em;font-weight:800;opacity:.78}.accuracy-badge strong{display:block;font-size:28px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1.15}.accuracy-badge small{font-size:12px}.excellent{color:#64e49a}.caution{color:#f2bc58}.poor{color:#ff747f}.reconstruction-metrics{display:grid;grid-template-columns:repeat(6,1fr);border-bottom:1px solid var(--line)}.reconstruction-metrics>div{min-width:0;padding:15px 14px;display:grid;gap:2px;border-right:1px solid var(--line);color:#dce9ef}.reconstruction-metrics>div:last-child{border-right:0}.reconstruction-metrics span{color:var(--muted);font-size:9px;white-space:nowrap}.reconstruction-metrics strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:20px;line-height:1.25}.reconstruction-metrics small{font-size:9px;color:#688292}.wavefront-comparison{display:grid;grid-template-columns:1fr 25px 1fr 25px 1fr;align-items:center;gap:8px;padding:22px;border-bottom:1px solid var(--line)}.comparison-map{min-width:0;padding:12px;border-radius:8px;border:1px solid var(--line);background:#061019;text-align:center}.comparison-map>div{display:flex;justify-content:space-between;gap:8px;margin-bottom:10px;color:var(--accent);font-size:9px;letter-spacing:.1em}.comparison-map>div b{color:var(--muted);letter-spacing:0;font-weight:500}.comparison-map .wavefront-canvas{width:min(100%,225px);height:auto;margin:auto}.comparison-map p{margin:9px 0 0;color:#b8c9d3;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.comparison-map.residual{border-color:currentColor}.comparison-arrow{text-align:center;color:#466171;font-size:20px}.coefficient-comparison{padding:22px}.coefficient-table-heading{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:16px}.coefficient-table-heading h3{margin:0;font-size:17px}.coefficient-table-heading>span{color:var(--muted);font-size:9px}.coefficient-columns,.reconstruction-coefficient-row{display:grid;grid-template-columns:140px minmax(130px,1fr) 82px 92px 100px;align-items:center;gap:12px}.coefficient-columns{padding:0 12px 7px;color:#607989;text-transform:uppercase;font-size:8px;letter-spacing:.11em;text-align:right}.coefficient-columns span:first-child,.coefficient-columns span:nth-child(2){text-align:left}.reconstruction-coefficients{border:1px solid var(--line);border-radius:8px;overflow:hidden}.reconstruction-coefficient-row{min-height:43px;padding:6px 12px;background:#07121ba8;border-bottom:1px solid rgba(145,178,199,.1);box-shadow:inset 3px 0 currentColor}.reconstruction-coefficient-row:last-child{border-bottom:0}.reconstruction-coefficient-row:hover{background:#112431c7}.coefficient-mode{display:flex;align-items:baseline;gap:8px;min-width:0}.coefficient-mode b{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#d9e7ef;font-size:13px}.coefficient-mode span{color:#879eae;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coefficient-bars{position:relative;height:13px;background:#0d2431;border-radius:3px;overflow:hidden}.coefficient-bars i{position:absolute;left:0;min-width:1px;border-radius:2px}.input-magnitude{top:2px;height:4px;background:#5ca8e8;opacity:.75}.recovered-magnitude{bottom:2px;height:4px;background:currentColor}.reconstruction-coefficient-row output{text-align:right;color:#dbe7ee;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;font-weight:650}.reconstruction-coefficient-row .coefficient-error{color:currentColor;font-size:14px}.reconstruction-coefficient-row.unobservable{color:#718693}.reconstruction-coefficient-row.unobservable .coefficient-error{font-size:8px;letter-spacing:.08em}.piston-note{margin:12px 0 0;color:#718898;font-size:10px;line-height:1.5}.piston-note b{color:#9cb0bd}@media(max-width:1180px){.workspace{grid-template-columns:310px minmax(460px,1fr)}.sensor-panel{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,1fr);border-left:0;border-top:1px solid var(--line)}.sensor-panel .panel-heading,.sensor-panel .section-divider,.sensor-panel .model-note{grid-column:1 / -1}.reconstruction-metrics{grid-template-columns:repeat(3,1fr)}.reconstruction-metrics>div:nth-child(3){border-right:0}.reconstruction-metrics>div:nth-child(-n+3){border-bottom:1px solid var(--line)}}@media(max-width:800px){.topbar{padding:0 14px}.user-chip,.compute-state{display:none}.workspace{display:block}.control-panel,.sensor-panel{border:0;border-bottom:1px solid var(--line)}.visualization-column{grid-template-rows:420px 420px auto;padding:12px}.sensor-panel{display:grid;grid-template-columns:1fr 1fr}.metrics{display:none}.reconstruction-heading{align-items:stretch;flex-direction:column}.accuracy-badge{text-align:left}.wavefront-comparison{grid-template-columns:1fr}.comparison-arrow{transform:rotate(90deg)}.coefficient-columns{display:none}.reconstruction-coefficient-row{grid-template-columns:110px minmax(80px,1fr) 60px 70px 72px;gap:6px}}@media(max-width:500px){.auth-card{padding:30px 24px}.coefficient-control{grid-template-columns:27px 66px minmax(65px,1fr) 50px}.sensor-panel{grid-template-columns:1fr}.sensor-panel .panel-heading,.sensor-panel .section-divider,.sensor-panel .model-note{grid-column:1}.reconstruction-metrics{grid-template-columns:1fr 1fr}.reconstruction-metrics>div{border-bottom:1px solid var(--line)}.reconstruction-coefficient-row{grid-template-columns:92px 1fr 60px}.reconstruction-coefficient-row output:nth-of-type(1),.coefficient-bars{display:none}}