@font-face{font-family:basier square;src:url(/fonts/basier-regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:basier square;src:url(/fonts/basier-medium.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Zed Mono Extended;src:url(/fonts/zed-mono-extended.woff)format("woff");font-weight:400;font-display:swap}:root{--cm-gray-0:#fff;--cm-gray-50:#fafafa;--cm-gray-100:#f4f4f4;--cm-gray-150:#f0f0f0;--cm-gray-200:#e8e8e8;--cm-gray-300:#d9d9d9;--cm-gray-350:#c2c2c2;--cm-gray-400:#999;--cm-gray-500:#737373;--cm-gray-600:#555;--cm-gray-700:#333;--cm-gray-800:#262626;--cm-gray-850:#202020;--cm-gray-900:#161616;--cm-gray-950:#101010;--sans:"basier square", ui-sans-serif, system-ui, sans-serif;--serif:"Source Serif 4", Georgia, serif;--mono:"Zed Mono Extended", ui-monospace, monospace;--bar:36px;--rule:32px;--gutter:16px;--radius:4px;--duration:.14s;--settle:.22s;--ease:cubic-bezier(.16, 1, .3, 1);--ease-settle:cubic-bezier(.2, .9, .25, 1.12);--tip-internal:#fff8a7;--tip-external:#e0dbff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--weight-reading:400;--canvas:var(--cm-gray-50);--surface:var(--cm-gray-0);--rest:var(--cm-gray-100);--hover:var(--cm-gray-150);--selected:var(--cm-gray-0);--border:var(--cm-gray-300);--text:var(--cm-gray-800);--text-2:var(--cm-gray-600);--text-3:var(--cm-gray-500);--tick:var(--cm-gray-400);--tick-major:var(--cm-gray-600);--accent:var(--cm-gray-800);--on-accent:var(--cm-gray-0);--hatch:#1616160f;--signal-blue:#3257ff;--link-mark:#2445dc;--ink-coral:#b8351d;--ink-green:#087844;--green-paper:#e7f1e8;--petal:#ffde33;--petal-ink:#7a5600;--sky-dot:#3d8bff;--sun-dot:#ffc21a;--berry-dot:#ff4f6d;--mint-dot:#1fc47c;--grape-dot:#9a6bff;--tangerine-dot:#ff8a3d;--teal-dot:#17c1cf;--lime-dot:#8fd12a;--sky-wash:#ddeaf5;--sky-ink:#2e5f8a;--sun-wash:#fbf0c8;--sun-ink:#6f5500;--berry-wash:#fae8e8;--berry-ink:#a8302f;--mint-wash:#e2f2de;--mint-ink:#2a6e22;--grape-wash:#f0e4ee;--grape-ink:#7d4a77;--tangerine-wash:#f6dfce;--tangerine-ink:#80482d;--teal-wash:#dcefee;--teal-ink:#1f6560;--lime-wash:#eaf0d5;--lime-ink:#4c5c14}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--weight-reading:350;--canvas:var(--cm-gray-950);--surface:var(--cm-gray-900);--rest:var(--cm-gray-850);--hover:var(--cm-gray-800);--selected:var(--cm-gray-700);--border:var(--cm-gray-700);--text:var(--cm-gray-150);--text-2:var(--cm-gray-350);--text-3:var(--cm-gray-400);--tick:var(--cm-gray-600);--tick-major:var(--cm-gray-400);--accent:var(--cm-gray-150);--on-accent:var(--cm-gray-900);--hatch:#f0f0f014;--signal-blue:#6f8bff;--link-mark:#fff8a7;--ink-coral:#ff9b79;--ink-green:#57df95;--green-paper:#202e25;--petal:#ffde33;--petal-ink:#ffe16b;--sky-wash:#22303e;--sky-ink:#8fc1ee;--sun-wash:#3a3117;--sun-ink:#f0cd6b;--berry-wash:#3a2426;--berry-ink:#f5a3a5;--mint-wash:#213821;--mint-ink:#8fdb84;--grape-wash:#332332;--grape-ink:#dba6d6;--tangerine-wash:#3c2b22;--tangerine-ink:#e9bda0;--teal-wash:#1e3433;--teal-ink:#8ad6cf;--lime-wash:#2c321c;--lime-ink:#c6db86}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--weight-reading:350;--canvas:var(--cm-gray-950);--surface:var(--cm-gray-900);--rest:var(--cm-gray-850);--hover:var(--cm-gray-800);--selected:var(--cm-gray-700);--border:var(--cm-gray-700);--text:var(--cm-gray-150);--text-2:var(--cm-gray-350);--text-3:var(--cm-gray-400);--tick:var(--cm-gray-600);--tick-major:var(--cm-gray-400);--accent:var(--cm-gray-150);--on-accent:var(--cm-gray-900);--hatch:#f0f0f014;--signal-blue:#6f8bff;--link-mark:#fff8a7;--ink-coral:#ff9b79;--ink-green:#57df95;--green-paper:#202e25;--petal:#ffde33;--petal-ink:#ffe16b;--sky-wash:#22303e;--sky-ink:#8fc1ee;--sun-wash:#3a3117;--sun-ink:#f0cd6b;--berry-wash:#3a2426;--berry-ink:#f5a3a5;--mint-wash:#213821;--mint-ink:#8fdb84;--grape-wash:#332332;--grape-ink:#dba6d6;--tangerine-wash:#3c2b22;--tangerine-ink:#e9bda0;--teal-wash:#1e3433;--teal-ink:#8ad6cf;--lime-wash:#2c321c;--lime-ink:#c6db86}[data-hue=sky]{--wash:var(--sky-wash);--ink:var(--sky-ink);--dot:var(--sky-dot)}[data-hue=sun]{--wash:var(--sun-wash);--ink:var(--sun-ink);--dot:var(--sun-dot)}[data-hue=berry]{--wash:var(--berry-wash);--ink:var(--berry-ink);--dot:var(--berry-dot)}[data-hue=mint]{--wash:var(--mint-wash);--ink:var(--mint-ink);--dot:var(--mint-dot)}[data-hue=grape]{--wash:var(--grape-wash);--ink:var(--grape-ink);--dot:var(--grape-dot)}[data-hue=tangerine]{--wash:var(--tangerine-wash);--ink:var(--tangerine-ink);--dot:var(--tangerine-dot)}[data-hue=teal]{--wash:var(--teal-wash);--ink:var(--teal-ink);--dot:var(--teal-dot)}[data-hue=lime]{--wash:var(--lime-wash);--ink:var(--lime-ink);--dot:var(--lime-dot)}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%;scrollbar-width:none}html::-webkit-scrollbar{display:none}body{background:var(--surface);color:var(--text);font:400 13px/1.4 var(--sans);margin:0;transition:background-color .3s;overflow-x:hidden}h1,h2,h3,strong,b{font-weight:500}::selection{background:var(--tip-internal);color:#000}button,input{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius)}.icon{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px}.icon.filled{fill:currentColor;stroke:none}.bracket{font-family:var(--mono);font-size:11px}.flower{width:16px;height:16px;color:var(--petal-ink);transition:transform var(--settle) var(--ease-settle);flex:none}.topbar{z-index:30;height:calc(var(--bar) + env(safe-area-inset-top));padding:env(safe-area-inset-top) 8px 0 16px;border-bottom:1px solid var(--border);background:var(--surface);align-items:center;gap:12px;font-size:14px;line-height:1;transition:background-color .3s;display:flex;position:fixed;inset:0 0 auto}.brand{color:var(--text);white-space:nowrap;align-items:center;gap:6px;margin-right:auto;text-decoration:none;display:flex}.brand:hover .flower{transform:rotate(15deg)}.shelves{gap:12px;display:flex}.shelf-link{height:28px;color:var(--text-2);white-space:nowrap;transition:color var(--duration);background:0 0;border:0;align-items:center;gap:6px;padding:0;display:flex}.shelf-link:hover,.shelf-link[aria-pressed=true]{color:var(--text)}.shelf-link .icon{width:15px;height:15px;transition:color var(--duration), transform var(--settle) var(--ease-settle)}.shelf-link[data-shelf=favourites]:hover .icon{transform:rotate(-12deg)}.shelf-link[data-shelf=favourites][aria-pressed=true] .icon{color:var(--ink-coral);fill:currentColor;stroke:none}.shelf-link[data-shelf=archive][aria-pressed=true] .icon{color:var(--ink-green)}.shelf-link .badge{color:var(--text-3);font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:11px}.theme-toggle{border-radius:var(--radius);width:32px;height:32px;color:var(--text-2);transition:background-color var(--duration), color var(--duration);background:0 0;border:0;place-items:center;padding:0;display:grid}.theme-toggle:hover{background:var(--hover);color:var(--text)}.theme-toggle .icon{transition:opacity var(--settle) var(--ease), transform var(--settle) var(--ease);grid-area:1/1}.icon-moon,:root[data-resolved=dark] .icon-sun{opacity:0;transform:rotate(-90deg)scale(.6)}:root[data-resolved=dark] .icon-moon{opacity:1;transform:none}.ruler,.rail-handle{display:none}.frame{padding-top:calc(var(--bar) + env(safe-area-inset-top))}.rail{top:calc(var(--bar) + env(safe-area-inset-top));z-index:10;border-bottom:1px solid var(--border);background:var(--surface);transition:background-color .3s;position:sticky}.controls{padding:8px var(--gutter) 8px}.rail-label{display:none}.tabs{border-radius:var(--radius);background:var(--rest);gap:2px;padding:2px;display:flex}.tab{border-radius:var(--radius);min-width:0;height:32px;color:var(--text-2);white-space:nowrap;transition:background-color var(--duration), color var(--duration);background:0 0;border:0;flex:1 1 0;justify-content:center;align-items:center;gap:6px;padding:0 6px;font-size:12px;display:flex}.tab .icon{width:14px;height:14px}.tab .count{color:var(--text-2);font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:10px}.tab:not(:disabled):hover{background:var(--hover);color:var(--text)}.tab[aria-pressed=true]{background:var(--selected);box-shadow:inset 0 0 0 1px var(--border);color:var(--text)}.tab:disabled{color:var(--text-3);cursor:default}.chips{margin:8px calc(-1 * var(--gutter)) 0;padding:0 var(--gutter);scrollbar-width:none;gap:6px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{border:1px solid var(--border);background:var(--surface);height:32px;color:var(--text-2);white-space:nowrap;transition:background-color var(--duration), border-color var(--duration), color var(--duration);border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 11px;font-size:11.5px;display:inline-flex}.chip:hover{background:var(--hover);color:var(--text)}.chip .dot{background:var(--dot);border-radius:50%;width:7px;height:7px}.chip .icon{width:13px;height:13px}.chip[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.chip[data-hue][aria-pressed=true]{background:var(--wash);color:var(--ink);border-color:#0000}.chip-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.clear-chip{z-index:1;border-style:dashed;border-color:var(--text-3);color:var(--text);box-shadow:-24px 0 0 var(--surface), 8px 0 10px -4px var(--surface);position:sticky;left:0}.clear-chip .count,.more-chip .count{color:var(--text-3);font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:10px}.more-chip .icon{transition:transform var(--settle) var(--ease)}.more-chip[aria-expanded=true] .icon{transform:rotate(180deg)}.more-chip:disabled{cursor:default}.chip-rule{background:var(--border);flex:none;width:1px;margin:8px 2px}.people{margin-top:6px}.people .chip{padding-left:4px}.monogram{border-radius:var(--radius);background:var(--wash,var(--rest));width:22px;height:22px;color:var(--ink,var(--text-2));flex:none;place-items:center;font-size:11px;font-weight:500;line-height:1;display:grid}.people .monogram{border-radius:999px;width:22px;height:22px}.people-head,.people-none{display:none}.column{min-width:0;padding:16px var(--gutter) max(48px, env(safe-area-inset-bottom))}.list{flex-direction:column;gap:28px;display:flex}.card,.moment,.skeleton{min-width:0;margin:0;position:relative}.byline{min-width:0;color:var(--text-3);align-items:center;gap:8px;font-size:12px;display:flex}.byline .author{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.byline time{font-family:var(--mono);font-variant-numeric:tabular-nums;flex:none;margin-left:auto;font-size:11px}.format{border-radius:var(--radius);background:var(--rest);height:18px;color:var(--text-2);flex:none;align-items:center;gap:4px;padding:0 6px;font-size:11px;display:inline-flex}.format .icon{width:10px;height:10px}.tags{flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none;display:flex}.tags li{background:var(--wash);color:var(--ink);white-space:nowrap;border-radius:999px;padding:2px 7px;font-size:11px;line-height:1.3}.stretch{color:inherit;text-decoration:none}.stretch:after{content:"";z-index:1;border-radius:inherit;position:absolute;inset:0}.stretch:focus-visible{outline:none}.card:has(.stretch:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.watch .title a,.read .title{text-underline-offset:4px;transition:text-decoration-color var(--duration);-webkit-text-decoration:underline wavy #0000;text-decoration:underline wavy #0000;text-decoration-thickness:1.5px}.watch .title a:hover,.read:hover .title{-webkit-text-decoration-color:var(--link-mark);text-decoration-color:var(--link-mark)}.watch{align-content:start;gap:10px;display:grid}.thumb{aspect-ratio:16/9;border-radius:var(--radius);background:var(--rest);border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.thumb img,.thumb iframe{object-fit:cover;border:0;width:100%;height:100%;display:block}.play{border-radius:var(--radius);background:var(--surface);width:32px;height:32px;color:var(--text);transition:background-color var(--duration), color var(--duration);place-items:center;display:grid;position:absolute;bottom:8px;left:8px}.play .icon{width:14px;height:14px}.thumb:hover .play{color:#39120a;background:#ff6238}.watch .body{gap:8px;display:grid}.watch .title{text-wrap:pretty;margin:0;font-size:15px;font-weight:500;line-height:1.35}.watch .title a{color:inherit}.watch .foot,.read .foot,.post .foot{justify-content:space-between;align-items:center;gap:12px;margin-top:auto;display:flex}.read{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);transition:border-color var(--duration);flex-direction:column;gap:12px;padding:16px;display:flex}.read:hover{border-color:var(--text-3)}.read .text{grid-template-columns:1fr auto;align-items:start;gap:8px 14px;display:grid}.read .title{color:var(--text);text-wrap:pretty;margin:0;font-size:15px;font-weight:500;line-height:1.35}.read .summary{max-width:62ch;color:var(--text-2);font-family:var(--serif);font-size:14px;font-weight:var(--weight-reading);-webkit-line-clamp:4;-webkit-box-orient:vertical;grid-column:1/-1;margin:0;line-height:1.6;display:-webkit-box;overflow:hidden}.read .mini{border-radius:var(--radius);object-fit:cover;background:var(--rest);width:72px;height:72px}.post{border-radius:var(--radius);background:var(--rest);transition:background-color var(--duration);flex-direction:column;gap:12px;padding:16px;display:flex}.post:hover{background:var(--hover)}.post-text{font-family:var(--serif);font-size:15px;font-weight:var(--weight-reading);font-optical-sizing:auto;text-wrap:pretty;overflow-wrap:anywhere;margin:0;line-height:1.55}.post-image{aspect-ratio:16/9;border-radius:var(--radius);object-fit:cover;background:var(--surface);width:100%}.go{width:28px;height:28px;color:var(--text-3);transition:color var(--duration), transform var(--settle) var(--ease-settle);flex:none;place-items:center;display:grid}.read:hover .go,.post:hover .go{color:var(--text);transform:translate(2px,-2px)}.actions{z-index:2;flex:none;gap:2px;display:flex;position:relative}.act{border-radius:var(--radius);width:32px;height:32px;color:var(--text-3);transition:background-color var(--duration), color var(--duration);background:0 0;border:0;place-items:center;padding:0;display:grid}.act:hover{background:var(--hover);color:var(--text)}.act:active{transform:scale(.96)}.act .icon{transition:transform var(--settle) var(--ease-settle)}.act-favourites[aria-pressed=true]{color:var(--ink-coral)}.act-favourites[aria-pressed=true] .icon{transform:rotate(-12deg)}.act-archive[aria-pressed=true]{background:var(--green-paper);color:var(--ink-green)}.shelf-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.shelf-head h2{align-items:baseline;gap:8px;margin:0;font-size:18px;line-height:1.25;display:flex}.shelf-head .count{color:var(--text-3);font-family:var(--mono);font-size:12px;font-weight:400}.button{border-radius:var(--radius);background:var(--accent);height:32px;color:var(--on-accent);transition:background-color var(--duration), transform var(--duration);border:0;padding:0 12px;font-size:13px}.button:active{transform:scale(.98)}.button.quiet{background:var(--rest);color:var(--text)}.button.quiet:hover{background:var(--hover)}html:has(.viewer[open]){overflow:hidden}.viewer{border:0;border-top:1px solid var(--border);background:var(--surface);width:100%;max-width:100%;max-height:88dvh;color:var(--text);overscroll-behavior:contain;border-radius:10px 10px 0 0;margin:auto 0 0;padding:0;overflow-y:auto}.viewer::backdrop{cursor:pointer;background:#00000059}.viewer[open]{animation:sheet-up .4s var(--ease)}.viewer[open]::backdrop{animation:.25s ease-out fade-in}@keyframes sheet-up{0%{opacity:0;transform:translateY(32px)}}@keyframes panel-in{0%{opacity:0;transform:translate(32px)}}@keyframes fade-in{0%{opacity:0}}.viewer-sheet{min-height:100%;padding:10px 20px max(24px, env(safe-area-inset-bottom));align-content:start;gap:16px;display:grid}.viewer-sheet:before{content:"";background:var(--border);border-radius:999px;justify-self:center;width:32px;height:4px}.viewer-head{align-items:center;gap:10px;display:flex}.viewer-head .monogram,.viewer-head .avatar{border-radius:var(--radius);object-fit:cover;flex:none;width:36px;height:36px;font-size:14px}.viewer-head .who{gap:2px;min-width:0;margin-right:auto;line-height:1.3;display:grid}.viewer-head .who strong{font-size:14px}.viewer-head .who span{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.viewer-close{border-radius:var(--radius);width:32px;height:32px;color:var(--text-3);background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.viewer-close:hover{background:var(--hover);color:var(--text)}.viewer-time{color:var(--text-3);font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:11px}.viewer-text{font-family:var(--serif);font-size:17px;font-weight:var(--weight-reading);font-optical-sizing:auto;white-space:pre-wrap;overflow-wrap:anywhere;text-wrap:pretty;margin:0;line-height:1.6}.viewer-text a,.viewer-out{color:inherit;text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-decoration-thickness:1.5px}.viewer-text a:hover,.viewer-out:hover{cursor:alias;text-decoration-style:wavy;-webkit-text-decoration-color:var(--link-mark);text-decoration-color:var(--link-mark)}.viewer-media{gap:12px;display:grid}.viewer-media.loading{border-radius:var(--radius);background:var(--rest);min-height:160px;animation:1.6s ease-in-out infinite pulse}.viewer-images{border-radius:var(--radius);grid-template-columns:repeat(2,1fr);gap:4px;display:grid;overflow:hidden}.viewer-images img{aspect-ratio:1;object-fit:cover;background:var(--rest);width:100%;height:100%;display:block}.viewer-images.count-1{grid-template-columns:1fr}.viewer-images.count-1 img{aspect-ratio:auto;object-fit:contain;max-height:70dvh}.viewer-images.count-3 img:first-child{aspect-ratio:auto;grid-row:span 2}.viewer-video{border-radius:var(--radius);background:var(--rest);min-height:180px;color:var(--text);place-items:center;text-decoration:none;display:grid;position:relative;overflow:hidden}.viewer-video img{object-fit:cover;width:100%;max-height:60dvh}.viewer-video .play{top:50%;bottom:auto;left:50%;transform:translate(-50%,-50%)}.viewer-video:hover .play{color:#39120a;background:#ff6238}.viewer-video-note{border-radius:var(--radius);background:var(--surface);padding:3px 8px;font-size:12px;position:absolute;bottom:8px;left:8px}.viewer-link{border:1px solid var(--border);border-radius:var(--radius);color:var(--text);transition:border-color var(--duration);text-decoration:none;display:grid;overflow:hidden}.viewer-link:hover{border-color:var(--text-3)}.viewer-link img{aspect-ratio:1.91;object-fit:cover;background:var(--rest);width:100%}.viewer-link-text{gap:4px;padding:12px;display:grid}.viewer-link-text span{color:var(--text-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;display:-webkit-box;overflow:hidden}.viewer-link-text small{color:var(--text-3);font-family:var(--mono);font-size:11px}.viewer-quote{border-radius:var(--radius);background:var(--wash);color:var(--ink);gap:4px;margin:0;padding:12px;display:grid}.viewer-quote p{font-family:var(--serif);white-space:pre-wrap;margin:0}.viewer-note{color:var(--text-3);margin:0;font-size:13px}.viewer-foot{justify-content:space-between;align-items:center;gap:12px;padding-top:4px;display:flex}.viewer-out{align-items:center;gap:4px;font-size:13px;display:inline-flex}.viewer-out .icon{width:14px;height:14px}.moment{border:1px solid var(--border);border-radius:var(--radius);background-color:var(--surface);background-image:repeating-linear-gradient(315deg, var(--hatch) 0 1px, transparent 0 50%);text-align:center;background-size:10px 10px;justify-items:center;gap:8px;padding:32px 20px;display:grid}.moment .flower{width:24px;height:24px;color:var(--text-3);margin-bottom:4px}.moment .moment-title{font-family:var(--sans);color:var(--text);text-wrap:balance;margin:0;font-size:15px;font-weight:500;line-height:1.3}.moment p{max-width:40ch;color:var(--text-2);font-family:var(--serif);font-size:14px;font-weight:var(--weight-reading);text-wrap:pretty;margin:0;line-height:1.6}.moment .fine{max-width:64ch;color:var(--text-3);font-family:var(--mono);margin-top:8px;font-size:11px;line-height:1.6}.moment .button{margin-top:8px}.moment.happy{background:0 0;border:0;grid-template-columns:1fr auto auto 1fr;align-items:center;gap:6px 8px;padding:16px 0}.moment.happy:before,.moment.happy:after{content:"";background:var(--border);grid-row:1;justify-self:stretch;height:1px}.moment.happy:before{grid-column:1}.moment.happy:after{grid-column:4}.moment.happy .flower{width:18px;height:18px;color:var(--petal-ink);--petal-fill:var(--petal);grid-area:1/2;margin:0}.moment.happy .moment-title{grid-area:1/3;font-size:13px}.moment.happy p:not(.moment-title){grid-area:2/1/auto/-1;justify-self:center;font-size:13px}.moment.happy.cheer .flower{transform:rotate(30deg)}.skeleton{border:1px solid var(--border);border-radius:var(--radius);gap:10px;padding:16px;display:grid}.skeleton span{border-radius:var(--radius);background:var(--rest);width:40%;height:12px;animation:1.6s ease-in-out infinite pulse}.skeleton span:nth-child(2){width:85%;height:20px}.skeleton span:nth-child(3){width:65%}@keyframes pulse{50%{opacity:.45}}.sentinel{height:1px}.link-tip{z-index:60;border-radius:var(--radius);background:var(--tip-external);color:#000;max-width:min(440px,100vw - 16px);font-family:var(--mono);pointer-events:none;border:1px solid #000;align-items:center;gap:6px;padding:4px 8px;font-size:12px;line-height:1.35;display:flex;position:fixed;top:0;left:0;box-shadow:0 1px 2px #00000014}.link-tip .icon{width:13px;height:13px}.link-tip .tip-url{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.link-tip.original{background:var(--tip-internal);max-width:320px;font-family:var(--sans);gap:2px;font-size:13px;display:grid}.link-tip .tip-label{font-family:var(--mono);opacity:.7;font-size:10px}@media (width<=379px){.brand span,.tab .icon{display:none}}@media (width>=720px){:root{--gutter:24px}.read .mini{width:88px;height:88px}}@media (width>=1024px){body{background-color:var(--canvas);background-image:repeating-linear-gradient(315deg, var(--hatch) 0 1px, transparent 0 50%);background-size:10px 10px;background-attachment:fixed}.topbar{justify-content:space-between;padding:0 20px}.brand{margin-right:0}.shelves{display:contents}.ruler{top:var(--bar);z-index:20;width:var(--rule);background:var(--surface);pointer-events:none;flex-direction:column;justify-content:space-between;padding:8px 6px;transition:background-color .3s;display:flex;position:fixed;bottom:0}.ruler-left{border-right:1px solid var(--border);align-items:flex-start;left:0}.ruler-right{border-left:1px solid var(--border);align-items:flex-end;right:0}.tick{background:var(--tick);place-items:center;width:4px;height:1px;display:grid}.tick.major{background:var(--tick-major);width:10px}.tick.active{background:var(--signal-blue);border-radius:50%;width:6px;height:6px}.ruler.scrolling .tick.active{background:0 0;border-radius:0;width:auto;height:0}.ruler.scrolling .tick.active:after{content:attr(data-pct);color:var(--signal-blue);font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:10px;line-height:0}:root{--drawer:224px}.frame{width:min(1480px, 100% - 2 * var(--rule) - 80px);min-height:100vh;padding-top:var(--bar);border-inline:1px solid var(--border);background:var(--surface);margin-inline:auto;transition:background-color .3s;display:block}.rail-handle{top:50%;left:calc(var(--rule) + 8px);z-index:25;width:16px;height:56px;transition:left .2s var(--ease);background:0 0;border:0;place-items:center;padding:0;display:grid;position:fixed;transform:translate(-50%,-50%)}:root[data-rail=open] .rail-handle{left:calc(var(--rule) + var(--drawer) + 8px)}:root[data-rail=open] .rail-tip{display:none}.rail-handle:before{content:"";background:var(--cm-gray-300);width:4px;height:40px;transition:background-color var(--duration);border-radius:999px}.rail-handle:hover:before,.rail-handle:focus-visible:before{background:var(--cm-gray-400)}:root[data-resolved=dark] .rail-handle:before{background:var(--cm-gray-700)}:root[data-resolved=dark] .rail-handle:hover:before,:root[data-resolved=dark] .rail-handle:focus-visible:before{background:var(--cm-gray-600)}.rail-tip{border:1px solid var(--text);border-radius:var(--radius);background:var(--surface);color:var(--text);font-family:var(--mono);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--duration);align-items:center;gap:6px;padding:4px 8px;font-size:12px;display:flex;position:absolute;top:50%;left:50%;transform:translateY(24px);box-shadow:0 1px 2px #00000014}.rail-tip kbd{border-radius:var(--radius);font:inherit;border:1px solid;padding:0 4px}.rail-handle:hover .rail-tip,.rail-handle:focus-visible .rail-tip{opacity:1}.rail{top:var(--bar);left:var(--rule);z-index:25;width:var(--drawer);height:calc(100vh - var(--bar));border-bottom:0;border-right:1px solid var(--border);background:var(--surface);scrollbar-width:none;opacity:0;visibility:hidden;transition:opacity .2s var(--ease), transform .2s var(--ease), visibility 0s .2s, background-color .3s ease;position:fixed;overflow-y:auto;transform:translate(-12px)}:root[data-rail=open] .rail{opacity:1;visibility:visible;transition:opacity .2s var(--ease), transform .2s var(--ease), visibility 0s, background-color .3s ease;transform:none}.rail::-webkit-scrollbar{display:none}.controls{padding:20px 12px 32px}.rail-label,.people-head h2{color:var(--text-3);margin:0 0 8px 8px;font-size:12px;font-weight:500;display:block}.rail-label:not(:first-child){margin-top:24px}.tabs{background:0 0;flex-direction:column;gap:2px;padding:0}.tab{height:30px;color:var(--text-2);flex:none;justify-content:flex-start;gap:8px;padding:0 8px}.tab .count{margin-left:auto}.tab[aria-pressed=true]{background:var(--hover);box-shadow:none}:root[data-resolved=dark] .tab[aria-pressed=true]{background:var(--selected)}.chips{flex-wrap:wrap;gap:6px;margin:0;padding:0 8px;overflow:visible}.chip{height:26px;padding:0 9px}.clear-chip{box-shadow:none;position:static}.chip-rule{flex-basis:100%;width:auto;height:1px;margin:6px 0}.people-section{margin-top:24px}.people-head{gap:8px;margin-bottom:6px;display:grid}.people-head h2{gap:6px;margin-bottom:0;display:flex}.people-head .count{font-family:var(--mono);font-size:11px;font-weight:400}.people-find{border-radius:var(--radius);background:var(--rest);width:100%;height:30px;color:var(--text);border:0;padding:0 10px;font-size:13px}.people-find::placeholder{color:var(--text-3)}.people-find:focus{background:var(--hover)}.people{grid-template-columns:minmax(0,1fr);gap:2px;margin:0;padding:0;display:grid}.people .chip{border-radius:var(--radius);background:0 0;border:0;gap:6px;min-width:0;height:28px;padding:0 6px 0 4px;font-size:12px}.people .chip:hover{background:var(--hover)}.people .chip[aria-pressed=true]{background:var(--wash);color:var(--ink)}.people .monogram{border-radius:var(--radius);width:18px;height:18px;font-size:10px}.people-none{color:var(--text-3);margin:8px 0 0 8px;font-size:13px;display:block}.column{padding:24px 24px 64px}.list{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 20px;display:grid}.list>.shelf-head,.list>.moment.happy{grid-column:1/-1}.list>.moment{align-content:center}.list>.moment:only-child{grid-column:1/-1;justify-self:center;width:min(100%,560px)}.post-text{-webkit-line-clamp:6;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.viewer{border-top:0;border-left:1px solid var(--border);border-radius:0;width:min(520px,100vw);height:100dvh;max-height:100dvh;margin:0 0 0 auto}.viewer[open]{animation:panel-in .4s var(--ease)}.viewer-sheet{padding:20px 24px 32px}.viewer-sheet:before{display:none}}@media (prefers-reduced-motion:no-preference){.theme-fade,.theme-fade *,.theme-fade :before,.theme-fade :after{transition:background-color .3s,border-color .3s,color .3s,fill .3s,stroke .3s,box-shadow .3s,text-decoration-color .3s!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.flower,.act .icon,.go{transform:none!important}}