:root{--bg: #0f172a;--surface: #1e293b;--surface-2: #334155;--text: #f1f5f9;--muted: #94a3b8;--primary: #2563eb;--danger: #dc2626;--warn: #d97706;--radius: 12px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font:16px/1.4 system-ui,-apple-system,sans-serif}#app{display:flex;flex-direction:column;min-height:100dvh;padding-top:var(--safe-top)}.content{flex:1;overflow-y:auto;padding:12px}.auth-gate{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:80dvh;padding:24px;text-align:center}.auth-gate .error{color:var(--danger)}.tabbar{display:flex;border-top:1px solid var(--surface-2);padding-bottom:var(--safe-bottom);background:var(--surface)}.tab{flex:1;padding:14px 8px;background:none;border:none;color:var(--muted);font-size:13px}.tab.active{color:var(--text);border-top:2px solid var(--primary)}.scan-screen{display:flex;flex-direction:column;gap:10px}.camera{width:100%;aspect-ratio:3 / 4;object-fit:cover;background:#000;border-radius:var(--radius)}.scan-status{text-align:center;color:var(--muted);font-size:14px}.scan-status.needs-target{color:var(--warn);font-weight:600}.scan-controls{display:flex;flex-direction:column;gap:10px}.mode-toggle{display:flex;gap:8px}.mode-btn{flex:1;padding:14px;border:1px solid var(--surface-2);border-radius:var(--radius);background:var(--surface);color:var(--text);font-size:16px}.mode-btn.active{background:var(--primary);border-color:var(--primary)}.field{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}.field-input{padding:12px;border-radius:var(--radius);border:1px solid var(--surface-2);background:var(--surface);color:var(--text);font-size:16px}.form{display:flex;flex-direction:column;gap:12px}.btn{padding:12px 16px;border-radius:var(--radius);border:1px solid var(--surface-2);background:var(--surface);color:var(--text);font-size:15px}.btn.primary{background:var(--primary);border-color:var(--primary)}.btn.danger{color:#fff;background:var(--danger);border-color:var(--danger)}.btn.small{padding:6px 10px;font-size:13px}.badge{padding:2px 8px;border-radius:999px;background:var(--surface-2);font-size:13px}.badge.warn{background:var(--warn);color:#fff;align-self:flex-start}.panel-section{margin-bottom:16px}.panel-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px;margin-bottom:6px;background:var(--surface);border:none;border-radius:var(--radius);color:var(--text)}.panel-label{font-size:16px}.drill-list{display:flex;flex-direction:column;gap:8px;max-height:60dvh;overflow-y:auto}.drill-row{display:flex;flex-direction:column;gap:2px;padding:8px;background:var(--surface);border-radius:8px}.muted{color:var(--muted);font-size:13px}.manage-block{margin-bottom:20px}.manage-row{display:flex;align-items:center;gap:8px;padding:10px;margin-bottom:6px;background:var(--surface);border-radius:var(--radius)}.manage-row>span:first-child{flex:1}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.modal{width:100%;max-width:420px;background:var(--surface);border-radius:var(--radius);padding:20px;max-height:85dvh;overflow-y:auto}.modal h2{margin:0 0 12px;font-size:18px}.modal p{white-space:pre-line}.modal-buttons{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.toasts{position:fixed;left:50%;bottom:calc(80px + var(--safe-bottom));transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:60;pointer-events:none}.toast{background:var(--surface-2);color:var(--text);padding:10px 16px;border-radius:999px;font-size:14px;box-shadow:0 4px 12px #0006}