:root{font-family:system-ui,-apple-system,sans-serif;color:#f1f5f9;background:#101820}*{box-sizing:border-box}body{margin:0}main{max-width:850px;margin:auto;padding:18px 14px 45px}header,.stats,.controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}header{justify-content:space-between}h1{font-size:1.45rem;margin:4px 0 16px}h2{font-size:1.05rem;margin:0 0 12px}small,.muted,footer{color:#a5b5c5}#status{font-size:.8rem;background:#263947;padding:8px 10px;border-radius:20px}.stats{display:grid;grid-template-columns:repeat(3,1fr);margin:10px 0}.stats article,.panel{background:#1c2b37;padding:15px;border-radius:15px}.stats article{display:flex;flex-direction:column}.stats strong{font-size:clamp(1.5rem,6vw,2.5rem);color:#47d6aa}.viewer{position:relative;background:#05090c;aspect-ratio:4/3;border-radius:16px;overflow:hidden;margin:14px 0}.viewer video,.viewer canvas{width:100%;height:100%;position:absolute;inset:0;object-fit:contain}.viewer canvas{touch-action:none}.viewer #placeholder{position:absolute;top:45%;width:100%;text-align:center;color:#a5b5c5;pointer-events:none}.controls{margin:12px 0}button,select{background:#304554;color:white;border:1px solid #4b6171;padding:11px 13px;border-radius:10px;font:inherit}button{cursor:pointer}button:active{transform:scale(.98)}button:focus-visible,select:focus-visible{outline:2px solid #47d6aa}#camera,#confirm,#add{background:#167d64;border-color:#167d64}.panel{margin:14px 0}label{display:flex;align-items:center;gap:6px;font-size:.9rem}#hint{color:#a9c7d1;font-size:.9rem}#commentary{font-size:1.1rem;line-height:1.5}#history{padding-left:24px;max-height:220px;overflow:auto}li{padding:3px}footer{text-align:center;padding:20px;font-size:.8rem}