@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,system-ui,sans-serif;color:#111;background:#f3f3f1;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button{font:inherit}.app-shell{max-width:1440px;margin:auto;padding:0 5vw;min-height:100vh;display:flex;flex-direction:column}.topbar{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d5d5d2}.brand{color:#111;text-decoration:none;display:flex;gap:12px;align-items:center;font:500 11px DM Mono,monospace;letter-spacing:.12em}.brand-mark{width:22px;height:22px;display:grid;place-items:center;border:1px solid #111;border-radius:50%}.brand-mark span{width:8px;height:8px;border-radius:50%;background:#111}.privacy,.camera-meta,.status,.panel-label,.footer,.eyebrow{font:500 10px DM Mono,monospace;letter-spacing:.1em}.privacy{color:#747472;display:flex;gap:7px;align-items:center}.intro{padding:74px 0 58px;max-width:620px}.eyebrow{margin:0 0 24px;color:#7f7f7b}h1{margin:0;font-size:clamp(3rem,7vw,6.7rem);line-height:.93;letter-spacing:-.075em;font-weight:700}h1 em{font-style:normal;color:#858582}.lede{color:#666662;font-size:15px;line-height:1.7;max-width:390px;margin:29px 0 0}.workspace{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(280px,.75fr);gap:20px}.camera-card,.side-panel{border:1px solid #d1d1cd;background:#e9e9e6}.camera-header,.camera-footer{min-height:54px;display:flex;justify-content:space-between;align-items:center;padding:0 20px}.camera-header{border-bottom:1px solid #d1d1cd;background:#dededb}.status{display:flex;align-items:center;gap:8px}.status-dot{width:7px;height:7px;border-radius:50%;background:#9b9b97}.status-dot.is-live{background:#111;box-shadow:0 0 0 4px #c4c4c0}.camera-meta{color:#777773}.viewport{position:relative;min-height:480px;aspect-ratio:16 / 10;background:#b7b7b3;overflow:hidden;display:grid;place-items:center}video{position:absolute;width:100%;height:100%;object-fit:cover;transform:scaleX(-1);opacity:0}video.visible{opacity:1}canvas{position:absolute;width:100%;height:100%;pointer-events:none}.viewport-empty{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;color:#3e3e3c;text-align:center;z-index:1}.viewport-empty strong{font-size:13px}.viewport-empty span{color:#686864;font-size:12px;max-width:300px;line-height:1.5}.spinner{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.progress{width:170px;height:3px;margin-top:4px;background:#979793}.progress span{display:block;height:100%;background:#111;transition:width .3s ease}.corner{width:30px;height:30px;position:absolute;border-color:#777;border-style:solid;opacity:.55}.corner-tl{left:20px;top:20px;border-width:1px 0 0 1px}.corner-tr{right:20px;top:20px;border-width:1px 1px 0 0}.corner-bl{left:20px;bottom:20px;border-width:0 0 1px 1px}.corner-br{right:20px;bottom:20px;border-width:0 1px 1px 0}.camera-footer{background:#dededb;border-top:1px solid #d1d1cd;gap:15px}.live-message{color:#666662;font-size:12px}.button{border:0;min-height:38px;padding:0 15px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:11px;font-weight:700;white-space:nowrap}.button:disabled{opacity:.6;cursor:wait}.button-primary{color:#f5f5f3;background:#111}.button-stop{color:#111;background:transparent;border:1px solid #a4a4a0}.side-panel{background:transparent}.panel-block{padding:22px;border-bottom:1px solid #d1d1cd}.panel-block:last-child{border-bottom:0}.panel-label{display:flex;align-items:center;justify-content:space-between;color:#858581}.face-count{display:flex;align-items:baseline;gap:12px;padding:30px 0 10px}.face-count strong{font-size:62px;line-height:1;font-weight:500;letter-spacing:-.08em}.face-count span{color:#777773;font-size:12px}.readings{min-height:290px}.panel-line{height:1px;background:#d1d1cd;width:46%}.reading{padding:23px 0;border-bottom:1px solid #d1d1cd}.reading>div:first-child{color:#8a8a86;font:10px DM Mono,monospace;display:flex;gap:10px}.reading-index{color:#111}.reading>strong{display:block;font-size:25px;letter-spacing:-.05em;margin-top:12px}.reading strong small{display:block;color:#81817d;font:10px DM Mono,monospace;letter-spacing:.04em;margin-top:5px}.age-row{margin-top:19px;display:flex;align-items:baseline;justify-content:space-between;color:#81817d;font:10px DM Mono,monospace}.age-row b{color:#111;font:500 26px DM Mono,monospace}.age-row b small{font-size:10px}.empty-reading{color:#858581;line-height:1.65;font-size:12px;padding:39px 0 22px}.how-it-works p{color:#777773;line-height:1.7;font-size:12px;max-width:260px;margin:18px 0 2px}.footer{color:#777773;display:flex;justify-content:space-between;padding:32px 0 42px;margin-top:auto}.muted{color:#aaa}@media(max-width:850px){.workspace{grid-template-columns:1fr}.side-panel{display:grid;grid-template-columns:1fr 1fr}.side-panel .how-it-works{grid-column:1 / -1}.viewport{min-height:360px}}@media(max-width:560px){.app-shell{padding:0 18px}.topbar{height:72px}.privacy{display:none}.intro{padding:54px 0 42px}.lede{font-size:14px}.camera-header,.camera-footer{padding:0 14px}.camera-footer{align-items:flex-start;flex-direction:column;padding-top:15px;padding-bottom:15px}.button{width:100%;justify-content:center}.viewport{min-height:300px}.side-panel{display:block}.footer{flex-direction:column;gap:13px;padding-bottom:28px}}