:root{--surface: #ffffff;--ink: #111111;--fill: #f4f4f5;--hairline: #ececee;--muted: #9a9aa0;--destructive: #d33;--radius: 12px;--radius-lg: 14px}@media(prefers-color-scheme:dark){:root{--surface: #0f0f10;--ink: #f2f2f4;--fill: #232326;--hairline: #232326;--muted: #8e8e95;--destructive: #e0443e}}:root{color-scheme:light dark;font-family:-apple-system,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--surface);color:var(--ink)}#root{max-width:640px;margin:0 auto;padding:16px;padding-bottom:calc(140px + env(safe-area-inset-bottom))}h1,h2,h3{letter-spacing:-.3px}button{min-height:44px;min-width:44px;font-size:1rem;font-family:inherit;color:inherit;background:none;border:none;border-radius:var(--radius);cursor:pointer}textarea,input{font-size:1rem;width:100%;padding:12px;font-family:inherit;background:var(--fill);color:var(--ink);border:none;border-radius:var(--radius);outline-color:var(--ink)}textarea::placeholder,input::placeholder{color:var(--muted)}.screen-title{font-size:1.35rem;font-weight:600;margin:0}.header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.streak-chip{background:var(--fill);border-radius:999px;padding:6px 12px;font-size:.85rem;font-weight:600}.scale{display:flex;gap:4px;align-items:center;margin:8px 0}.scale .scale-label{width:56px;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.scale button{font-size:1.5rem;filter:grayscale(1);opacity:.45;transition:transform .15s,opacity .15s,filter .15s}.scale button[aria-pressed=true]{filter:none;opacity:1;transform:scale(1.15)}.tag-row{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.tag-row button{background:var(--fill);color:var(--ink);border-radius:999px;padding:6px 12px;font-size:.85rem;min-height:44px}.tag-row button[aria-pressed=true]{background:var(--ink);color:var(--surface)}.tag{background:var(--fill);border-radius:999px;padding:3px 10px;font-size:.8rem;color:var(--muted);margin-right:6px;display:inline-block}.photo-chip{display:inline-flex;align-items:center;gap:6px;background:var(--fill);border-radius:999px;padding:6px 14px;font-size:.9rem}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.visually-hidden:focus-visible+.photo-chip{outline:3px solid var(--ink)}.save-bar{position:fixed;left:0;right:0;max-width:640px;margin:0 auto;bottom:max(calc(56px + env(safe-area-inset-bottom)),var(--kb-inset, 0px));padding:8px 16px;background:var(--surface)}.save-bar button{width:100%;background:var(--ink);color:var(--surface);border-radius:var(--radius-lg);font-weight:600;padding:12px 0}.save-bar button:disabled{opacity:.35}.toast{position:fixed;top:16px;left:50%;transform:translate(-50%);background:var(--ink);color:var(--surface);padding:10px 18px;border-radius:999px;font-weight:600;animation:toast-pulse .35s ease-out;z-index:10}@keyframes toast-pulse{0%{transform:translate(-50%) scale(.8);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}.banner{background:var(--fill);color:var(--ink);border-left:3px solid var(--destructive);padding:10px 12px;border-radius:var(--radius);margin-bottom:8px}.tabs{position:fixed;bottom:0;left:0;right:0;display:flex;border-top:1px solid var(--hairline);background:var(--surface);padding-bottom:env(safe-area-inset-bottom);z-index:5}.tabs button{flex:1;border-radius:0;color:var(--muted);font-size:.9rem}.tabs button[aria-current=true]{color:var(--ink);font-weight:700}.screen{animation:screen-fade .18s ease}@keyframes screen-fade{0%{opacity:0;transform:translateY(4px)}}.day-header{position:sticky;top:0;background:var(--surface);font-size:.7rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);padding:12px 0 4px;margin:0;z-index:2}.timeline{list-style:none;padding:0;margin:0}.entry{position:relative;border-bottom:1px solid var(--hairline);overflow:hidden}.entry-content{padding:12px 0;background:var(--surface);transition:transform .2s ease;touch-action:pan-y}.entry.open .entry-content{transform:translate(-128px)}.entry time{font-size:.75rem;color:var(--muted)}.entry img{max-width:100%;border-radius:var(--radius);margin-top:6px;display:block}.entry-faces{margin-right:6px}.entry-actions{position:absolute;right:0;top:0;bottom:0;display:flex;transform:translate(100%);transition:transform .2s ease}.entry.open .entry-actions{transform:translate(0)}.entry-actions button{border-radius:0;padding:0 16px;font-size:.85rem;font-weight:600;min-width:64px}.entry-actions .edit{background:var(--ink);color:var(--surface)}.entry-actions .delete{background:var(--destructive);color:#fff}@media(hover:hover){.entry .entry-actions{transform:none;opacity:0;pointer-events:none;transition:opacity .15s}.entry:hover .entry-actions,.entry:focus-within .entry-actions{opacity:1;pointer-events:auto}.entry.open .entry-content{transform:none}}.empty{color:var(--muted)}