:root{--surface:#f7f5f0;--panel:#fff;--text:#20231f;--muted:#6d756f;--border:#dfe3dc;color:var(--text);background:var(--surface);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100svh;margin:0}button,input,select{-webkit-tap-highlight-color:transparent}#root{min-height:100svh}:root{--bg:#f1f4f7;--surface:#fff;--surface-soft:#f7f9fb;--text:#121821;--text-muted:#66717f;--text-soft:#8a95a3;--border:#ccd5df;--border-soft:#e1e7ee;--primary:#1f5f93;--primary-dark:#16466e;--primary-light:#3a7fb4;--steel:#718397;--steel-dark:#46586c;--steel-light:#aab7c5;--silver:#d8e0e8;--silver-light:#f6f8fa;--silver-dark:#a7b3c0;--badge-bg:#e5eef7;--badge-text:#1f5f93;--nav-active-bg:#e8f1fa;--nav-active-border:#8fb1d0;--panel:var(--surface);--muted:var(--text-muted);--color-bg:var(--bg);--color-surface:var(--surface);--color-surface-soft:var(--surface-soft);--color-text:var(--text);--color-text-muted:var(--text-muted);--color-text-soft:var(--text-soft);--color-border:var(--border);--color-border-strong:var(--silver-dark);--color-primary:var(--primary);--color-primary-hover:var(--primary-dark);--color-metal-dark:var(--steel-dark);--color-badge-bg:var(--badge-bg);--color-badge-text:var(--badge-text);--color-nav-active-bg:var(--nav-active-bg);--color-nav-active-border:var(--nav-active-border)}.app-shell{background:var(--color-bg);grid-template-rows:auto 1fr auto;max-width:520px;min-height:100svh;margin:0 auto;display:grid}.app-header{z-index:2;border-bottom:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface) 94%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);justify-content:space-between;align-items:center;gap:16px;padding:20px 20px 14px;display:flex;position:sticky;top:0}.eyebrow{color:var(--color-metal-dark);letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:700}.app-header h1{color:var(--color-text);margin:0;font-size:28px;line-height:1.1}.bottom-nav button,.card-row,.settings-row,.primary-button,.danger-button,.secondary-button,.text-button{font:inherit;cursor:pointer}.screen{min-height:0;padding:18px 16px 96px}.stack{gap:16px;display:grid}.toolbar,.actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.muted{color:var(--color-text-muted);margin:0;font-size:14px}.search-field{gap:8px}.suggestions{gap:8px;display:grid}.suggestions button{border:1px solid var(--color-nav-active-border);width:100%;color:var(--color-text);font:inherit;text-align:left;cursor:pointer;background:linear-gradient(#f6fafe 0%,#e8f1fa 100%);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-weight:700;display:flex}.suggestions span{min-width:0;color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.empty-state{border:1px solid var(--color-border);color:var(--color-text-muted);background:var(--color-surface);border-radius:8px;margin:0;padding:16px}.card-list,.settings-list{gap:10px;display:grid}.card-section{gap:8px;display:grid}.card-section h2{color:var(--color-metal-dark);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:13px;font-weight:800}.card-row,.settings-row{border:1px solid var(--color-border);width:100%;min-height:72px;color:var(--color-text);background:var(--color-surface);text-align:left;border-radius:8px;align-items:center;gap:12px;display:grid}.card-row{grid-template-columns:46px 1fr auto;padding:12px;box-shadow:0 1px 2px #1218210f}.card-row strong,.card-row small{display:block}.card-row small,.settings-row span{color:var(--color-text-soft);font-size:13px}.card-mark{color:#fff;background:linear-gradient(145deg,#aab7c5 0%,#718397 38%,#46586c 100%);border-radius:8px;place-items:center;width:46px;height:46px;font-weight:800;display:grid}.pill{color:var(--color-badge-text);background:var(--color-badge-bg);border-radius:999px;padding:4px 8px;font-size:12px;font-weight:700}.form-panel,.detail-card,.settings-row{padding:16px}.form-panel,.detail-card{border:1px solid var(--color-border);background:var(--color-surface);border-radius:8px}label{color:var(--color-text);gap:6px;font-size:14px;font-weight:700;display:grid}input,select,textarea{box-sizing:border-box;border:1px solid var(--color-border);width:100%;color:var(--color-text);background:var(--color-surface-soft);font:inherit;border-radius:8px;padding:12px}textarea{resize:vertical;min-height:92px}.scanner-panel{gap:10px;display:grid}.scanner-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.file-scan-button{cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.file-scan-button.disabled{cursor:not-allowed;opacity:.64}.file-scan-input{display:none}.scanner-preview-panel{border:1px solid var(--color-border);background:var(--color-surface-soft);border-radius:8px;gap:8px;padding:10px;display:grid}.scanner-preview{aspect-ratio:4/3;object-fit:cover;background:#121821;border-radius:8px;width:100%}.hidden-preview,.hidden-preview-panel{display:none}.primary-button,.danger-button,.secondary-button,.text-button{border:1px solid #0000;border-radius:8px;padding:11px 14px;font-weight:700}.compact-button{padding:9px 12px}.primary-button{color:#fff;background:linear-gradient(145deg,#3a7fb4 0%,#1f5f93 48%,#16466e 100%)}.primary-button:not(:disabled):hover{background:linear-gradient(145deg,#3473a2 0%,#1b5685 48%,#123f63 100%)}.primary-button:disabled{cursor:not-allowed;opacity:.55}.bottom-nav button:disabled{cursor:not-allowed;opacity:.5}.secondary-button{color:var(--color-text);border-color:var(--color-border-strong);background:var(--silver-light)}.danger-button{color:var(--steel-dark);border-color:var(--silver-dark);background:0 0}.danger-button:disabled{cursor:not-allowed;opacity:.55}.text-button{color:var(--color-primary);background:0 0;justify-self:start;padding-inline:0}.wide{width:100%}.status-panel{border:1px solid var(--color-border);background:var(--color-surface);border-radius:8px;gap:8px;padding:16px;display:grid}.status-panel h2{color:var(--color-text);margin:0;font-size:20px}.status-panel p,.error-text{color:var(--steel-dark);margin:0}.success-text{color:var(--color-primary);margin:0}.wake-lock-hint{color:var(--color-badge-text);background:var(--color-badge-bg);border-radius:999px;justify-self:center;margin:0;padding:4px 8px;font-size:12px;font-weight:700}.file-row input{display:none}.detail-card h2{color:var(--color-text);margin:0;font-size:24px}.detail-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.code-display{place-items:center;gap:10px;min-height:0;padding:4px 0 0;display:grid}.code-visual{place-items:center;width:100%;padding:2px 0;display:grid;overflow:hidden}.code-visual svg{max-width:100%;height:auto}.code-value{max-width:100%;color:var(--color-text);overflow-wrap:anywhere;text-align:center;font-size:20px;line-height:1.25}dl{gap:10px;margin:0;display:grid}dl div,.settings-row{justify-content:space-between;align-items:center;gap:16px;display:flex}dt{color:var(--color-text-muted)}dd{color:var(--color-text);margin:0;font-weight:700}.bottom-nav{z-index:3;max-width:520px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--color-border);background:var(--color-surface);grid-template-columns:repeat(3,1fr);gap:8px;margin:0 auto;display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{min-height:44px;color:var(--color-text-muted);background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;font-weight:700;display:grid}.bottom-nav .add-nav-button{color:#fff;background:linear-gradient(145deg,#3a7fb4 0%,#1f5f93 48%,#16466e 100%);border-radius:999px;justify-self:center;width:48px;min-height:48px;font-size:28px;line-height:1}.nav-icon{fill:currentColor;width:24px;height:24px}.bottom-nav button.active{color:var(--color-primary);border-color:var(--color-nav-active-border);background:linear-gradient(#f6fafe 0%,#e8f1fa 100%)}.bottom-nav .add-nav-button.active{color:#fff;border-color:var(--color-nav-active-border);box-shadow:0 0 0 3px var(--nav-active-bg);background:linear-gradient(145deg,#3a7fb4 0%,#1f5f93 48%,#16466e 100%)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--color-nav-active-border);outline-offset:2px}.backup-notes{border:1px solid var(--color-border);color:var(--color-text-muted);background:var(--color-surface);border-radius:8px;gap:6px;padding:14px 16px;font-size:14px;display:grid}.backup-notes p{margin:0}@media (width>=720px){.app-shell{border:1px solid var(--color-border);border-radius:8px;min-height:calc(100svh - 48px);margin-block:24px;overflow:hidden}.bottom-nav{border-inline:1px solid var(--color-border)}}