:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,Arial,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%}body{margin:0;padding:0;min-width:320px;min-height:100vh;overflow-x:hidden}.guide-frame{position:absolute;border:2px dashed rgba(255,255,255,.5);pointer-events:none;transition:all .3s ease;z-index:10;display:flex;align-items:center;justify-content:center}.corner-marker{position:absolute;width:20px;height:20px;border:3px solid white}.corner-tl{top:-2px;left:-2px;border-right:none;border-bottom:none}.corner-tr{top:-2px;right:-2px;border-left:none;border-bottom:none}.corner-bl{bottom:-2px;left:-2px;border-right:none;border-top:none}.corner-br{bottom:-2px;right:-2px;border-left:none;border-top:none}.guide-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000b3;color:#fff;padding:8px 16px;border-radius:4px;font-size:14px;white-space:nowrap;text-align:center;-webkit-user-select:none;user-select:none}.guide-frame--waiting{border-color:#ffffff80;animation:blink 1s infinite}.guide-frame--waiting .corner-marker{border-color:#fff}.guide-frame--scanning{border-color:#ffeb3bcc;animation:pulse 1.5s infinite}.guide-frame--scanning .corner-marker{border-color:#ffeb3b}.guide-frame--success{border-color:#4caf50cc;animation:flash .3s}.guide-frame--success .corner-marker{border-color:#4caf50}.guide-frame--error{border-color:#f44336cc;animation:shake .5s}.guide-frame--error .corner-marker{border-color:#f44336}@keyframes blink{0%,to{opacity:.5}50%{opacity:1}}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}@keyframes flash{0%,to{background:transparent}50%{background:#4caf5033}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media (max-width: 480px){.guide-message{font-size:12px;padding:6px 12px}}@media (orientation: landscape) and (max-height: 500px){.guide-message{font-size:12px;padding:4px 10px}}*{margin:0;padding:0;box-sizing:border-box}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}.app{width:100%;min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.header{padding:1.5rem 1rem;text-align:center;background:#0003}.header h1{font-size:1.8rem;margin-bottom:.5rem;font-weight:700}.subtitle{font-size:.9rem;opacity:.9}.error-message{background:#f44;color:#fff;padding:1rem;margin:.5rem;border-radius:8px;text-align:center;animation:slideDown .3s ease}.permission-denied{background:#ffffff1a;padding:2rem;margin:1rem;border-radius:8px;text-align:center}.permission-denied p{margin:.5rem 0}.scanner-container{flex:1;display:flex;flex-direction:column;padding:1rem;max-width:800px;margin:0 auto;width:100%}.video-wrapper{position:relative;width:100%;aspect-ratio:4/3;background:#0000004d;border-radius:12px;overflow:hidden;margin-bottom:1rem}.video-preview{width:100%;height:100%;object-fit:cover}.placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.placeholder-icon{font-size:4rem;margin-bottom:1rem;opacity:.8}.placeholder p{font-size:1.1rem;opacity:.9}.scanning-indicator{position:absolute;top:1rem;left:50%;transform:translate(-50%);background:#0009;padding:.5rem 1.5rem;border-radius:20px;display:flex;align-items:center;gap:.5rem;animation:slideDown .3s ease;z-index:20}.scanning-dot{width:10px;height:10px;background:#4caf50;border-radius:50%;animation:pulse 1s infinite}.overlay-results{position:absolute;top:1rem;right:1rem;display:flex;gap:.5rem;flex-wrap:wrap}.result-badge{background:#4caf50e6;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600;animation:fadeIn .3s ease}.controls{display:flex;justify-content:center;margin-bottom:1rem}.scan-button{padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;margin:0 .5rem}.scan-button.start{background:#4caf50;color:#fff}.scan-button.start:hover:not(:disabled){background:#45a049;transform:scale(1.05)}.scan-button.hunting{background:#ff9800;color:#fff}.scan-button.hunting:hover{background:#f57c00;transform:scale(1.05)}.scan-button.reset{background:#f44336;color:#fff}.scan-button.reset:hover:not(:disabled){background:#da190b;transform:scale(1.05)}.scan-button.guide-only{background:#9c27b0;color:#fff}.scan-button.guide-only:hover{background:#7b1fa2;transform:scale(1.05)}.scan-button.full-scan{background:#2196f3;color:#fff}.scan-button.full-scan:hover{background:#1976d2;transform:scale(1.05)}.scan-button:disabled{background:#ffffff4d;cursor:not-allowed;opacity:.7}.results{background:#ffffff1a;border-radius:12px;padding:1.5rem;margin-top:1rem;animation:slideUp .3s ease}.results h2{font-size:1.3rem;margin-bottom:1rem;text-align:center}.results-list{display:flex;flex-direction:column;gap:.8rem}.result-item{background:#ffffff26;padding:1rem;border-radius:8px;border-left:4px solid #4caf50;animation:fadeIn .3s ease}.result-header{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.85rem;opacity:.9}.result-index{font-weight:600;color:#4caf50}.result-count{background:#ff9800;color:#fff;padding:2px 8px;border-radius:12px;font-size:.8rem;font-weight:600}.result-time{opacity:.8}.result-content{font-size:1rem;word-break:break-all;line-height:1.5}.footer{padding:1rem;text-align:center;background:#0003}.status{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.9rem;opacity:.9}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.ready{background:#4caf50;animation:pulse 2s infinite}.status-dot.loading{background:#ff9800;animation:pulse 1s infinite}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%{box-shadow:0 0 #4caf50b3}70%{box-shadow:0 0 0 10px #4caf5000}to{box-shadow:0 0 #4caf5000}}@media (min-width: 768px){.header h1{font-size:2.5rem}.subtitle{font-size:1.1rem}.video-wrapper{aspect-ratio:16/9}.scan-button{padding:1.2rem 4rem;font-size:1.2rem}.results h2{font-size:1.5rem}}@media (min-width: 1024px){.scanner-container{max-width:1000px}.placeholder-icon{font-size:5rem}.results-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}}