:root{color-scheme:light dark}*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:#111;color:#eee}#app{max-width:480px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:1rem;gap:.75rem}#camera-view{position:relative;width:100%;aspect-ratio:4 / 3;background:#000;border-radius:8px;overflow:hidden}#video,#overlay,#preview{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}#preview{object-fit:contain;background:#000}#overlay{pointer-events:none}#guide-text{text-align:center;font-size:.95rem;color:#ccc;margin:0}.banner{width:100%;padding:.75rem 1rem;border-radius:6px;text-align:center;font-weight:600}.banner-success{background:#14532d;color:#bbf7d0}.banner-error{background:#7f1d1d;color:#fecaca}#controls{display:flex;gap:.75rem}#controls button{padding:.6rem 1.2rem;border-radius:6px;border:none;background:#2563eb;color:#fff;font-size:.95rem;cursor:pointer}#controls button:hover{background:#1d4ed8}