:root{--accent: #e94560;--accent-dark: #b81f3c;--bg: #111;--surface: #1a1a2e;--card: #21213a;--border: #33334d;--text: #f0f0f0;--muted: #9090a0;--danger: #ef4444;--radius: 10px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%;overscroll-behavior:none}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);padding-bottom:env(safe-area-inset-bottom)}#root{max-width:480px;margin:0 auto;min-height:100dvh}.app{display:flex;flex-direction:column;min-height:100dvh}button{font:inherit;border:none;border-radius:var(--radius);cursor:pointer}.btn-primary{background:var(--accent);color:#fff;padding:12px 20px;font-weight:700}.btn-primary:disabled{opacity:.6}.btn-secondary{background:var(--card);color:var(--text);border:1px solid var(--border);padding:12px 20px;font-weight:600}.btn-text{background:none;color:var(--accent);padding:8px;font-weight:600}.btn-danger{background:none;border:1px solid var(--danger);color:var(--danger);padding:12px 20px;font-weight:600}.btn-danger-confirm{background:var(--danger);color:#fff;padding:12px 20px;font-weight:700}.search-header{display:flex;align-items:center;justify-content:space-between;padding:16px;gap:12px}.search-header h1{font-size:20px;font-weight:900;color:var(--accent)}.search-actions{display:flex;gap:8px}.search-input{display:block;width:calc(100% - 32px);margin:0 16px 16px;padding:12px 14px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text)}.series-chips{display:flex;gap:8px;overflow-x:auto;padding:0 16px 16px;scrollbar-width:none}.series-chips::-webkit-scrollbar{display:none}.chip{flex-shrink:0;background:var(--card);color:var(--text);border:1px solid var(--border);padding:6px 14px;border-radius:999px;font-size:13px;font-weight:600}.chip-active{background:var(--accent);border-color:var(--accent);color:#fff}.status-text{padding:16px;color:var(--muted);font-size:14px}.status-error{color:var(--danger)}.item-list{display:flex;flex-direction:column;gap:8px;padding:0 16px 24px}.item-card{display:flex;gap:12px;align-items:center;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:10px;cursor:pointer}.item-card-thumb{width:48px;height:48px;border-radius:6px;overflow:hidden;flex-shrink:0;background:var(--surface);display:flex;align-items:center;justify-content:center}.item-card-thumb img{width:100%;height:100%;object-fit:cover}.item-card-thumb-placeholder{font-size:10px;color:var(--muted);text-align:center}.item-card-title{font-weight:700}.item-card-series{font-size:13px;color:var(--muted);margin-top:2px}.badge{display:inline-block;margin-top:4px;font-size:11px;font-weight:700;color:var(--accent);background:#e9456026;padding:2px 8px;border-radius:999px}.scanner{display:flex;flex-direction:column;min-height:100dvh}.scanner-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px}.scanner-video{width:100%;aspect-ratio:3 / 4;background:#000;object-fit:cover}.scanner-error{margin:16px;padding:16px;background:var(--card);border-radius:var(--radius);color:var(--danger);text-align:center}.scanner-hint{padding:16px;text-align:center;color:var(--muted);font-size:14px}.item-detail{padding:12px 16px 24px}.banner-duplicate{margin:12px 0;padding:12px;background:#e9456026;border:1px solid var(--accent);border-radius:var(--radius);color:var(--accent);font-weight:700;text-align:center}.detail-cover{width:100%;max-height:320px;object-fit:contain;border-radius:var(--radius);margin:12px 0;background:var(--card)}.item-detail h1,.item-form h1{font-size:22px;margin:8px 0 4px}.detail-series{color:var(--muted);margin-bottom:12px}.detail-fields{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;margin:16px 0}.detail-fields dt{color:var(--muted);font-size:13px}.detail-fields dd{font-size:14px}.detail-actions{display:flex;gap:10px;margin-top:16px}.detail-actions button{flex:1}.item-form{display:flex;flex-direction:column;gap:14px;padding:12px 16px 32px}.item-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}.item-form input,.item-form select,.item-form textarea{font:inherit;padding:10px 12px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text)}.form-barcode{color:var(--muted);font-size:13px}.autocomplete{position:relative}.autocomplete input{width:100%}.autocomplete-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);list-style:none;z-index:100;max-height:220px;overflow-y:auto;box-shadow:0 8px 24px #0009}.autocomplete-dropdown li{padding:13px 14px;font-size:15px;cursor:pointer}.autocomplete-dropdown li:not(:last-child){border-bottom:1px solid var(--border)}.autocomplete-dropdown li:active{background:var(--card)}