*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #ffffff;--bg-card: #f5f5f5;--bg-input: #e8e8e8;--text: #111111;--text-muted: #777777;--primary: #111111;--primary-hover: #333333;--success: #4caf50;--error: #f44336;--border: #e0e0e0;--radius: 10px}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;overscroll-behavior:none}#app{max-width:480px;margin:0 auto;padding:16px;min-height:100%}.header{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.header h1{font-size:1.4rem;flex:1}.header h2{font-size:1.1rem}.header-title-group{flex:1;display:flex;flex-direction:column;gap:2px}.scan-counter{font-size:.85rem;color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border:none;border-radius:var(--radius);font-size:.9rem;font-weight:600;cursor:pointer;text-decoration:none;min-height:44px;transition:background .15s}.btn-sm{padding:6px 12px;font-size:.8rem;min-height:36px}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover,.btn-primary:active{background:var(--primary-hover)}.btn-secondary{background:var(--bg-input);color:var(--text)}.btn-secondary:hover,.btn-secondary:active{background:var(--border)}.btn-danger{background:var(--error);color:#fff}.btn-danger:active{background:#c62828}.batch-list{display:flex;flex-direction:column;gap:10px}.batch-card{background:var(--bg-card);border-radius:var(--radius);padding:14px;display:flex;align-items:center;gap:14px}.batch-scan-btn{display:flex;align-items:center;justify-content:center;width:52px;height:52px;min-width:52px;border-radius:var(--radius);background:var(--primary);color:#fff;text-decoration:none;transition:background .15s}.batch-scan-btn:active{background:var(--primary-hover)}.batch-scan-btn svg{stroke:#fff}.batch-scan-btn-disabled{background:var(--border);pointer-events:none}.batch-scan-btn-disabled svg{stroke:var(--text-muted)}.batch-card-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.batch-name{font-size:1rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.batch-meta{font-size:.8rem;color:var(--text-muted)}.batch-menu-wrap{position:relative}.batch-menu-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:none;cursor:pointer;color:var(--text-muted);border-radius:50%}.batch-menu-btn:active{background:var(--border)}.batch-menu-btn svg{stroke:var(--text-muted)}.batch-dropdown{position:absolute;right:0;top:44px;background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 16px #0000001f;z-index:100;min-width:180px;flex-direction:column;overflow:hidden}.dropdown-item{display:flex;align-items:center;gap:10px;padding:12px 16px;border:none;background:none;cursor:pointer;font-size:.9rem;color:var(--text);text-decoration:none;width:100%;text-align:left}.dropdown-item:active{background:var(--bg-card)}.dropdown-item-danger{color:var(--error)}.dropdown-item-danger svg{stroke:var(--error)!important}.dropdown-item svg{stroke:var(--text-muted);min-width:16px}.archived-section{margin-top:20px}.archived-section summary{cursor:pointer;color:var(--text-muted);padding:10px 0;font-size:.9rem}.archived-section .batch-list{margin-top:10px}.empty-state{text-align:center;padding:60px 20px;color:var(--text-muted);font-size:.95rem}.scanner-container{position:relative;border-radius:var(--radius);overflow:hidden;background:#000;margin-bottom:16px}#scanner-region{width:100%}#scanner-region video{width:100%!important;border-radius:var(--radius)}.scan-flash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .15s;border-radius:var(--radius)}.flash-success{background:var(--success)}.flash-error{background:var(--error)}.flash-active{opacity:.35}.scanner-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0}.mode-btn{width:100%;padding:12px;font-size:.95rem;font-weight:700;letter-spacing:.5px;border-radius:var(--radius);min-height:48px}.mode-btn-auto{background:var(--primary);color:#fff}.mode-btn-manual{background:var(--bg);color:var(--text);border:2px solid var(--primary)}.scanner-paused-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:10;color:#fff;font-size:.95rem;text-align:center;padding:20px}.scanner-paused-overlay .scanned-url{font-family:monospace;font-size:.8rem;word-break:break-all;opacity:.8}.countdown-bar-outer{width:80%;height:4px;background:#fff3;border-radius:2px;overflow:hidden}.countdown-bar-inner{height:100%;width:0%;background:#fff;border-radius:2px;transition:width 1s linear}.scan-table{display:flex;flex-direction:column;background:var(--bg-card);border-radius:var(--radius);overflow:hidden}.scan-row{display:grid;grid-template-columns:32px 1fr auto;gap:6px;padding:8px 10px;align-items:center;font-size:.85rem;border-bottom:1px solid var(--border)}.scan-row:last-child{border-bottom:none}.scan-row-header{font-weight:600;color:var(--text-muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;padding:6px 10px;background:var(--bg)}.scan-num{text-align:center;color:var(--text-muted);font-size:.75rem;font-weight:600}.scan-url{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:monospace;font-size:.78rem}.scan-time{text-align:right;color:var(--text-muted);font-size:.7rem;white-space:nowrap}.scan-row-has-duplicates{background:#fffde7}.scan-row-duplicate{background:#fef2f2}.scan-row-duplicate .scan-url,.scan-row-duplicate .scan-num,.scan-row-duplicate .scan-time{color:#c62828}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px 0}.page-label{font-size:.85rem;color:var(--text-muted)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:#fff;border-radius:var(--radius);width:100%;max-width:360px;overflow:hidden;box-shadow:0 4px 24px #00000026}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border)}.modal-header h3{font-size:1rem}.modal-close{background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;padding:0 4px;line-height:1}.modal-body{padding:16px;font-size:.9rem;line-height:1.5;white-space:pre-wrap;word-break:break-all}.modal-input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:6px;background:var(--bg-input);color:var(--text);font-size:1rem;outline:none}.modal-input:focus{border-color:#333}.modal-footer{display:flex;gap:10px;padding:12px 16px;justify-content:flex-end;border-top:1px solid var(--border)}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%) translateY(100px);padding:10px 20px;border-radius:var(--radius);font-size:.85rem;max-width:90%;text-align:center;z-index:2000;transition:transform .3s ease;word-break:break-all}.toast-visible{transform:translate(-50%) translateY(0)}.toast-success{background:var(--success);color:#fff}.toast-error{background:var(--error);color:#fff}@supports (padding-top: env(safe-area-inset-top)){#app{padding-top:calc(16px + env(safe-area-inset-top));padding-bottom:calc(16px + env(safe-area-inset-bottom))}}button:disabled{opacity:.4;cursor:not-allowed}