:root{--bg:#fff;--text:#1a1a1a;--text-secondary:#666;--text-body:#444;--text-muted:#888;--hairline:#e0e0e0;--border-input:#ddd;--border-button:#ccc;--primary:#1a73e8;--primary-bg:#1a73e8;--primary-on:#fff;--primary-tint:#1a73e81a;--danger:#b3261e;--danger-tint:#b3261e1a;--expired-bg:#fde2e1;--expired-fg:#b3261e;--soon-bg:#fff2d6;--soon-fg:#8a5a00;--ok-bg:#e3f5e6;--ok-fg:#1e7a34;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background-color:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#121212;--text:#e6e6e6;--text-secondary:#a1a1a1;--text-body:#c9c9c9;--text-muted:#8a8a8a;--hairline:#2b2b2b;--border-input:#3a3a3a;--border-button:#4a4a4a;--primary:#8ab4f8;--primary-bg:#1a73e8;--primary-on:#fff;--primary-tint:#8ab4f829;--danger:#f2b8b5;--danger-tint:#f2b8b524;--expired-bg:#3a1a18;--expired-fg:#f2b8b5;--soon-bg:#3a2e12;--soon-fg:#f5cf7a;--ok-bg:#16301c;--ok-fg:#9adcab}}*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{background:var(--bg);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;overscroll-behavior-y:contain}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}input,textarea{font:inherit;color:inherit}.centered{justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.spinner{border:3px solid var(--primary-tint);border-top-color:var(--primary);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2s}}.screen{background:var(--bg);flex-direction:column;min-height:100dvh;display:flex}.error{color:var(--danger);margin:0 16px 8px;font-size:14px}.empty{flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.empty-text{color:var(--text-secondary);text-align:center;margin:0;font-size:15px}.header{padding:max(12px, env(safe-area-inset-top)) 16px 8px;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.header-text{flex:1;min-width:0}.header h1{color:var(--text);margin:0;font-size:22px;font-weight:700}.greeting{color:var(--text-secondary);margin:2px 0 0;font-size:13px}.header-actions{flex-shrink:0;gap:8px;display:flex}.header-button{color:var(--primary);border-radius:6px;padding:6px 10px;font-size:13px;font-weight:600;text-decoration:none}.header-button:active{background:var(--primary-tint)}.search{border:1px solid var(--border-input);background:var(--bg);border-radius:8px;margin:0 16px 8px;padding:10px 12px;font-size:16px}.search:focus-visible,.field:focus-visible{outline:2px solid var(--primary);outline-offset:-1px}.filters{flex-wrap:wrap;gap:8px;margin:0 16px 12px;display:flex}.chip{border:1px solid var(--border-input);background:var(--bg);color:var(--text-secondary);border-radius:16px;padding:6px 12px;font-size:13px;font-weight:600}.chip[aria-pressed=true]{background:var(--primary-bg);border-color:var(--primary-bg);color:var(--primary-on)}.list{flex:1;margin:0;padding:0 0 96px;list-style:none}.row{background:var(--bg);border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.row-info{text-align:left;min-width:0;color:inherit;flex:1;padding:0;text-decoration:none}.row-info:active{opacity:.6}.row-name{color:var(--text);overflow-wrap:anywhere;margin:0;font-size:16px;font-weight:600}.row-subtitle{color:var(--text-secondary);margin:2px 0 0;font-size:13px}.badge{border-radius:8px;flex-direction:column;flex-shrink:0;align-items:flex-end;padding:6px 10px;display:flex}.badge--expired{background:var(--expired-bg);color:var(--expired-fg)}.badge--soon{background:var(--soon-bg);color:var(--soon-fg)}.badge--ok{background:var(--ok-bg);color:var(--ok-fg)}.badge-date{font-size:13px;font-weight:600}.badge-label{margin-top:2px;font-size:11px}.row-delete{width:40px;height:40px;color:var(--danger);border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;line-height:1;display:flex}.row-delete:active{background:var(--danger-tint)}.fab{right:16px;bottom:max(24px, calc(env(safe-area-inset-bottom) + 16px));background:var(--primary-bg);color:var(--primary-on);border-radius:28px;padding:14px 20px;font-size:15px;font-weight:700;text-decoration:none;position:fixed;box-shadow:0 2px 4px #0003}.fab:active{filter:brightness(.94)}.navbar{padding:max(8px, env(safe-area-inset-top)) 8px 8px;border-bottom:1px solid var(--hairline);align-items:center;gap:4px;display:flex}.navbar h1{margin:0;font-size:17px;font-weight:600}.back-link{color:var(--primary);border-radius:6px;padding:8px;font-size:15px;font-weight:600;text-decoration:none}.back-link:active{background:var(--primary-tint)}.form{padding:16px 16px max(24px, env(safe-area-inset-bottom));border:none;margin:0}.label{color:var(--text-secondary);margin:16px 0 6px;font-size:13px;font-weight:600;display:block}.field{border:1px solid var(--border-input);background:var(--bg);border-radius:8px;width:100%;padding:12px;font-size:16px;display:block}.field[type=date]{appearance:none;min-width:0;min-height:48px}.field[type=date]::-webkit-date-and-time-value{text-align:left}.field--notes{resize:vertical;min-height:80px}.button-primary{background:var(--primary-bg);width:100%;color:var(--primary-on);text-align:center;border-radius:8px;margin-top:24px;padding:14px;font-size:15px;font-weight:700;display:block}.button-primary:disabled{opacity:.6;cursor:default}.button-danger{width:100%;color:var(--danger);text-align:center;border-radius:8px;margin-top:12px;padding:14px;font-size:15px;font-weight:600;display:block}.button-danger:active{background:var(--danger-tint)}.activity-list{margin:0;padding:0;list-style:none}.activity-row{border-bottom:1px solid var(--hairline);padding:12px 16px}.activity-text{color:var(--text);margin:0;font-size:15px}.activity-text strong{font-weight:600}.activity-time{color:var(--text-muted);margin:4px 0 0;font-size:12px}.card{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.card h1{color:var(--text);margin:0 0 8px;font-size:24px;font-weight:700}.card .card-subtitle{color:var(--text-secondary);margin:0 0 32px;font-size:15px}.card--pending h1{margin-bottom:12px;font-size:22px}.card--pending .card-body{color:var(--text-body);max-width:34ch;margin:0 0 32px;font-size:15px;line-height:22px}.card--pending .card-body strong{color:var(--text);font-weight:600}.button-google{background:var(--primary-bg);color:var(--primary-on);border-radius:8px;justify-content:center;align-items:center;min-width:220px;min-height:52px;padding:14px 28px;font-size:16px;font-weight:600;display:inline-flex}.button-google:disabled{opacity:.8;cursor:default}.button-google .spinner{border-width:2px;border-color:#fff #fff6 #fff6;width:20px;height:20px}.button-outline{border:1px solid var(--border-button);color:var(--text);border-radius:8px;padding:12px 24px;font-size:15px;font-weight:600}.card .error{text-align:center;margin:16px 0 0}@media (width>=640px){.screen,.card{max-width:640px;margin:0 auto}.fab{right:max(16px,50vw - 304px)}}