*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;background:#000;color:#fff;overflow:hidden;height:100vh}.app{width:100%;height:100vh;background:#000}#scanner-container{position:relative;width:100%;height:100vh;background:#000}#video{width:100%;height:100%;object-fit:cover;cursor:pointer}.scan-overlay{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);width:85%;height:250px;border:3px solid #00ff00;border-radius:10px;pointer-events:none;box-shadow:0 0 0 9999px #00000080}.scan-line{position:absolute;width:100%;height:2px;background:#0f0;top:0}.scan-line.active{animation:scan 2s infinite}@keyframes scan{0%,to{top:0}50%{top:100%}}#info-panel{position:fixed;bottom:0;width:100%;background:#000000f2;padding:15px 20px;max-height:35vh;overflow-y:auto;transition:transform .3s}#info-panel.minimized{transform:translateY(calc(100% - 60px))}.panel-toggle{position:absolute;top:-15px;left:50%;transform:translate(-50%);background:#000c;color:#0f0;border:2px solid #00ff00;border-radius:20px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;z-index:10}#scan-control{position:absolute;top:50%;right:20px;background:#000c;border:2px solid #00ff00;color:#0f0;padding:15px 30px;font-size:18px;font-weight:700;border-radius:10px;cursor:pointer;z-index:100;transition:all .3s}#scan-control:active{transform:scale(.95)}#scan-control.scanning{background:#ff4444e6;border-color:#f44;color:#fff}#scan-control.stopped{background:#4caf50e6;border-color:#4caf50;color:#fff}#torch-btn{position:absolute;top:50%;left:20px;background:#000c;border:2px solid #ffa500;color:orange;padding:15px 20px;font-size:18px;border-radius:10px;cursor:pointer;z-index:100;transition:all .3s}#torch-btn.active{background:#ffa500e6;color:#fff}#torch-btn:active{transform:scale(.95)}.focus-indicator{position:absolute;width:80px;height:80px;border:3px solid #00ff00;border-radius:50%;transform:translate(-50%,-50%);animation:focusRing .6s ease-out;pointer-events:none;z-index:95}@keyframes focusRing{0%{transform:translate(-50%,-50%) scale(1.5);opacity:0;border-color:#0f0}50%{opacity:1;border-color:#0f0}to{transform:translate(-50%,-50%) scale(1);opacity:0;border-color:#0f0}}#result{font-size:20px;font-weight:700;color:#0f0;margin-bottom:8px;min-height:24px;word-break:break-all;text-align:center}#count{font-size:28px;font-weight:700;color:#fff;text-align:center;margin:5px 0}.stats{display:flex;justify-content:space-around;margin-top:8px;font-size:12px}.stat-item{text-align:center}.stat-value{font-size:18px;font-weight:700;color:#0f0}.stat-label{color:#999;margin-top:3px;font-size:11px}.controls{display:flex;gap:10px;margin-top:10px}button{flex:1;padding:12px;font-size:15px;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:all .3s}#reset-btn{background:#f44;color:#fff}#reset-btn:active{background:#c00}#export-btn{background:#4caf50;color:#fff}#export-btn:active{background:#388e3c}.status{text-align:center;color:#0f0;font-size:14px;padding:5px;margin-bottom:5px}.status.error{color:#f44}#history{max-height:0;overflow-y:auto;transition:max-height .3s;background:#ffffff1a;border-radius:5px;margin-top:8px}#history.show{max-height:100px}.history-item{padding:6px 8px;border-bottom:1px solid rgba(255,255,255,.1);font-size:12px}.history-item:last-child{border-bottom:none}@supports (-webkit-touch-callout: none){#video{-webkit-transform:translateZ(0);transform:translateZ(0)}}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{box-sizing:border-box;margin:0;padding:0}html,body{margin:0;padding:0;width:100%;height:100vh;background:#000;overflow:hidden}#root{width:100%;height:100vh;background:#000}button{font-family:inherit}