:root{--brand: #ff5200;--ink: var(--brand);--paper: #ffffff;--faint: rgb(255 82 0 / .55);--line: rgb(255 82 0 / .3);--line-strong: rgb(255 82 0 / .45);--small: 14px;--topbar-h: 68px;--accent: var(--brand);--danger: #b3261e;--ground: #f4f5f2;--card: #ffffff;--hero-shadow: rgb(41 33 20 / .22);font-family:Georgia,Times New Roman,serif;accent-color:var(--brand);color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--paper: #000000;--ground: #000000;--card: #000000;--hero-shadow: rgb(0 0 0 / .6);color-scheme:dark}}:root[data-theme=dark]{--paper: #000000;--ground: #000000;--card: #000000;--hero-shadow: rgb(0 0 0 / .6);color-scheme:dark}::selection{background:var(--brand);color:#fff}::placeholder{color:#ff520080}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased}button{font:inherit;font-style:italic;font-size:15px;line-height:1.3;color:var(--brand);background:none;border:1px solid var(--brand);padding:8px 18px;cursor:pointer}button:hover:not(:disabled){background:var(--brand);color:#fff}button:disabled{opacity:.35;cursor:default}button.ghost{border:none;color:var(--faint);padding:4px 8px}button.ghost:hover:not(:disabled){background:none;color:var(--brand)}button.danger{color:var(--danger);border-color:var(--danger)}button.danger:hover:not(:disabled){background:var(--danger);color:#fff}button.ghost.danger:hover:not(:disabled){background:none;color:var(--danger)}input,textarea{font:inherit;color:inherit;background:transparent;border:1px solid var(--line-strong);padding:10px 14px}input:focus,textarea:focus{outline:none;border-color:var(--brand)}a{color:var(--brand);text-underline-offset:3px}a:hover{text-decoration-thickness:2px}.entry a.link{color:inherit;text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:3px;word-break:break-all;overflow-wrap:anywhere}.entry a.link:hover{text-decoration-color:currentColor}.hero{min-height:100dvh;background:var(--ground);padding-bottom:40px}.hero-photo{height:max(260px,34vh);background:var(--line) url(/hero.jpg) center / cover no-repeat}.hero-card{position:relative;width:min(560px,calc(100% - 40px));margin:-110px auto 0;padding:28px;background:var(--card);box-shadow:0 18px 34px var(--hero-shadow)}.hero-mark{width:150px}.hero-headline{font-size:42px;font-weight:400;line-height:1.05;margin:22px 0 0;white-space:pre-line;text-wrap:balance}.hero-subline{font-size:18px;line-height:1.5;margin:14px 0 0;white-space:pre-line;text-wrap:pretty}.hero-body,.hero-form{margin-top:28px;display:flex;flex-direction:column;align-items:flex-start;gap:18px}.hero-form{margin-top:0;width:100%}.hero-stack{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.hero-body input,.hero-body textarea{width:100%;border:none;border-bottom:1px solid var(--line-strong);padding:10px 0;font-size:18px}.hero-body input:focus,.hero-body textarea:focus{border-bottom-color:var(--brand)}.hero-body textarea{resize:none;line-height:1.4}.hero-body button{font-size:18px;padding:13px 22px;min-height:48px}.hero-body button:not(:disabled):active{background:var(--brand);color:#fff}.hero-body .error,.hero-body p{margin:-6px 0 0}.hero-check{display:flex;align-items:flex-start;gap:12px;font-size:16px;line-height:1.4;cursor:pointer}.hero-check input{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:none;width:22px;height:22px;margin:2px 0 0;padding:0;border:1px solid var(--brand);border-radius:0}.hero-check input:checked{background:var(--brand);box-shadow:inset 0 0 0 4px var(--card)}.hero-body .back{border:none;padding:0;min-height:0;font-size:15px;color:var(--faint)}.hero-body .back:hover:not(:disabled){background:none;color:var(--brand)}.wordmark{display:block;width:min(260px,70vw);height:auto;color:var(--brand)}.wordmark.small{width:118px}.app{max-width:46rem;margin:0 auto;padding:0 24px calc(48px + env(safe-area-inset-bottom))}.topbar{display:flex;align-items:center;gap:22px;height:var(--topbar-h);padding:8px 0 0;position:sticky;top:0;background:var(--paper);z-index:5}.topbar .spacer{flex:1}.tab{border:none;font-style:normal;font-size:16px;color:var(--faint);padding:4px 0}.tab:hover:not(:disabled){background:none;color:var(--brand)}.tab.active{color:var(--brand);text-decoration:underline;text-underline-offset:5px}.tab.home{padding:0;display:flex;align-items:center}.tab.home.active{text-decoration:none}.tab.home .wordmark{color:inherit}.capture{border:1px solid var(--line-strong);padding:16px 18px 14px;margin:8px 0}.capture-attachments{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.attach{position:relative;display:inline-block}.attach img,.attach video{display:block;width:72px;height:72px;object-fit:cover;border:1px solid var(--line);background:#000}.attach-audio{display:inline-block;border:1px solid var(--line-strong);color:var(--faint);padding:6px 10px;max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.attach .rm{position:absolute;top:-9px;right:-9px;border:1px solid var(--line-strong);background:var(--paper);border-radius:999px;width:22px;height:22px;padding:0;line-height:1;display:grid;place-items:center;font-size:var(--small);font-style:normal}.attach .rm:hover:not(:disabled){background:var(--brand);color:#fff;border-color:var(--brand)}.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:18px;pointer-events:none}.capture-text{display:flex;gap:14px;align-items:flex-end}.capture-text textarea{flex:1;resize:none;border:none;padding:4px 0;font-size:18px;line-height:1.5}.capture-media{display:flex;gap:10px;margin-top:12px}.capture-media button{font-style:normal;font-size:14px;padding:6px 14px;border-color:var(--line-strong);color:var(--faint)}.capture-media button:hover:not(:disabled){background:none;border-color:var(--brand);color:var(--brand)}.capture-media button.recording,.capture-media button.recording:hover:not(:disabled){background:none;border-color:var(--danger);color:var(--danger);animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.5}}.search{width:100%;margin:10px 0 8px;border:none;border-bottom:1px solid var(--line-strong);padding:8px 0;font-size:16px}.day-marker{position:sticky;top:var(--topbar-h);height:0;width:max-content;z-index:4;overflow:visible;pointer-events:none;color:var(--brand);font-size:var(--small);line-height:1;opacity:0;transition:opacity .6s ease}.day-marker:before{content:"";position:absolute;left:-6px;right:-8px;top:-6px;height:26px;background:var(--paper);z-index:-1}.scrolling .day-marker.has-day{opacity:1;transition-duration:.15s}.entries{list-style:none;margin:0;padding:0}.day{color:var(--faint);font-size:var(--small);padding:34px 0 6px;border-bottom:1px solid transparent;transition:border-color .6s ease}.day:first-child{padding-top:18px}.entry{display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:16px;padding:18px 0;align-items:start;border-bottom:1px solid transparent;transition:border-color .6s ease}.scrolling .entry,.scrolling .day{border-bottom-color:var(--line);transition-duration:.15s}.entry p{margin:0;font-size:18px;line-height:1.5;white-space:pre-wrap;word-break:break-word;text-wrap:pretty}.entry .time{grid-column:1;color:var(--faint);font-size:var(--small);padding-top:5px;opacity:0;transition:opacity .6s ease}.scrolling .entry .time{opacity:1;transition-duration:.15s}@media(prefers-reduced-motion:reduce){.entry,.day,.entry .time{transition:none}}.entry>:not(.time,.actions){grid-column:2}.entry .actions{display:flex;gap:2px;align-items:baseline;grid-column:3;grid-row:1;align-self:start}.entry .actions .ghost{font-style:normal;font-size:14px;padding:3px 6px}.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:14px;line-height:1.5;margin-top:-6px}.annotation p{font-size:14px}.clampable .clamped{display:-webkit-box;-webkit-line-clamp:7;line-clamp:7;-webkit-box-orient:vertical;overflow:hidden}.clampable .more{padding:0 4px;font-size:var(--small)}.polaroid{border:none;background:none;padding:0;display:block;justify-self:start;width:100%;max-width:420px;text-align:left}.polaroid img,.polaroid video{display:block;width:100%;height:auto;border:1px solid var(--line)}.polaroid.video{position:relative}.polaroid.video video{background:#000}.polaroid.video .play-badge{font-size:28px}.ph{display:block;width:100%;max-width:420px;aspect-ratio:4 / 3;background:var(--line)}.audio-ph{width:auto;max-width:none;aspect-ratio:auto;background:none;color:var(--faint);font-size:14px;padding-top:5px}.ping-ok{color:var(--ok, #2e7d32)}.ping-fail{color:var(--danger)}h3 .ping{margin-left:12px;font-size:14px;font-weight:400}.entry.audio .music-mark{color:var(--faint);font-size:14px;padding-top:5px;margin-bottom:-10px}.fan{border:none;background:none;padding:6px 0;position:relative;display:inline-flex;justify-self:start;width:fit-content;cursor:pointer}.polaroid.fanned{width:9rem;max-width:none;border:1px solid var(--line);background:var(--paper);padding:6px 6px 18px;box-shadow:0 2px 8px #1f19181a;display:inline-block}.polaroid.fanned img{width:100%;aspect-ratio:1;object-fit:cover;border:none}.polaroid.fanned .ph{width:100%;aspect-ratio:1}.fan .fanned{margin-right:-5.5rem}.fan .fanned:last-of-type{margin-right:0}.fan-count{position:absolute;right:-6px;bottom:8px;background:var(--brand);color:#fff;border-radius:999px;min-width:24px;height:24px;padding:0 6px;display:grid;place-items:center;font-size:var(--small)}.player{display:flex;align-items:center;gap:12px;width:100%;max-width:420px;min-height:34px}.player audio{display:none}.player .music-mark{padding:0;margin:0}.player .pp{flex:none;width:34px;height:34px;padding:0;border-radius:999px;display:grid;place-items:center;font-style:normal}.player .pp svg{width:12px;height:12px;fill:currentColor}.player.playing .pp{background:var(--brand);color:#fff}.player .t{font-size:var(--small);color:var(--faint);white-space:nowrap}.player .elapsed{min-width:3.2ch;text-align:right}.player .bar{flex:1;min-width:60px;height:24px;display:flex;align-items:center;cursor:pointer;touch-action:none;outline:none}.player .track{position:relative;display:block;width:100%;height:1px;background:var(--line)}.player .fill{position:absolute;left:0;top:0;height:100%;background:var(--brand)}.player .knob{position:absolute;top:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:999px;background:var(--brand);transform:scale(.8);transition:transform .15s}.player .bar:hover .knob,.player .bar:focus-visible .knob,.player.playing .knob{transform:scale(1)}.player .bar:focus-visible .track{box-shadow:0 0 0 4px #ff52001f}.player.failed .t{color:var(--danger)}.sentinel{height:1px}.hint{color:var(--faint);font-size:15px}.error{color:var(--danger);font-size:15px}.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:18px;justify-content:center;color:#ccc;padding-top:14px;font-size:15px}.lightbox-bar button{font-style:normal;border:none;color:#ccc;padding:4px 8px}.lightbox-bar button:hover:not(:disabled){background:none;color:#fff}.lightbox .nav{position:absolute;top:50%;transform:translateY(-50%);border:none;font-style:normal;color:#fff;font-size:40px;padding:16px}.lightbox .nav:hover:not(:disabled){background:none;color:#fff}.trashed .entry p{text-decoration:line-through;color:var(--faint)}h2{font-size:30px;font-weight:400;line-height:1.1;margin:26px 0 20px}.status dl{display:grid;grid-template-columns:auto 1fr;gap:12px 26px;margin:26px 0 0}.status dt{color:var(--faint)}.status dd{margin:0}.mono{font-size:14px;word-break:break-all}.heads{list-style:none;padding:0;margin:0}@media(max-width:520px){body{font-size:16px}.app{padding-left:18px;padding-right:18px}.topbar{--topbar-h: 56px;padding-top:6px;gap:16px}.day-marker{top:56px}.wordmark.small{width:100px}.entry{grid-template-columns:54px minmax(0,1fr) auto;gap:12px;padding:14px 0}.entry p,.capture-text textarea{font-size:17px}.capture{padding:14px 14px 12px}.polaroid.fanned{width:7rem}.fan .fanned{margin-right:-4.5rem}.lightbox .prev{left:0}.lightbox .next{right:0}.lightbox .nav{bottom:-3.5rem;top:auto;transform:none;font-size:28px}}@media(min-width:521px){.lightbox .prev{left:-3.5rem}.lightbox .next{right:-3.5rem}}.sync-now input{width:100%;margin-bottom:6px}.downloads{list-style:none;padding:0;margin:0;line-height:1.7}.downloads a{color:inherit}:root{--t-lan: #3a7d44;--t-relay: #b3872e;--t-internet: #2b5aa7}.status h2{display:flex;align-items:center;gap:12px}.health-dot{width:10px;height:10px;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(--danger)}.peer-map-wrap{overflow-x:auto;margin-bottom:8px}.peer-map{display:block;width:100%;min-width:560px;height:auto;border:1px solid var(--line-strong);background:radial-gradient(circle,#c6c7c1 1px,transparent 1.4px) 0 0 / 22px 22px,#fff}.pm-node rect{fill:#fff;stroke:var(--brand);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:14px}.pm-node .pm-name{fill:var(--brand);font-size:15px;font-weight:600}.pm-node .pm-sub{fill:var(--faint);font-size:14px}.pm-node .pm-dot{fill:var(--line-strong)}.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:14px;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:14px;font-size:var(--small);color:var(--faint);margin-bottom:26px}.pm-legend .lan{color:var(--t-lan)}.pm-legend .relay{color:var(--t-relay)}.pm-legend .internet{color:var(--t-internet)}.status h3{font-size:22px;font-weight:400;line-height:1.2;margin:30px 0 10px}.devices{list-style:none;padding:0;margin:0 0 26px}.devices li{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;padding:12px 0;border-bottom:1px solid var(--line)}.devices .device-meta{margin-left:auto;text-align:right;display:flex;flex-direction:column;gap:2px;font-size:15px;color:var(--faint)}.device-name .rename{opacity:0;transition:opacity .15s;font-style:normal;font-size:14px}.devices li:hover .rename,.device-name .rename:focus{opacity:1}.device-name .rename:hover:not(:disabled){background:none;color:var(--brand)}.device-name.editing input{padding:4px 10px;width:12rem}.net-form{display:flex;flex-direction:column;gap:8px}.net-row{display:flex;align-items:center;gap:10px}.net-row.lookup{margin-top:8px}.net-form textarea{margin-left:26px;font-size:14px}.net-actions{display:flex;align-items:center;gap:14px;margin-top:6px}.appearance{display:inline-flex;gap:16px}.appearance .tab{font-size:15px}.status dd>.hint{margin:4px 0 0}.device-meta .behind{color:var(--accent, #FF5200)}