:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f6f5f1;--surface:#fff;--text:#1d2321;--muted:#5f6b67;--border:#dedbd2;--accent:#1f6f5c;--accent-text:#fff;--expired:#b42318;--today:#c4500a;--soon:#a87900;--none:#c9c5ba;--danger:#b42318;--notice-bg:#e5f2ee;--review-bg:#fff6e0;--radius:12px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:17px;line-height:1.4}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#141816;--surface:#1d2321;--text:#e9ece9;--muted:#9aa6a1;--border:#2f3834;--accent:#4fb69a;--accent-text:#0d1a16;--expired:#ff7b6e;--today:#ff9d5c;--soon:#e8c14d;--none:#4a5450;--danger:#ff7b6e;--notice-bg:#1f3a32;--review-bg:#3a3120}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}#app{max-width:640px;padding:0 16px calc(32px + env(safe-area-inset-bottom));margin:0 auto}h1{margin:0;font-size:1.4rem}h2{margin:24px 0 8px;font-size:1.05rem}a{color:var(--accent)}.bar{background:var(--bg);z-index:1;align-items:center;gap:12px;padding:16px 0 12px;display:flex;position:sticky;top:0}.bar h1{flex:1}.back{font-weight:600;text-decoration:none}button,.button{font:inherit;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--text);cursor:pointer;justify-content:center;align-items:center;padding:8px 16px;text-decoration:none;display:inline-flex}button:disabled{opacity:.5;cursor:default}.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}.danger{color:var(--danger);background:0 0;border-color:#0000;width:100%;margin-top:24px}.tabs{gap:8px;margin-bottom:12px;display:flex}.tab{color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:6px 14px;text-decoration:none}.tab.active{background:var(--text);color:var(--bg);border-color:var(--text)}.badge{background:var(--soon);color:#000;border-radius:999px;margin-left:6px;padding:0 7px;font-size:.8rem;font-weight:700}.items{gap:8px;margin:0;padding:0;list-style:none;display:grid}.item{background:var(--surface);border-radius:var(--radius);border-left:6px solid var(--none);cursor:pointer}.item a{color:inherit;grid-template-columns:1fr auto;gap:2px 12px;padding:12px 14px;text-decoration:none;display:grid}.item .name{overflow-wrap:anywhere;font-weight:600}.item .meta{color:var(--muted);grid-column:1;font-size:.9rem}.item .when{text-align:right;grid-area:1/2/span 2;align-self:center;font-size:.9rem}.item .when small{color:var(--muted);font-size:.75rem;display:block}.flag{text-align:center;background:var(--soon);color:#000;border-radius:50%;width:1.3em;height:1.3em;margin-left:6px;font-size:.8rem;line-height:1.3em;display:inline-block}.panel{gap:12px;display:grid}.hidden{display:none!important}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.thumbs{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.thumbs:empty{display:none}.thumb{margin:0;position:relative}.thumb img,.photo img{aspect-ratio:3/4;object-fit:cover;border-radius:var(--radius);background:var(--surface);width:100%;display:block}.thumb .remove{border-radius:50%;width:36px;height:36px;min-height:0;padding:0;font-size:1.3rem;position:absolute;top:6px;right:6px}.pick{width:100%}.failure{gap:8px;display:grid}.photos{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.photo{min-height:60px;display:block}.summary{background:var(--surface);border-radius:var(--radius);border-left:6px solid var(--none);gap:2px;padding:14px;display:grid}.summary strong{overflow-wrap:anywhere;font-size:1.2rem}:is(.item,.summary).stage-expired{border-left-color:var(--expired)}:is(.item,.summary).stage-today{border-left-color:var(--today)}:is(.item,.summary).stage-soon{border-left-color:var(--soon)}.stage-expired :is(.when,.summary-when){color:var(--expired);font-weight:600}.stage-today :is(.when,.summary-when){color:var(--today);font-weight:600}.review{background:var(--review-bg);border-radius:var(--radius);padding:14px}.review h2{margin-top:0}.review ul{margin:0 0 12px;padding-left:20px}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.actions p{flex:100%;margin:0}.actions>button{flex:1 1 0}.stepper{flex:100%;justify-content:center;align-items:center;gap:4px;display:flex}.stepper button{width:44px;padding:0;font-size:1.3rem}.stepper span{text-align:center;min-width:5.5em}.item-form{gap:12px;display:grid}.row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field{align-content:start;gap:4px;display:grid}.field>span{font-size:.9rem;font-weight:600}.field small{color:var(--muted);font-size:.8rem}input,select{font:inherit;border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--text);border-radius:10px;width:100%;padding:8px 10px}.field-error:empty,.form-error:empty{display:none}.field-error,.form-error{color:var(--danger);margin:0;font-size:.9rem}.notice{background:var(--notice-bg);border-radius:var(--radius);margin:0;padding:10px 14px}.notice.hidden{display:none}.muted{color:var(--muted)}.small{font-size:.85rem}.empty{color:var(--muted);text-align:center;padding:48px 0}.signin{text-align:center;place-content:center;gap:12px;min-height:80vh;display:grid}@media (width<=380px){.row{grid-template-columns:1fr}}