:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f7f3ec;--card:#fff;--text:#211e1a;--muted:#857e74;--line:#eee8de;--tile:#f4efe6;--accent:#2f7d4f;--on-accent:#fff;--accent-soft:#e3f1e7;--low:#c2700a;--low-soft:#fdf0d9;--out:#c8372d;--out-soft:#fde6e3;--shadow:0 1px 2px #3c280a0d, 0 6px 20px #3c280a0f;color:var(--text);background:var(--bg);-webkit-tap-highlight-color:transparent;font:17px/1.35 ui-rounded,SF Pro Rounded,system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#141311;--card:#1f1d1a;--text:#f1ede6;--muted:#9a9287;--line:#2c2925;--tile:#2a2723;--accent:#5fbf85;--on-accent:#10231a;--accent-soft:#1d3327;--low:#f0a84a;--low-soft:#3a2a12;--out:#f2776d;--out-soft:#3d1c19;--shadow:0 1px 2px #0000004d, 0 6px 20px #0000004d}}*{box-sizing:border-box}body{margin:0}#root{max-width:480px;min-height:100dvh;padding-bottom:calc(110px + env(safe-area-inset-bottom));margin:0 auto}button,input{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0;transition:transform .12s,background-color .2s,color .2s}button:active{transform:scale(.97)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}h1{letter-spacing:-.02em;margin:0;font-size:1.9rem;font-weight:800}header{z-index:2;padding:calc(18px + env(safe-area-inset-top)) 20px 12px;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(14px);justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}header p{color:var(--muted);margin:2px 0 0;font-size:.85rem}.pill{background:var(--card);min-height:40px;box-shadow:var(--shadow);border-radius:999px;padding:0 16px;font-size:.88rem;font-weight:600}.pill[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}main{padding:0 16px}h2{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);align-items:center;gap:8px;margin:22px 6px 8px;font-size:.78rem;font-weight:700;display:flex}h2 span{background:var(--line);letter-spacing:0;border-radius:999px;padding:1px 8px;font-size:.72rem}.card{background:var(--card);box-shadow:var(--shadow);border-radius:20px;overflow:hidden}.row{text-align:left;align-items:center;gap:14px;width:100%;min-height:68px;padding:10px 16px 10px 12px;display:flex}.row+.row{border-top:1px solid var(--line)}.row:active{background:var(--tile);transform:none}.emoji{background:var(--tile);border-radius:14px;flex:none;place-items:center;width:46px;height:46px;font-size:1.6rem;transition:background-color .2s;display:grid}.text{flex-direction:column;flex:1;min-width:0;display:flex}.name{overflow-wrap:anywhere;font-weight:600}.status{font-size:.8rem;font-weight:600}.status:empty{display:none}.row[data-status=low]{background:var(--low-soft)}.row[data-status=low] .status{color:var(--low)}.row[data-status=out]{background:var(--out-soft)}.row[data-status=out] .status{color:var(--out)}.row[data-status=low] .emoji,.row[data-status=out] .emoji{background:var(--card)}.level{align-items:flex-end;gap:3px;height:22px;display:flex}.level i{background:var(--accent);border-radius:3px;width:6px;transition:background-color .2s}.level i:first-child{height:40%}.level i:nth-child(2){height:70%}.level i:nth-child(3){height:100%}.row[data-status=low] .level i{background:color-mix(in srgb, var(--low) 25%, transparent)}.row[data-status=low] .level i:first-child{background:var(--low)}.row[data-status=out] .level i{background:color-mix(in srgb, var(--out) 25%, transparent)}.chevron{color:var(--muted);font-size:1.5rem}.check{border:2px solid var(--muted);border-radius:50%;flex:none;place-items:center;width:28px;height:28px;margin-left:4px;transition:background-color .15s,border-color .15s;display:grid}.row[data-ticked] .check{border-color:var(--accent);background:var(--accent)}.row[data-ticked] .check:after{content:"✓";color:var(--on-accent);font-size:.9rem;font-weight:800}.row[data-ticked]{opacity:.5;transition:opacity .3s}.row[data-ticked] .name{text-decoration:line-through}.hint{color:var(--muted);text-align:center;margin:8px 0 0;font-size:.9rem}.empty{color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:6px;margin-top:22vh;display:flex}.empty span{font-size:4rem}.empty strong{color:var(--text);font-size:1.2rem}nav{bottom:calc(14px + env(safe-area-inset-bottom));z-index:2;background:color-mix(in srgb, var(--card) 88%, transparent);-webkit-backdrop-filter:blur(14px);width:min(100% - 32px,448px);box-shadow:var(--shadow), 0 0 0 1px var(--line);border-radius:24px;gap:6px;padding:6px;display:flex;position:fixed;left:50%;translate:-50%}nav button{min-height:54px;color:var(--muted);border-radius:18px;flex:1;justify-content:center;align-items:center;gap:8px;font-weight:600;display:flex;position:relative}nav button span{font-size:1.3rem}nav button[aria-current=true]{background:var(--accent-soft);color:var(--accent)}.finish{bottom:calc(96px + env(safe-area-inset-bottom));z-index:2;width:min(100% - 32px,448px);position:fixed;left:50%;translate:-50%}main:has(+.finish){padding-bottom:72px}nav .fab{background:var(--accent);width:54px;color:var(--on-accent);border-radius:50%;flex:none;font-size:1.9rem;font-weight:500;line-height:1}nav b{background:var(--out);min-width:22px;color:var(--on-accent);border-radius:999px;padding:1px 6px;font-size:.75rem}.page{padding:calc(20px + env(safe-area-inset-top)) 20px;flex-direction:column;gap:14px;display:flex}.bar{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:4px;display:flex}.login{justify-content:center;min-height:80dvh}.login .hint{text-align:left;margin:-8px 0 12px}.logo{background:var(--accent-soft);border-radius:24px;place-items:center;width:76px;height:76px;font-size:2.6rem;display:grid}label{color:var(--muted);flex-direction:column;gap:6px;font-size:.82rem;font-weight:600;display:flex}input{background:var(--card);min-height:54px;box-shadow:var(--shadow);color:var(--text);border:1.5px solid #0000;border-radius:16px;padding:10px 16px;font-weight:500}input:focus{border-color:var(--accent);outline:none}input::placeholder{color:color-mix(in srgb, var(--muted) 55%, transparent)}.emoji-input{text-align:center;border-radius:28px;align-self:center;width:96px;height:96px;padding:0;font-size:3rem}.emojis{scrollbar-width:none;gap:6px;margin:0 -20px;padding:2px 20px 8px;display:flex;overflow-x:auto}.emojis button{background:var(--card);border-radius:14px;flex:none;width:46px;height:46px;font-size:1.5rem}.emojis button[aria-pressed=true]{background:var(--accent-soft);box-shadow:inset 0 0 0 2px var(--accent)}.primary{background:var(--accent);min-height:56px;color:var(--on-accent);box-shadow:0 8px 22px color-mix(in srgb, var(--accent) 35%, transparent);border-radius:18px;margin-top:6px;font-weight:700}.danger{min-height:48px;color:var(--out);font-weight:600}.error{color:var(--out);margin:0;font-weight:600}@media (prefers-reduced-motion:reduce){*{transition:none!important}}