: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-attachments{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:.6rem}.attach{position:relative;display:inline-block}.attach img,.attach video{display:block;width:4.5rem;height:4.5rem;object-fit:cover;border:1px solid var(--line);background:#000}.attach-audio{display:inline-block;border:1px solid var(--line);color:var(--faint);padding:.3rem .6rem;max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem}.attach .rm{position:absolute;top:-.5rem;right:-.5rem;border:1px solid var(--line);background:var(--paper);border-radius:999px;width:1.3rem;height:1.3rem;padding:0;line-height:1;display:grid;place-items:center;font-size:.85rem}.attach .rm:hover{color:var(--accent);border-color:var(--accent)}.play-badge{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;text-shadow:0 1px 4px rgb(0 0 0 / .6);font-size:1.1rem;pointer-events:none}.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 .actions{display:flex;gap:.15rem;align-items:baseline;grid-column:3;grid-row:1;align-self:start}.entry .redact,.entry .copy{opacity:0}.entry:hover .redact,.entry:hover .copy{opacity:1}.entry .copy.copied{opacity:1;color:var(--t-lan)}@media(hover:none){.entry .copy{opacity:.45}}.annotation{grid-column:2;color:var(--faint);font-size:.85rem;border-left:2px solid var(--line);padding-left:.6rem}.clampable .clamped{display:-webkit-box;-webkit-line-clamp:7;line-clamp:7;-webkit-box-orient:vertical;overflow:hidden}.clampable .more{padding:0 .2rem;font-size:.8rem}.polaroid{border:1px solid var(--line);background:#fff;padding:.4rem .4rem 1.1rem;box-shadow:0 1px 3px #0000001f;display:inline-block}.polaroid img,.polaroid video{display:block;width:9rem;height:9rem;object-fit:cover}.polaroid.video{position:relative}.polaroid.video video{background:#000}.polaroid.video .play-badge{font-size:1.6rem;top:.4rem;right:.4rem;bottom:1.1rem;left:.4rem}.ph{display:block;width:9rem;height:9rem;background:var(--line)}.audio-ph{width:auto;height:auto;background:none;color:var(--faint)}.ping-ok{color:var(--ok, #2e7d32)}.ping-fail{color:var(--accent)}h3 .ping{margin-left:.75rem;font-size:.8rem}.entry.audio .music-mark{color:var(--faint);margin-right:.4rem}.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,.lightbox-inner video{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,.polaroid video,.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}.downloads{list-style:none;padding:0;margin:0}.downloads a{color:inherit}:root{--t-lan: #3a7d44;--t-relay: #b3872e;--t-internet: #2b5aa7}.status h2{display:flex;align-items:center;gap:.6rem}.health-dot{width:.6rem;height:.6rem;border-radius:999px;display:inline-block}.health-dot.green{background:var(--t-lan)}.health-dot.yellow{background:var(--t-relay)}.health-dot.red{background:var(--accent)}.peer-map{width:100%;height:auto;border:1px solid var(--line);background:radial-gradient(circle,var(--line) 1px,transparent 1px) 0 0 / 14px 14px,var(--paper);margin-bottom:.3rem}.pm-node rect{fill:var(--paper);stroke:var(--ink);stroke-width:1.2}.pm-node.pm-relay rect{stroke:var(--t-relay);stroke-dasharray:3 3}.pm-node.pm-relay text{fill:var(--t-relay);font-size:11px;letter-spacing:.12em}.pm-node .pm-name{fill:var(--ink);font-size:12.5px;font-weight:600}.pm-node .pm-sub{fill:var(--faint);font-size:10px}.pm-node .pm-dot{fill:var(--line)}.pm-node.online .pm-dot{fill:var(--t-lan)}.pm-edge line,.pm-edge path{stroke-width:1.4;fill:none}.pm-edge .pm-label{font-size:10px;letter-spacing:.08em;stroke:none}.pm-edge.lan line,.pm-edge.lan path{stroke:var(--t-lan)}.pm-edge.lan .pm-label{fill:var(--t-lan)}.pm-edge.relay line,.pm-edge.relay path{stroke:var(--t-relay)}.pm-edge.relay .pm-label{fill:var(--t-relay)}.pm-edge.internet line,.pm-edge.internet path{stroke:var(--t-internet)}.pm-edge.internet .pm-label{fill:var(--t-internet)}.pm-edge.idle line,.pm-edge.idle path{stroke:var(--faint);stroke-dasharray:2 5}.pm-edge.idle .pm-label{fill:var(--faint)}.pm-edge.lan line,.pm-edge.lan path,.pm-edge.relay line,.pm-edge.relay path,.pm-edge.internet line,.pm-edge.internet path{stroke-dasharray:7 5;animation:pm-flow 1.4s linear infinite}@keyframes pm-flow{to{stroke-dashoffset:-12}}@media(prefers-reduced-motion:reduce){.pm-edge line,.pm-edge path{animation:none}}.pm-legend{display:flex;flex-wrap:wrap;gap:.9rem;font-size:.75rem;color:var(--faint);margin-bottom:1rem}.pm-legend .lan{color:var(--t-lan)}.pm-legend .relay{color:var(--t-relay)}.pm-legend .internet{color:var(--t-internet)}.status h3{font-weight:500;letter-spacing:.15em;text-transform:lowercase;font-size:.95rem;margin:1.2rem 0 .5rem}.devices{list-style:none;padding:0;margin:0 0 1.2rem}.devices li{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .8rem;padding:.25rem 0;border-bottom:1px solid var(--line)}.devices .device-meta{margin-left:auto;text-align:right;display:flex;flex-direction:column;gap:.05rem}.device-name .rename{opacity:0;transition:opacity .15s}.devices li:hover .rename,.device-name .rename:focus{opacity:1}.device-name.editing input{padding:.1rem .4rem;width:12rem}.net-form{display:flex;flex-direction:column;gap:.3rem}.net-row{display:flex;align-items:center;gap:.5rem}.net-row.lookup{margin-top:.4rem}.net-form textarea{margin-left:1.4rem;font-size:.8rem}.net-actions{display:flex;align-items:center;gap:.8rem;margin-top:.2rem}