:root{--ink: #161616;--paper: #fbfaf8;--faint: #8a8781;--line: #e4e1db;--accent: #b3261e;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-size:15px;line-height:1.5}button{font:inherit;color:inherit;background:none;border:1px solid var(--ink);padding:.3rem .9rem;cursor:pointer}button:disabled{opacity:.35;cursor:default}button.ghost{border:none;color:var(--faint);padding:.2rem .4rem}button.ghost:hover{color:var(--accent)}input,textarea{font:inherit;color:inherit;background:transparent;border:1px solid var(--line);padding:.5rem .7rem}input:focus,textarea:focus{outline:none;border-color:var(--ink)}.login{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.login h1{font-weight:500;letter-spacing:.3em}.app{max-width:40rem;margin:0 auto;padding:0 1rem calc(2rem + env(safe-area-inset-bottom))}.topbar{display:flex;gap:.5rem;padding:.8rem 0;position:sticky;top:0;background:var(--paper);z-index:5}.topbar .spacer{flex:1}.tab{border:none;color:var(--faint);padding:.2rem .4rem}.tab.active{color:var(--ink);text-decoration:underline;text-underline-offset:.3em}.capture{border:1px solid var(--line);padding:.7rem;margin-bottom:1.2rem}.capture-text{display:flex;gap:.6rem;align-items:flex-end}.capture-text textarea{flex:1;resize:none;border:none;padding:.3rem 0}.capture-media{display:flex;gap:.6rem;margin-top:.6rem}.capture-media button{border-color:var(--line);color:var(--faint)}.capture-media button:hover{border-color:var(--ink);color:var(--ink)}.capture-media button.recording{border-color:var(--accent);color:var(--accent);animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.5}}.search{width:100%;margin-bottom:1rem;border:none;border-bottom:1px solid var(--line);padding:.4rem 0}.entries{list-style:none;margin:0;padding:0}.day{color:var(--faint);text-transform:lowercase;letter-spacing:.15em;font-size:.8rem;padding:1.4rem 0 .4rem;border-bottom:1px solid var(--line);margin-bottom:.6rem}.entry{display:grid;grid-template-columns:3.2rem 1fr auto;gap:.6rem;padding:.35rem 0;align-items:baseline}.entry p{margin:0;white-space:pre-wrap;word-break:break-word}.entry .time{color:var(--faint);font-size:.75rem}.entry .redact{opacity:0}.entry:hover .redact{opacity:1}.annotation{grid-column:2;color:var(--faint);font-size:.85rem;border-left:2px solid var(--line);padding-left:.6rem}.polaroid{border:1px solid var(--line);background:#fff;padding:.4rem .4rem 1.1rem;box-shadow:0 1px 3px #0000001f;display:inline-block}.polaroid img{display:block;width:9rem;height:9rem;object-fit:cover}.ph{display:block;width:9rem;height:9rem;background:var(--line)}.audio-ph{width:auto;height:auto;background:none;color:var(--faint)}.fan{border:none;padding:.5rem 0;position:relative;display:inline-flex;justify-self:start;width:fit-content}.fan .fanned{margin-right:-5.5rem}.fan .fanned:last-of-type{margin-right:0}.fan-count{position:absolute;right:-.4rem;bottom:.2rem;background:var(--ink);color:var(--paper);border-radius:999px;min-width:1.5rem;height:1.5rem;display:grid;place-items:center;font-size:.75rem}.entry audio{width:100%;max-width:20rem;height:2.2rem}.sentinel{height:1px}.hint{color:var(--faint);font-size:.85rem}.error{color:var(--accent);font-size:.85rem}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a0aeb;display:grid;place-items:center;z-index:50}.lightbox-inner{position:relative;max-width:min(94vw,60rem)}.lightbox-inner img{max-width:94vw;max-height:82dvh;display:block}.lightbox-bar{display:flex;gap:1rem;justify-content:center;color:#ccc;padding-top:.8rem;font-size:.85rem}.lightbox .nav{position:absolute;top:50%;transform:translateY(-50%);border:none;color:#fff;font-size:2.5rem;padding:1rem}.lightbox .prev{left:-3.5rem}.lightbox .next{right:-3.5rem}.trashed .entry p{text-decoration:line-through;color:var(--faint)}h2{font-weight:500;letter-spacing:.2em;text-transform:lowercase}.status dl{display:grid;grid-template-columns:auto 1fr;gap:.5rem 1.5rem}.status dt{color:var(--faint)}.status dd{margin:0}.mono{font-size:.8rem;word-break:break-all}.heads{list-style:none;padding:0;margin:0}@media(max-width:480px){.entry{grid-template-columns:2.6rem 1fr auto}.polaroid img,.ph{width:7rem;height:7rem}.fan .fanned{margin-right:-5rem}.lightbox .prev{left:0}.lightbox .next{right:0}.lightbox .nav{bottom:-3.5rem;top:auto;transform:none;font-size:1.8rem}}.setup textarea{width:min(24rem,80vw)}.sync-now input{width:100%;margin-bottom:.3rem}