:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--canvas:#f4f4f2;--surface:#fff;--ink:#111;--ink-muted:#5c5c5c;--line:color-mix(in srgb, var(--ink) 12%, transparent);--accent:#111;--accent-contrast:#f4f4f2;--danger:#9b1c1c;--nav-height:64px;--safe-bottom:env(safe-area-inset-bottom,0px);--font:ui-sans-serif, system-ui, sans-serif;--radius:16px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--canvas:#111;--surface:#1c1c1c;--ink:#f2f2f2;--ink-muted:#a3a3a3;--accent:#f2f2f2;--accent-contrast:#111;--danger:#f0a0a0}}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font);color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0}button,input{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:none}.app{max-width:480px;min-height:100dvh;padding:16px 16px calc(var(--nav-height) + var(--safe-bottom) + 20px);flex-direction:column;gap:16px;margin:0 auto;display:flex}.topbar{padding-top:8px}.brand{letter-spacing:-.03em;margin:0;font-size:1.5rem;font-weight:700}.screen{flex-direction:column;gap:16px;display:flex}.thing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.thing-tile{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);touch-action:manipulation;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:132px;padding:18px 12px;display:flex;position:relative}.thing-tile:active{transform:scale(.97)}.thing-tile.logged{border-color:color-mix(in srgb, var(--thing-color) 70%, var(--ink))}.thing-tile .emoji{font-size:2.2rem;line-height:1}.thing-tile .label{text-align:center;font-size:1rem;font-weight:600;line-height:1.2}.anything-tile{color:var(--ink-muted);border-style:dashed}.thing-tile .count{min-width:26px;height:26px;color:var(--accent-contrast);background:var(--thing-color);border-radius:999px;place-items:center;padding:0 7px;font-size:.85rem;font-weight:700;display:grid;position:absolute;top:10px;right:10px}.home-hint,.modal-hint{color:var(--ink-muted);margin:0;font-size:.95rem}.modal-form{flex-direction:column;gap:14px;display:flex}.check-row{align-items:center;gap:10px;min-height:44px;font-weight:600;display:flex}.check-row input{width:20px;height:20px;accent-color:var(--accent)}.empty{text-align:center;border-radius:var(--radius);border:1px dashed var(--line);padding:48px 20px}.empty h2{margin:0 0 8px;font-size:1.2rem}.empty p{color:var(--ink-muted);margin:0 0 18px}.primary-btn,.secondary-btn{border-radius:14px;justify-content:center;align-items:center;min-height:48px;padding:0 18px;font-weight:600;display:inline-flex}.primary-btn{background:var(--accent);color:var(--accent-contrast)}.secondary-btn{background:var(--surface);color:var(--ink);border:1px solid var(--line)}.bottom-nav{width:min(480px,100%);height:calc(var(--nav-height) + var(--safe-bottom));padding:8px 12px var(--safe-bottom);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);z-index:20;grid-template-columns:repeat(3,1fr);gap:6px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-btn{color:var(--ink-muted);border-radius:12px;justify-content:center;align-items:center;min-height:44px;font-size:.85rem;font-weight:600;display:flex}.nav-btn.active{color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent)}.undo-toast{left:50%;bottom:calc(var(--nav-height) + var(--safe-bottom) + 16px);background:var(--ink);width:min(420px,100% - 24px);color:var(--canvas);z-index:30;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex;position:fixed;transform:translate(-50%)}.undo-toast button{padding:6px 8px;font-weight:700}.panel{background:var(--surface);border-radius:var(--radius);border:1px solid var(--line);padding:14px}.panel-title{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);margin:0 0 12px;font-size:.85rem;font-weight:700}.day-group{flex-direction:column;gap:8px;display:flex}.day-heading{margin:8px 4px 0;font-size:.95rem;font-weight:700}.log-row{background:var(--surface);border:1px solid var(--line);border-radius:14px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;padding:12px;display:grid}.log-row.unsaved{border-style:dashed;align-items:start}.log-main{flex-direction:column;align-items:flex-start;gap:6px;min-width:0;display:flex}.log-meta{color:var(--ink-muted);font-size:.85rem}.log-add-btn{color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent)}.log-emoji,.stat-emoji,.thing-edit-swatch{background:color-mix(in srgb, var(--thing-color) 22%, var(--surface));border-radius:12px;place-items:center;width:40px;height:40px;font-size:1.25rem;display:grid}.thing-edit-swatch{width:48px;height:48px;font-size:1.4rem}.log-name,.stat-name,.thing-edit-name{font-weight:600}.log-time{color:var(--ink-muted);font-size:.9rem}.icon-btn{width:36px;height:36px;color:var(--ink-muted);background:var(--canvas);border-radius:10px}.stats-grid,.thing-edit-list{gap:10px;display:grid}.stat-card,.thing-edit-row{background:var(--canvas);border-radius:14px;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:12px;display:grid}.thing-edit-row{background:var(--surface);border:1px solid var(--line)}.thing-edit-row.hidden-thing{opacity:.55}.stat-meta,.muted{color:var(--ink-muted);font-size:.9rem}.thing-edit-main{flex-direction:column;gap:8px;min-width:0;display:flex}.thing-edit-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.thing-edit-actions{flex-wrap:wrap;gap:6px;display:flex}.chip-btn{background:var(--canvas);min-height:34px;color:var(--ink-muted);border-radius:10px;padding:0 10px;font-size:.85rem;font-weight:600}.chip-btn:disabled{opacity:.35}.modal-backdrop{z-index:40;padding:12px;padding-bottom:calc(12px + var(--safe-bottom));background:#1116;place-items:end center;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border-radius:22px;flex-direction:column;gap:14px;width:min(480px,100%);max-height:min(90dvh,720px);padding:18px;display:flex;overflow:auto}.modal h2{margin:0;font-size:1.25rem}.field{flex-direction:column;gap:6px;display:flex}.field label,.field-label{color:var(--ink-muted);font-size:.85rem;font-weight:600}.field input{border:1px solid var(--line);background:var(--canvas);min-height:48px;color:var(--ink);border-radius:12px;outline:none;padding:0 14px}.field input:focus{border-color:var(--accent)}.emoji-grid,.color-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;display:grid}.emoji-option,.color-option{aspect-ratio:1;background:var(--canvas);border:2px solid #0000;border-radius:12px;place-items:center;display:grid}.emoji-option.selected,.color-option.selected{border-color:var(--accent)}.emoji-option{font-size:1.25rem}.modal-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.section-head{justify-content:space-between;align-items:center;gap:12px;display:flex}@media (width>=480px){.thing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}