html{color-scheme:light dark}:root{--ground: #F6F6F2;--surface: #FFFFFF;--ink: #2B2F38;--ink-2: #565B66;--muted: #8D919B;--hair: #E1E2DC;--accent: #D9603B;--accent-soft: #F7E4DC;--focus: #2B2F38;--wash-sky: #E9F0F4;--wash-peach: #FAEEE6;--wash-sage: #EAF1E8}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--ground: #15181F;--surface: #1C2028;--ink: #E9EAEC;--ink-2: #B8BCC5;--muted: #7E838E;--hair: #2A2F39;--accent: #E8805E;--accent-soft: #3A2318;--focus: #E9EAEC;--wash-sky: #1B222C;--wash-peach: #2A2019;--wash-sage: #1B241E}}:root[data-theme=dark]{--ground: #15181F;--surface: #1C2028;--ink: #E9EAEC;--ink-2: #B8BCC5;--muted: #7E838E;--hair: #2A2F39;--accent: #E8805E;--accent-soft: #3A2318;--focus: #E9EAEC;--wash-sky: #1B222C;--wash-peach: #2A2019;--wash-sage: #1B241E}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ground);color:var(--ink);font-family:Karla,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}button{font-family:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.serif{font-family:Fraunces,Georgia,Times New Roman,serif;font-variation-settings:"SOFT" 100}.page{max-width:680px;margin:0 auto;padding:0 24px;min-height:100vh;display:flex;flex-direction:column}.mark{padding:26px 0 0;display:flex;justify-content:space-between;align-items:baseline}.mark a{font-family:Fraunces,Georgia,serif;font-variation-settings:"SOFT" 100;font-size:17px;font-weight:500;color:var(--ink);text-decoration:none;letter-spacing:-.01em}.mark a em{font-style:italic;color:var(--accent)}.mark .tag{font-family:Fraunces,Georgia,serif;font-variation-settings:"SOFT" 100;font-style:italic;font-size:14px;color:var(--muted)}.stage{flex:1 0 auto;display:flex;flex-direction:column;justify-content:center;padding:48px 32px 36px;margin:22px -8px 0;min-height:44vh;background:var(--wash-sky);border-radius:18px}.moment-text{margin:0;font-family:Fraunces,Georgia,serif;font-variation-settings:"SOFT" 100,"opsz" 72;font-weight:500;font-size:clamp(26px,4.4vw,40px);line-height:1.25;letter-spacing:-.015em;text-wrap:pretty;color:var(--ink);transition:opacity .9s ease}.moment-text.fading{opacity:0}.moment-text.empty{color:var(--muted);font-style:italic;font-weight:400}.moment-meta{margin-top:22px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;color:var(--muted);letter-spacing:.02em;transition:opacity .9s ease}.moment-meta.fading{opacity:0}.heart{display:inline-flex;align-items:center;gap:6px;font:inherit;color:var(--muted);background:none;border:0;padding:4px 2px;cursor:pointer;border-radius:4px;transition:color .15s,transform .1s}.heart svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}.heart:hover,.heart.on{color:var(--accent)}.heart.on svg{fill:currentColor}.heart:active{transform:scale(.92)}.heart:disabled{cursor:default;opacity:.6}.next{font:inherit;color:var(--muted);background:none;border:0;padding:4px 2px;cursor:pointer;border-radius:4px;margin-left:auto}.next:hover{color:var(--ink)}.next:after{content:" →"}.compose{margin:14px -8px 28px;padding:22px 32px 20px;background:var(--wash-peach);border-radius:18px}.compose h2{margin:0 0 12px;font-family:Fraunces,Georgia,serif;font-variation-settings:"SOFT" 100;font-weight:500;font-size:19px;letter-spacing:-.01em;color:var(--ink-2)}.compose textarea{display:block;width:100%;min-height:84px;resize:none;font:inherit;font-size:17px;line-height:1.5;color:var(--ink);background:var(--surface);border:1px solid transparent;border-radius:10px;padding:14px 16px;transition:border-color .15s,box-shadow .15s}.compose textarea::placeholder{color:var(--muted)}.compose textarea:focus{outline:none;border-color:var(--ink-2);box-shadow:0 0 0 4px #2b2f380f}.compose .foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;min-height:40px}.btn{font:inherit;font-weight:600;font-size:15px;background:var(--ink);color:var(--ground);border:0;padding:10px 20px;border-radius:999px;cursor:pointer;transition:background .15s,opacity .15s}.btn:hover{background:var(--accent);color:#fff}.btn:disabled{opacity:.45;cursor:default}.status{font-size:14px;color:var(--ink-2)}.status.quiet{color:var(--muted);font-family:JetBrains Mono,monospace;font-size:12px}.more{padding:10px 0 8px;display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.link{font:inherit;font-size:14px;color:var(--ink-2);background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-decoration-color:var(--hair);text-underline-offset:4px}.link:hover{color:var(--ink);text-decoration-color:var(--ink)}.counts{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--muted)}.feed{padding:8px 0 24px}.row{display:grid;grid-template-columns:1fr auto;gap:4px 16px;padding:18px 0;border-bottom:1px solid var(--hair);align-items:start}.row p{grid-column:1;margin:0;font-family:Fraunces,Georgia,serif;font-variation-settings:"SOFT" 100,"opsz" 24;font-size:19px;line-height:1.4;text-wrap:pretty;white-space:pre-wrap;overflow-wrap:anywhere}.row .meta{grid-column:1;font-family:JetBrains Mono,monospace;font-size:11.5px;color:var(--muted);display:flex;gap:12px}.row .meta .ex{color:var(--accent)}.row>.heart{grid-column:2;grid-row:1 / 3;align-self:center;font-family:JetBrains Mono,monospace;font-size:12px}.row.hi p{color:var(--accent)}.feed .empty{padding:28px 0;color:var(--muted);text-align:center;font-size:15px}.showmore{text-align:center;padding:18px 0 0}.why{margin:24px -8px 0;padding:28px 32px 20px;background:var(--wash-sage);border-radius:18px;text-align:center}.why h2{margin:0 0 10px;font-family:Fraunces,Georgia,serif;font-variation-settings:"SOFT" 100;font-style:italic;font-weight:400;font-size:19px;color:var(--ink-2)}.why p{max-width:56ch;margin:0 auto 10px;font-size:15.5px;line-height:1.6;color:var(--ink-2);text-wrap:pretty}footer{padding:18px 0 36px;font-size:13px;color:var(--muted);text-align:center}.notice{margin:16px 0 0;padding:10px 14px;border:1px dashed var(--hair);color:var(--muted);font-size:13px;border-radius:8px}[hidden]{display:none!important}@media (prefers-reduced-motion: reduce){.moment-text,.moment-meta{transition:none}}