:root{color:#f8fafc;background:#101315;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:#101315}button{font:inherit}select{width:100%;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#12191d;color:#f8fafc;font:inherit;font-weight:800;padding:11px 12px}.app{min-height:100svh;display:grid;grid-template-rows:minmax(420px,62svh) auto}.camera-panel{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 42%,rgba(94,234,212,.18),transparent 30%),radial-gradient(circle at 30% 68%,rgba(251,113,133,.1),transparent 24%),linear-gradient(180deg,#111827,#10181c 52%,#101315)}video,canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}video{opacity:0;transform:scaleX(-1)}canvas{pointer-events:none;background:transparent}.camera-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.62),transparent 34%),linear-gradient(0deg,rgba(0,0,0,.52),transparent 38%);pointer-events:none}.top-bar{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:max(20px,env(safe-area-inset-top)) 18px 0}.eyebrow{margin:0 0 4px;color:#a7f3d0;font-size:12px;font-weight:700;text-transform:uppercase}h1{margin:0;font-size:25px;line-height:1.05}.status{flex:0 0 auto;min-width:86px;border:1px solid rgba(255,255,255,.22);background:#101315a3;padding:8px 10px;border-radius:8px;color:#dbeafe;font-size:12px;font-weight:700;text-align:center}.start-button{position:absolute;z-index:3;left:18px;right:18px;bottom:max(18px,env(safe-area-inset-bottom));border:0;border-radius:8px;background:#f8fafc;color:#111827;padding:16px 18px;font-size:17px;font-weight:800;box-shadow:0 12px 36px #00000052}.start-button:disabled{opacity:0;pointer-events:none}.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px;background:#101315}.metric{min-height:96px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#1d2428;padding:12px;display:grid;align-content:space-between;gap:8px}.score-card{min-height:76px;background:#17202a}.settings-card{grid-column:1 / -1;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#1d2428;padding:12px}.settings-card summary{cursor:pointer;color:#f8fafc;font-size:14px;font-weight:800}.settings-card label{margin-top:12px;display:grid;gap:8px}.metric.primary{background:#1f2933}.metric span,.settings-card span{color:#b6c4cf;font-size:12px;font-weight:700;text-transform:uppercase}.metric strong{color:#fff;font-size:21px;line-height:1.1}meter{width:100%;height:9px}@media(min-width:760px){.app{grid-template-columns:minmax(420px,1fr) 360px;grid-template-rows:100svh}.metrics{grid-template-columns:1fr;align-content:start;padding:18px;overflow:auto}}