:root{color-scheme:dark;--bg:#04131c;--panel:#082433;--line:#1b4b5e;--ink:#f4fbfd;--muted:#95b4bf;--aqua:#54ead5;--lime:#c6f46e;--amber:#ffd06b;--red:#ff6c78}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#07556a,transparent 30%),var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif}main{max-width:1500px;margin:auto;padding:18px}nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}a,button{color:var(--ink);font:inherit;font-weight:850;text-decoration:none;border:1px solid var(--line);border-radius:11px;background:#103447;padding:10px 14px;cursor:pointer}.brand{margin-right:auto;display:flex;align-items:center;gap:8px}.brand img{width:30px}.brand i{font-style:normal;color:var(--aqua)}header{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:end;padding:40px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,#073048,#07565f)}small,header small{font-weight:900;letter-spacing:.13em;color:var(--aqua)}h1{font-size:clamp(2.8rem,6vw,5.6rem);line-height:.88;margin:.2em 0}header p,.note,.panel p,footer{color:var(--muted)}.privacy{min-width:220px;padding:18px;border-radius:17px;background:#ffffff12}.privacy b,.privacy span{display:block}.privacy span{margin-top:5px;color:var(--aqua)}.panel,.score-grid article{margin-top:12px;padding:20px;border:1px solid var(--line);border-radius:19px;background:var(--panel)}.section-head{display:flex;justify-content:space-between;align-items:start;gap:16px}.section-head h2,.panel h2{margin:.25em 0}.section-head>span{color:var(--muted)}.settings{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:18px 0}.settings label{color:var(--muted);font-weight:800}.settings select{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#041923;color:var(--ink);font:inherit}.uploads{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.upload{min-height:120px;padding:18px;border:1px dashed #3d7589;border-radius:15px;background:#061c28;cursor:pointer}.upload span,.upload b{display:block}.upload span{color:var(--muted)}.upload b{margin-top:20px;color:var(--aqua)}.upload input{display:none}.actions,.frame-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.primary{background:var(--aqua);color:#03292f;border-color:transparent}button:disabled{opacity:.4;cursor:not-allowed}.processing{display:flex;align-items:center;gap:15px}.processing i{width:35px;height:35px;border:4px solid #ffffff22;border-top-color:var(--aqua);border-radius:50%;animation:spin .8s linear infinite}.processing b,.processing span{display:block}.processing span{color:var(--muted)}@keyframes spin{to{transform:rotate(360deg)}}.score-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.score-grid article{margin-top:12px}.score-grid span,.score-grid strong,.score-grid small{display:block}.score-grid span{color:var(--muted)}.score-grid strong{font-size:2rem;margin:7px 0}.timeline{display:flex;min-height:85px;border-radius:14px;overflow:hidden;margin:18px 0;background:#041923}.phase-button{min-width:70px;border:0;border-right:1px solid #ffffff25;border-radius:0;padding:11px 8px;background:linear-gradient(180deg,#0f6572,#0b4054);text-align:left}.phase-button:nth-child(even){background:linear-gradient(180deg,#145768,#0a3549)}.phase-button.active{outline:3px solid var(--lime);outline-offset:-3px}.phase-button b,.phase-button span{display:block}.phase-button span{font-size:.76rem;color:#c2dae2;margin-top:5px}.phase-table{display:grid;gap:6px}.phase-row{display:grid;grid-template-columns:1.1fr .7fr .7fr .7fr 2fr;gap:8px;align-items:center;padding:10px 12px;border-radius:10px;background:#061b27}.phase-row.head{color:var(--muted);font-size:.8rem}.phase-row .loss{color:var(--amber)}.evidence-grid{display:grid;grid-template-columns:2fr 1fr;gap:12px}.frame-panel canvas{display:block;width:100%;aspect-ratio:16/9;border-radius:14px;background:#020a0e;object-fit:contain}.camera-map{display:grid;gap:8px}.camera-map article{padding:12px;border-radius:11px;background:#061b27}.camera-map span,.camera-map b{display:block}.camera-map span{color:var(--muted);font-size:.85rem}.decision-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.decision-grid article{padding:16px;border-radius:13px;background:#061b27}.decision-grid span,.decision-grid strong{display:block}.decision-grid span{color:var(--muted)}.decision-grid strong{font-size:1.25rem;margin:7px 0}.warnings{margin-top:12px}.warning{padding:12px;border-left:5px solid var(--amber);background:#3a2b15;color:#ffe9b9}.warning.pass{border-color:var(--lime);background:#17301f;color:#dfffb0}.approval{display:block;margin-top:15px;padding:14px;border:1px solid var(--line);border-radius:11px}.approval input{margin-right:8px}footer{display:flex;justify-content:space-between;padding:24px 4px}@media(max-width:900px){.settings,.score-grid{grid-template-columns:1fr 1fr}.uploads,.decision-grid{grid-template-columns:1fr}.evidence-grid{grid-template-columns:1fr}.phase-row{grid-template-columns:1fr 1fr 1fr}.phase-row>*:last-child{grid-column:1/-1}}@media(max-width:600px){main{padding:8px}header{grid-template-columns:1fr;padding:24px}.settings,.score-grid{grid-template-columns:1fr}.section-head,footer{display:block}.timeline{overflow:auto}.phase-button{flex:0 0 110px}}