.camera-button{background:var(--yellow)}
.camera-coach{display:grid;grid-template-columns:minmax(300px,1.25fr) minmax(240px,.75fr);gap:18px;margin:20px 0;padding:18px;border:2px solid var(--ink);border-radius:18px;background:#211f36;color:white}
.camera-stage{position:relative;overflow:hidden;aspect-ratio:4/3;border:2px solid white;border-radius:14px;background:#090816}
.camera-stage video,.camera-stage canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}
.camera-stage canvas{z-index:2}.camera-loading{position:absolute;inset:0;z-index:3;display:grid;place-items:center;padding:20px;text-align:center;font-weight:900;background:rgba(9,8,22,.72)}
.camera-loading.hidden{display:none}.camera-feedback{padding:12px 8px;display:flex;flex-direction:column;justify-content:center}.camera-feedback .eyebrow{color:var(--mint)}.match-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.match-row strong{font-size:28px}.match-row span{font-size:36px;font-weight:950;color:var(--yellow)}.match-meter{height:18px;border:2px solid white;border-radius:99px;overflow:hidden;background:#090816}.match-meter i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--pink),var(--yellow),var(--mint));transition:width .2s ease}.camera-feedback>p:not(.eyebrow){line-height:1.4}.privacy-note{font-size:11px;color:#c9c4dd;border-top:1px solid #57516c;padding-top:12px}.camera-error{color:#ffd1df}.camera-button.active{background:var(--pink);color:white}
.camera-results{display:grid;grid-template-columns:180px 1fr;gap:24px;align-items:center;margin:20px 0;padding:24px;border:2px solid var(--ink);border-radius:18px;background:var(--yellow);box-shadow:8px 8px 0 var(--ink)}.camera-results.hidden{display:none}.results-bob{width:160px;height:160px;animation:result-bounce .7s ease-in-out infinite alternate}.results-copy h2{font-size:clamp(30px,4vw,48px);margin:4px 0}.results-score{display:flex;align-items:baseline;gap:10px;margin:12px 0}.results-score strong{font-size:42px}.results-score span{font-weight:800}.results-copy ul{padding-left:20px;line-height:1.5}.camera-results .privacy-note{color:#393348;border-color:rgba(20,18,35,.25)}.results-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.results-actions button{border:2px solid var(--ink);border-radius:10px;padding:11px 16px;background:white;font-weight:900}.results-actions .finish-camera{background:var(--ink);color:white}@keyframes result-bounce{to{transform:translateY(-9px) rotate(2deg)}}
@media(max-width:760px){.camera-coach{grid-template-columns:1fr;padding:10px}.match-row strong{font-size:22px}.match-row span{font-size:30px}.camera-results{grid-template-columns:1fr;padding:16px}.results-bob{width:120px;height:120px;margin:auto}.results-actions button{flex:1 1 140px}}