:root{color:#17211b;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f4ec;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#f5f4ec;min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}button:focus-visible{outline-offset:4px;outline:3px solid #f6c85f}h1,p{margin:0}.camera-preview{z-index:-1;opacity:0;pointer-events:none;width:1px;height:1px;position:fixed;bottom:20px;right:20px}.camera-preview-visible{z-index:4;opacity:1;object-fit:cover;background:#17211b;border:2px solid #17211b;border-radius:8px;width:180px;height:102px;box-shadow:0 16px 40px #17211b2e}.app-shell{min-height:100vh;padding:40px}.setup-shell{align-items:center;display:grid}.setup-panel{gap:26px;width:min(760px,100%);display:grid}.eyebrow{color:#496056;letter-spacing:0;text-transform:uppercase;font-size:.82rem;font-weight:800}.setup-panel h1,.calibration-topbar h1{color:#17211b;letter-spacing:0;max-width:12ch;font-size:3.4rem;line-height:.98}.lede{color:#35443b;max-width:58ch;font-size:1.1rem;line-height:1.6}.status-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.status-item{background:#f7f1df;border:1px solid #c9c8bd;border-radius:8px;align-items:flex-start;gap:12px;min-width:0;padding:16px;display:flex}.status-dot{background:#d65f46;border:2px solid #17211b;border-radius:999px;flex:none;width:12px;height:12px;margin-top:5px}.status-dot--ready{background:#43a66f}.status-label{color:#17211b;letter-spacing:0;text-transform:uppercase;font-size:.78rem;font-weight:800}.status-value{color:#35443b;margin-top:5px;font-size:.98rem;line-height:1.35}.error-message{color:#5e1f18;background:#ffe1d8;border:2px solid #a93f33;border-radius:8px;padding:14px 16px;line-height:1.45}.actions{flex-wrap:wrap;gap:12px;display:flex}.primary-button,.secondary-button,.test-recalibrate{cursor:pointer;letter-spacing:0;border:2px solid #17211b;border-radius:8px;min-height:48px;font-weight:800}.primary-button{color:#fffdf4;background:#17211b;padding:0 24px}.primary-button:disabled{cursor:not-allowed;color:#6c746d;background:#d7d8cd;border-color:#aeb3ac}.secondary-button,.test-recalibrate{color:#17211b;background:#fffdf4;padding:0 18px}.calibration-shell{color:#17211b;background-color:#f5f4ec;background-image:linear-gradient(#ded9c9 1px,#0000 1px),linear-gradient(90deg,#ded9c9 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:72px 72px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-height:100vh;position:relative;overflow:hidden}.calibration-topbar{z-index:2;justify-content:space-between;align-items:flex-start;gap:24px;width:min(520px,100% - 32px);display:flex;position:absolute;top:24px;left:50%;transform:translate(-50%)}.calibration-dot{z-index:1;background:#f6c85f;border:4px solid #17211b;border-radius:999px;width:56px;height:56px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 16px #f6c85f3d}.keyboard-calibration-target{z-index:1;background:#17211b;border-radius:999px;width:min(420px,100% - 56px);height:14px;position:absolute;bottom:136px;left:50%;transform:translate(-50%);box-shadow:0 18px #17211b38}.calibration-status{z-index:2;color:#17211b;background:#fffdf4;border:2px solid #17211b;border-radius:8px;align-items:center;gap:14px;padding:14px 18px;font-weight:800;display:flex;position:absolute;bottom:36px;left:50%;transform:translate(-50%)}.countdown{color:#fffdf4;background:#17211b;border-radius:999px;place-items:center;width:42px;height:42px;font-size:1.35rem;display:grid}.test-shell{place-items:center;min-height:100vh;padding:36px;transition:background-color .18s,color .18s;display:grid}.test-shell--green{color:#092817;background:#42c879}.test-shell--red{color:#fff7ed;background:#bd3328}.test-recalibrate{z-index:2;position:fixed;top:24px;right:24px}.test-readout{text-align:center;gap:18px;display:grid}.test-status{letter-spacing:0;font-size:4.5rem;font-weight:900;line-height:.95}.test-confidence{letter-spacing:0;font-size:1.25rem;font-weight:800}.test-guidance{letter-spacing:0;font-size:1.5rem;font-weight:850}.test-diagnostics{z-index:2;color:#17211b;background:#fffdf4e0;border:2px solid;border-radius:8px;width:min(300px,100% - 48px);padding:14px;position:fixed;bottom:24px;left:24px;box-shadow:0 14px 30px #00000024}.test-shell--red .test-diagnostics{color:#47120d;background:#fff7ede6}.test-diagnostics-quality{letter-spacing:0;text-transform:uppercase;font-size:.8rem;font-weight:900}.test-diagnostics dl{gap:8px;margin:12px 0 0;display:grid}.test-diagnostics-row{justify-content:space-between;align-items:baseline;gap:12px;font-size:.84rem;display:flex}.test-diagnostics-row dt{color:inherit;opacity:.78;font-weight:700}.test-diagnostics-row dd{font-variant-numeric:tabular-nums;margin:0;font-weight:900}.evaluation-panel{z-index:3;color:#17211b;width:min(360px,100% - 48px);position:fixed;top:24px;left:24px}.evaluation-toggle,.evaluation-label-grid button,.evaluation-actions button{color:#17211b;cursor:pointer;letter-spacing:0;background:#fffdf4;border:2px solid #17211b;border-radius:8px;min-height:44px;font-weight:800}.evaluation-toggle{padding:0 14px}.evaluation-body{background:#fffdf4e6;border:2px solid #17211b;border-radius:8px;gap:12px;max-height:min(520px,100vh - 120px);margin-top:10px;padding:14px;display:grid;overflow-y:auto;box-shadow:0 14px 30px #00000024}.evaluation-summary,.evaluation-counts{flex-wrap:wrap;gap:8px;font-size:.78rem;font-weight:900;display:flex}.evaluation-warning{color:#7b2f24;margin:0;font-size:.82rem;font-weight:800}.evaluation-missing{color:#273226;margin:0;font-size:.78rem;font-weight:850;line-height:1.35}.evaluation-label-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.evaluation-label-grid button,.evaluation-actions button{min-width:0;padding:0 10px;line-height:1.15}.evaluation-label-grid button:disabled,.evaluation-actions button:disabled{color:#71786f;cursor:not-allowed;background:#d7d8cd;border-color:#aeb3ac}.evaluation-actions{gap:8px;display:flex}.evaluation-actions button{flex:1}@media (width<=760px){.app-shell{padding:22px}.setup-panel{gap:22px}.setup-panel h1,.calibration-topbar h1{font-size:2.35rem}.status-grid{grid-template-columns:1fr}.camera-preview-visible{width:132px;height:74px;bottom:12px;right:12px}.calibration-topbar{top:18px}.calibration-dot{width:46px;height:46px}.calibration-status{justify-content:center;width:calc(100% - 32px)}.test-status{font-size:3rem}.test-recalibrate{top:16px;right:16px}.test-diagnostics{width:auto;bottom:16px;left:16px;right:16px}.evaluation-panel{width:auto;inset:auto 16px 16px}.evaluation-body{max-height:min(440px,100vh - 132px)}}@media (width<=430px){.setup-panel h1,.calibration-topbar h1{font-size:2rem}.primary-button,.secondary-button,.test-recalibrate{width:100%}.calibration-topbar{flex-direction:column;gap:12px}.test-recalibrate{left:16px}.test-status{font-size:2.35rem}}