:root{--ink:#0b1730;--muted:#607391;--line:#dce5f1;--blue:#2674ed;--apricot:#fff2e7;--orange:#ef7f2d;--wash:#f5f9fe;--mono:'DM Mono',monospace;--sans:'Manrope',sans-serif}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font-family:var(--sans)}button,input{font:inherit}.topbar{height:74px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,4vw,56px)}.brand{font-size:29px;font-weight:800;letter-spacing:-1.5px;color:var(--ink);text-decoration:none}.model-status{display:flex;gap:12px;align-items:center;color:var(--ink);font-size:15px}.status-dot{width:12px;height:12px;background:#25b985;border-radius:50%;box-shadow:0 0 0 7px #e8f8f2}.chevron{font-size:24px;color:#637a9e;margin-left:8px}.page-shell{max-width:1430px;margin:0 auto;padding:28px clamp(24px,3.6vw,56px) 56px}.intro{margin:0 0 25px}.intro h1{font-size:42px;line-height:1.1;letter-spacing:-2px;margin:0 0 7px}.intro p{margin:0;color:#5a7195;font-size:27px;letter-spacing:-.8px}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:22px}.panel{border:1px solid var(--line);border-radius:11px;padding:25px 27px;background:#fff}.output-panel{background:var(--apricot);border-color:#ffd8bc}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.panel h2{margin:0;font-size:25px;letter-spacing:-1px}.mono{font:12px var(--mono);color:var(--muted)}.field-list{display:grid;gap:15px;margin:8px 0 25px}.field-list label{display:grid;grid-template-columns:103px 1fr;gap:17px;align-items:center;font-size:17px}.field-list input{height:51px;border:1px solid #bdcde0;border-radius:9px;padding:0 15px;color:var(--ink);font:16px var(--mono);outline:none}.field-list input:focus{border:2px solid #65a0ff;box-shadow:0 0 0 3px #dceafe}.primary-button{width:100%;height:61px;border:0;border-radius:10px;background:var(--blue);color:#fff;font-size:17px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:20px;cursor:pointer;transition:transform .15s,background .15s}.primary-button:hover{background:#165fd1;transform:translateY(-1px)}.primary-button:disabled{opacity:.65;cursor:wait}.arrow{font-size:26px;font-weight:400}.form-message{height:17px;margin:11px 0 0;color:var(--muted);font-size:12px}.live-label{color:#a96132;font:12px var(--mono)}.result-box{height:127px;border:1px solid #ffe0cb;border-radius:10px;background:#fffaf6;display:flex;flex-direction:column;align-items:center;justify-content:center}.result-box strong{font-size:63px;line-height:1;color:#d46313}.result-box span{text-transform:uppercase;letter-spacing:2px;font-size:11px;color:#6c6870;margin-top:6px}.confidence-row{display:flex;align-items:end;gap:15px;margin-top:17px}.confidence-row>div{flex:1}.confidence-row h3,.trend-box h3{margin:0 0 9px;font-size:18px}.confidence-row>strong{font:16px var(--mono);margin-bottom:4px}.bar{height:16px;background:#ece9e8;border-radius:20px;overflow:hidden}.bar span{display:block;width:0;height:100%;background:var(--orange);border-radius:20px;transition:width .3s}.trend-box{background:#fffaf6;border:1px solid #ffe0cb;border-radius:10px;margin-top:22px;padding:16px 19px 14px}.trend-box h3 span{font-weight:500;color:var(--muted)}.trend{height:74px;border-left:1px solid #cdd6df;position:relative;margin:3px 4px 0 28px}.trend i{position:absolute;left:calc((100% - 12px)/2 * var(--index));top:var(--position,50%);width:10px;height:10px;background:transparent;border-radius:50%;transform:translate(-50%,-50%)}.trend i.has-value{background:var(--orange)}.trend:after{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background:#ef7f2d;opacity:.2}.trend-axis{display:flex;justify-content:space-around;color:var(--muted);font:12px var(--mono)}.lower-grid{display:grid;grid-template-columns:1.55fr .9fr;gap:20px;margin-top:22px}.runs-panel{padding:21px 13px 13px}.runs-panel .panel-heading{padding:0 10px;margin-bottom:14px}.table-wrap{overflow:auto}.runs-panel table{width:100%;border-collapse:separate;border-spacing:0;white-space:nowrap;font-size:14px}.runs-panel th{text-align:left;color:#587092;font-weight:600;background:var(--wash);padding:12px 10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.runs-panel td{padding:13px 10px;border-bottom:1px solid var(--line)}.runs-panel th:first-child,.runs-panel td:first-child{padding-left:10px}.empty{text-align:center!important;color:var(--muted);font-size:13px}.output-cell{color:#d46313;font-weight:800}.health-panel{background:var(--wash)}.ghost-button{border:1px solid #c8d6e8;background:transparent;border-radius:8px;padding:10px 16px;color:var(--ink);cursor:pointer}.health-intro{display:flex;gap:18px;align-items:center;margin:10px 0 28px}.health-orb{width:31px;height:31px;background:#70d4ac;border-radius:50%;box-shadow:0 0 0 8px #ddf5e9}.health-intro strong{font-size:24px;letter-spacing:-1px}.health-intro p{margin:5px 0 0;color:var(--muted);font-size:14px}.health-intro .mono{margin-top:7px}dl{border-top:1px solid #d6e1ed;margin:0;padding-top:10px}dl div{display:flex;justify-content:space-between;padding:7px 0;font-size:14px}dt{color:var(--ink)}dd{color:#5d7190;margin:0}@media(max-width:900px){.workspace,.lower-grid{grid-template-columns:1fr}.intro h1{font-size:36px}.intro p{font-size:23px}}@media(max-width:560px){.topbar{height:64px;padding:0 20px}.brand{font-size:25px}.model-status{font-size:13px}.page-shell{padding:24px 16px 38px}.panel{padding:21px 18px}.field-list label{grid-template-columns:1fr;gap:6px}.field-list{gap:13px}.panel h2{font-size:22px}.health-panel .panel-heading{align-items:flex-start;gap:8px}.ghost-button{padding:8px 10px;font-size:12px}}