:root{--bg: #f4f1ea;--bg-alt: #ebe6db;--ink: #2b2a26;--ink-soft: #6b675e;--accent: #5b7b6f;--accent-deep:#41594f;--card: #fbf9f4;--surface: #ffffff;--line: #ddd6c8;--error: #a04848;--radius: 18px;--ease: cubic-bezier(.22,.61,.36,1);--bubble-in-bg: #ffffff;--bubble-in-ink: #2b2a26;--topbar-bg: rgba(244,241,234,.92)}@media (prefers-color-scheme: dark){:root{--bg: #1c1814;--bg-alt: #241f18;--ink: #ede4d4;--ink-soft: #9a8f7c;--accent: #7a9a8c;--accent-deep:#9bb5a9;--card: #2a241d;--surface: #322b22;--line: #3d362c;--error: #d68080;--bubble-in-bg: #322b22;--bubble-in-ink: #ede4d4;--topbar-bg: rgba(28,24,20,.92)}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--bg);line-height:1.55;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}a{color:inherit}code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;background:var(--bg-alt);padding:1px 6px;border-radius:4px;font-size:.92em}.screen{min-height:100%;display:flex;flex-direction:column}.screen-center{align-items:center;justify-content:center;padding:32px 20px}.content{width:100%;max-width:720px;margin:0 auto;padding:24px 20px 60px;display:flex;flex-direction:column;gap:20px}.brand{display:inline-flex;align-items:center;gap:10px;font-family:Fraunces,Georgia,serif}.brand-name{font-size:1.15rem;font-weight:600}.brand-dot{width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #5b7b6f2e;animation:breathe 5s var(--ease) infinite}@keyframes breathe{0%,to{box-shadow:0 0 0 4px #5b7b6f2e}50%{box-shadow:0 0 0 9px #5b7b6f0f}}.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 20px;background:var(--topbar-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.topbar-right{display:inline-flex;align-items:center;gap:12px}.topbar-center{display:inline-flex;align-items:center;gap:10px}.topbar-spacer{width:60px}.me-name{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.92rem;color:var(--ink-soft)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px}.card-narrow{width:100%;max-width:460px}.card .eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;color:var(--accent-deep);font-weight:600;margin:18px 0 6px}.h-display{font-family:Fraunces,Georgia,serif;font-weight:500;font-size:1.55rem;line-height:1.2;margin:0 0 12px}.h-section{font-family:Fraunces,Georgia,serif;font-weight:500;font-size:1.25rem;margin:0 0 8px}.muted{color:var(--ink-soft);margin:0 0 12px;font-size:.96rem}.muted.center{text-align:center}.footnote{color:var(--ink-soft);font-size:.82rem;margin:16px 0 0;text-align:center}.error{color:var(--error);font-size:.9rem;margin:8px 0 0}.error-inline{padding:0 20px 12px}.alert{background:#fdf3e3;border:1px solid #e7d4b0;border-radius:12px;padding:12px 14px;font-size:.92rem;margin:16px 0;color:#6b4f1d}.alert code{background:#0000000f}.form{display:flex;flex-direction:column;gap:14px;margin-top:16px}.form-inline{display:flex;gap:10px;flex-wrap:wrap}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:.82rem;color:var(--ink-soft)}input[type=text],input[type=email],input[type=tel],textarea{font:inherit;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink);outline:none;transition:border-color .25s var(--ease),box-shadow .25s var(--ease);width:100%}.form-inline input{flex:1;min-width:180px}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #5b7b6f26}input:disabled,textarea:disabled,button:disabled{opacity:.55;cursor:not-allowed}textarea{resize:vertical;min-height:56px;line-height:1.4}.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 22px;border-radius:999px;font-weight:500;font-size:.96rem;border:1px solid transparent;transition:transform .25s var(--ease),background .25s var(--ease),color .25s var(--ease)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 6px 18px #5b7b6f38}.btn-primary:not(:disabled):hover{background:var(--accent-deep);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line)}.btn-ghost:not(:disabled):hover{background:var(--card)}.btn-small{padding:6px 12px;font-size:.85rem}.friend-list{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.friend-row{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:8px 12px 8px 8px}.friend-row-main{flex:1;display:flex;align-items:center;gap:12px;background:transparent;border:0;padding:6px;border-radius:10px;text-align:left;color:inherit}.friend-row-main:hover{background:var(--bg)}.friend-avatar{width:38px;height:38px;flex:none;border-radius:50%;background:var(--accent);color:#fff;font-family:Fraunces,serif;font-weight:600;display:grid;place-items:center}.friend-avatar-sm{width:28px;height:28px;font-size:.9rem}.friend-text{display:flex;flex-direction:column;min-width:0}.friend-name{font-weight:500}.friend-preview{font-size:.85rem;color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:380px}.bubbles-scroll{flex:1;overflow-y:auto;padding:24px 16px 16px;background:var(--bg)}.bubbles-inner{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:10px}.conversation-hint{text-align:center;font-size:.76rem;color:var(--ink-soft);margin:0 0 14px;font-family:Fraunces,serif;font-style:italic}.link-button{background:none;border:none;padding:0;color:var(--accent-deep);font:inherit;font-style:italic;text-decoration:underline;text-decoration-color:#41594f59;text-underline-offset:3px;cursor:pointer}.link-button:hover{text-decoration-color:var(--accent-deep)}.safety-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin:0 auto 16px;max-width:540px}.safety-label{margin:0 0 8px;font-size:.82rem;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.12em}.safety-digits{margin:0 0 12px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:1.05rem;letter-spacing:.04em;color:var(--ink);word-break:break-all}.safety-help{margin:0;font-size:.85rem;color:var(--ink-soft);line-height:1.5}.bubble{max-width:78%;padding:10px 14px;border-radius:16px;font-size:.95rem;line-height:1.45;position:relative;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere}.bubble.in{align-self:flex-start;background:var(--bubble-in-bg);color:var(--bubble-in-ink);border:1px solid var(--line);border-bottom-left-radius:6px}.bubble.out{align-self:flex-end;background:var(--accent);color:#fff;border-bottom-right-radius:6px}.bubble-body{margin:0}.bubble-time{font-size:.68rem;opacity:.7;margin-top:4px;text-align:right}.composer-row{display:flex;gap:10px;padding:12px 16px 16px;background:var(--card);border-top:1px solid var(--line);align-items:flex-end}.card.card-negative{border-color:#5b7b6f4d;background:var(--card)}.kv{margin:14px 0 0;display:flex;flex-direction:column;gap:0}.kv-row{display:grid;grid-template-columns:1fr 1.4fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.kv-row:last-child{border-bottom:none}.kv dt{color:var(--ink-soft);font-size:.9rem;margin:0}.kv dd{margin:0;font-size:.95rem}.kv-mono{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.85rem;word-break:break-all}.negative-list{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}.negative-list li{position:relative;padding-left:28px;line-height:1.55;color:var(--ink)}.negative-list li:before{content:"";position:absolute;left:0;top:8px;width:14px;height:2px;background:var(--accent);border-radius:2px}.negative-list strong{color:var(--accent-deep)}.tab-row{display:flex;gap:6px;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:4px;width:max-content;margin:0 auto}.tab{background:transparent;border:none;padding:8px 18px;border-radius:999px;font:inherit;color:var(--ink-soft);cursor:pointer;transition:background .25s var(--ease),color .25s var(--ease)}.tab:hover{color:var(--ink)}.tab-active{background:var(--accent);color:#fff}.tab-active:hover{color:#fff}.card.center{text-align:center}.qr-img{display:block;margin:18px auto 8px;border-radius:14px;border:1px solid var(--line);padding:12px;background:var(--card)}.scanner-frame{position:relative;width:100%;max-width:480px;margin:12px auto 0;aspect-ratio:1/1;background:#000;border-radius:14px;overflow:hidden}.scanner-video{width:100%;height:100%;object-fit:cover}.found-card{background:#5b7b6f14;border:1px solid var(--accent);border-radius:14px;padding:18px;margin-top:18px;text-align:center}.card-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.card-header-row .h-section{margin:0}.group-avatar{background:var(--accent-deep)}.member-pick{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.member-pick-row{width:100%;display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:8px 12px;cursor:pointer;text-align:left;color:inherit;transition:background .2s var(--ease),border-color .2s var(--ease)}.member-pick-row:hover{background:var(--bg)}.member-pick-row.on{border-color:var(--accent);background:#5b7b6f12}.pick-bullet{width:22px;height:22px;border-radius:50%;border:2px solid var(--line);margin-left:auto;flex:none;transition:background .2s var(--ease),border-color .2s var(--ease)}.pick-bullet.on{background:var(--accent);border-color:var(--accent)}.member-list-inline{list-style:none;margin:8px 0 12px;padding:0;display:flex;flex-direction:column;gap:4px}.member-list-inline li{font-size:.94rem}.member-safety{color:var(--ink-soft);font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.8rem}.bubble-author{font-size:.75rem;color:var(--accent-deep);margin-bottom:4px;font-weight:500}.bubble.out .bubble-author{color:#ffffffd9}.composer-attach-btn{font-size:1.2rem;padding:8px 14px}.composer-attachment{display:flex;align-items:center;gap:12px;background:var(--card);border-top:1px solid var(--line);padding:10px 16px}.composer-attachment img{max-height:80px;max-width:120px;border-radius:10px;object-fit:cover;border:1px solid var(--line)}.bubble-media{display:block;max-width:100%;max-height:320px;border-radius:10px;margin-bottom:6px;cursor:pointer}.bubble-media-link{color:inherit;text-decoration:underline;font-size:.9rem}.media-loading{font-size:.82rem;color:var(--ink-soft);font-style:italic;padding:8px 0}.media-error{font-size:.82rem;color:var(--error);padding:8px 0}.composer-audio{max-width:240px;height:36px}.audio-bubble{display:flex;flex-wrap:wrap;align-items:center;gap:12px;min-width:232px;margin:4px 2px 6px}.audio-play{flex:none;width:30px;height:30px;border-radius:50%;border:1px solid rgba(91,123,111,.45);background:#5b7b6f1a;color:var(--accent-deep);display:grid;place-items:center;cursor:pointer;padding:0;transition:background .35s var(--ease),color .35s var(--ease),border-color .35s var(--ease)}.audio-play:hover{background:var(--accent);border-color:var(--accent);color:#fff}.bubble.out .audio-play{border-color:#ffffffa6;background:#ffffff2e;color:#fff}.bubble.out .audio-play:hover{background:#fff;color:var(--accent-deep);border-color:#fff}.audio-progress{flex:1;min-width:80px;height:3px;background:var(--line);border-radius:999px;overflow:hidden;cursor:pointer;position:relative}.bubble.out .audio-progress{background:#ffffff38}.audio-progress-fill{height:100%;background:var(--accent-deep);border-radius:inherit;transition:width .12s linear}.bubble.out .audio-progress-fill{background:#fff;opacity:.9}.audio-waveform{flex:1;min-width:100px;height:26px;display:flex;align-items:center;gap:2px;cursor:pointer;padding:0 1px}.audio-waveform-bar{flex:1;min-width:2px;background:var(--line);border-radius:999px;transition:background .25s var(--ease)}.audio-waveform-bar.played{background:var(--accent-deep)}.bubble.out .audio-waveform-bar{background:#ffffff59}.bubble.out .audio-waveform-bar.played{background:#fff}.audio-time{flex:none;font-family:Fraunces,Georgia,serif;font-variant-numeric:tabular-nums;font-size:.78rem;color:var(--ink-soft);min-width:36px;text-align:right;letter-spacing:.02em}.bubble.out .audio-time{color:#ffffffd9}.audio-transcribe-trigger{flex-basis:100%;background:transparent;border:none;padding:4px 0 2px;margin-top:4px;color:var(--accent-deep);font:inherit;font-style:italic;font-size:.82rem;text-decoration:underline;text-decoration-color:#41594f59;text-underline-offset:3px;cursor:pointer;text-align:left}.bubble.out .audio-transcribe-trigger{color:#ffffffd9;text-decoration-color:#fff6}.audio-transcribe-trigger:hover{text-decoration-color:currentColor}.audio-transcript-progress{flex-basis:100%;margin-top:6px;font-size:.82rem;color:var(--ink-soft);display:flex;flex-direction:column;gap:4px}.bubble.out .audio-transcript-progress{color:#fffc}.audio-transcript-progress-bar{height:3px;background:var(--line);border-radius:999px;overflow:hidden}.bubble.out .audio-transcript-progress-bar{background:#ffffff38}.audio-transcript-progress-fill{height:100%;background:var(--accent-deep);transition:width .2s linear}.bubble.out .audio-transcript-progress-fill{background:#fff}.audio-transcript{flex-basis:100%;margin-top:8px;padding:10px 12px;background:#5b7b6f0f;border-left:2px solid var(--accent);border-radius:4px;display:flex;flex-direction:column;gap:4px}.bubble.out .audio-transcript{background:#ffffff24;border-left-color:#ffffffb3}.audio-transcript-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;color:var(--accent-deep)}.bubble.out .audio-transcript-label{color:#ffffffd9}.audio-transcript-body{font-family:Fraunces,Georgia,serif;font-size:.92rem;line-height:1.55;color:var(--ink)}.bubble.out .audio-transcript-body{color:#fff}.voice-recorder{display:inline-flex;align-items:center;gap:12px;padding:8px 14px;border:1px solid rgba(91,123,111,.45);border-radius:999px;background:#5b7b6f0f;font-size:.9rem;margin:0 4px}.voice-recorder-dot{width:9px;height:9px;border-radius:50%;background:#b85a5a;box-shadow:0 0 #b85a5a73;animation:voice-pulse 2s var(--ease) infinite;flex:none}@keyframes voice-pulse{0%{box-shadow:0 0 #b85a5a8c}70%{box-shadow:0 0 0 8px #b85a5a00}to{box-shadow:0 0 #b85a5a00}}.voice-recorder-timer{font-family:Fraunces,Georgia,serif;font-variant-numeric:tabular-nums;color:var(--ink);min-width:36px;letter-spacing:.02em}.voice-recorder-bar{width:64px;height:4px;border-radius:999px;background:#5b7b6f2e;overflow:hidden;flex:none}.voice-recorder-bar-fill{display:block;width:100%;height:100%;background:var(--accent);transform-origin:left center;transform:scaleX(.08);transition:transform .12s ease-out;border-radius:inherit}.voice-recorder-wave{display:inline-flex;align-items:center;gap:2px;height:18px;width:96px;flex:none}.voice-recorder-wave-bar{flex:1;min-width:2px;background:var(--accent);border-radius:999px;transition:height .08s ease-out}.voice-recorder-device,.voice-recorder-device-static{position:relative;font-size:.78rem;color:var(--ink-soft);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;max-width:180px}.voice-recorder-device-trigger{background:transparent;border:1px solid var(--line);color:var(--ink-soft);padding:4px 8px;border-radius:999px;font:inherit;cursor:pointer;transition:border-color .25s var(--ease),color .25s var(--ease)}.voice-recorder-device-trigger:hover{border-color:var(--accent);color:var(--ink)}.voice-recorder-device-menu{position:absolute;bottom:calc(100% + 6px);left:0;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:6px;box-shadow:0 12px 32px #0003;z-index:5;min-width:200px;max-width:320px}.voice-recorder-device-item{display:block;width:100%;text-align:left;background:transparent;border:none;padding:8px 12px;border-radius:8px;font:inherit;color:var(--ink);cursor:pointer;transition:background .15s var(--ease)}.voice-recorder-device-item:hover{background:var(--bg)}.voice-recorder-device-item.on{background:#5b7b6f1a;color:var(--accent-deep)}.voice-recorder-device-static{padding:4px 8px}@media (max-width: 720px){.voice-recorder-wave{width:60px}.voice-recorder-device,.voice-recorder-device-static{display:none}}@media (max-width: 560px){.voice-recorder-bar{display:none}}.empty-stack{display:flex;flex-direction:column;gap:18px;padding-top:4px}.empty-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.empty-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px 18px 16px;display:flex;flex-direction:column;text-align:left;color:inherit}.empty-card-button{cursor:pointer;transition:border-color .25s var(--ease),transform .25s var(--ease)}.empty-card-button:hover{border-color:var(--accent);transform:translateY(-1px)}.empty-card-eyebrow{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-deep);margin-bottom:4px}.empty-card-title{font-family:Fraunces,Georgia,serif;font-size:1.15rem;font-weight:500;margin:2px 0 8px}.empty-card-body{font-size:.92rem;color:var(--ink-soft);line-height:1.5}.empty-footnote{font-family:Fraunces,Georgia,serif;font-style:italic;color:var(--ink-soft);text-align:center;margin:6px 0 0;font-size:1rem;line-height:1.5}@media (max-width: 560px){.empty-row{grid-template-columns:1fr}}.bubble-wrap{display:flex;flex-direction:column;max-width:78%}.bubble-wrap.in{align-self:flex-start}.bubble-wrap.out{align-self:flex-end;align-items:flex-end}.bubble-wrap .bubble{max-width:100%;align-self:stretch}.bubble-reactions{display:inline-flex;flex-wrap:wrap;gap:4px;margin-top:4px}.reaction-badge{display:inline-flex;align-items:center;gap:4px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:2px 8px;font-size:.82rem;line-height:1.4}.reaction-badge.mine{background:#5b7b6f1f;border-color:var(--accent)}.reaction-count{font-size:.72rem;color:var(--ink-soft);font-family:ui-monospace,Menlo,Consolas,monospace}.bubble-react-row{position:relative;display:flex;margin-top:4px;opacity:0;transition:opacity .2s var(--ease)}.bubble-wrap:hover .bubble-react-row,.bubble-react-row:focus-within{opacity:1}@media (hover: none){.bubble-react-row{opacity:1}}.react-trigger{background:transparent;border:1px solid var(--line);color:var(--ink-soft);width:26px;height:26px;border-radius:50%;font-size:1rem;display:grid;place-items:center;cursor:pointer;transition:background .2s var(--ease),color .2s var(--ease)}.react-trigger:hover{background:var(--card);color:var(--ink)}.react-palette{position:absolute;bottom:32px;left:0;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:4px 8px;display:inline-flex;gap:4px;box-shadow:0 10px 30px #0000002e;z-index:5}.bubble-wrap.out .react-palette{left:auto;right:0}.react-palette-btn{background:transparent;border:none;padding:4px 6px;border-radius:999px;font-size:1.15rem;cursor:pointer;transition:background .15s var(--ease)}.react-palette-btn:hover{background:var(--bg)}.react-palette-btn.mine{background:#5b7b6f2e}.bubble-reply-context{margin:-2px -2px 8px;padding:6px 10px;border-left:2px solid var(--accent);background:#5b7b6f14;border-radius:6px;display:flex;flex-direction:column;gap:2px;font-size:.82rem}.bubble.out .bubble-reply-context{background:#ffffff24;border-left-color:#ffffffb3}.bubble-reply-author{font-weight:500;color:var(--accent-deep)}.bubble.out .bubble-reply-author{color:#fffffff2}.bubble-reply-preview{color:var(--ink-soft);font-family:Fraunces,Georgia,serif;font-style:italic;line-height:1.4;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bubble.out .bubble-reply-preview{color:#ffffffd1}.composer-reply{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#5b7b6f14;border-top:1px solid var(--line);border-left:3px solid var(--accent);font-size:.9rem}.composer-reply-label{font-size:.78rem;color:var(--accent-deep);font-weight:500;white-space:nowrap}.composer-reply-preview{flex:1;font-family:Fraunces,Georgia,serif;font-style:italic;color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2b2a264d;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;display:flex;align-items:center;justify-content:center;padding:24px}.confirm-card{background:var(--bg);border-radius:var(--radius);padding:24px;max-width:440px;width:100%;box-shadow:0 24px 60px #2b2a262e;border:1px solid var(--line)}.confirm-card .h-section{margin-top:0}.confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.btn-danger{background:#a04848;color:#fff;border-color:transparent;box-shadow:0 6px 18px #a0484833}.btn-danger:not(:disabled):hover{background:#883838;transform:translateY(-1px)}.export-ready{margin-top:12px}.card.card-negative{border-color:var(--line);background:var(--card)}.letter-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 18px;text-align:left;cursor:pointer;color:inherit;display:flex;flex-direction:column;gap:6px;max-width:360px;transition:border-color .25s var(--ease),transform .25s var(--ease),box-shadow .25s var(--ease);position:relative}.letter-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-image:repeating-linear-gradient(transparent 0 26px,#5b7b6f0f 26px,#5b7b6f0f 27px);pointer-events:none;opacity:.8}.letter-card:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:0 8px 24px #2b2a2614}.letter-card.out{background:#5b7b6f1a;border-color:#5b7b6f59}.letter-card-meta{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-deep)}.letter-card-title{font-family:Fraunces,Georgia,serif;font-size:1.15rem;font-weight:500;line-height:1.3;color:var(--ink);overflow-wrap:anywhere}.letter-card-preview{font-family:Fraunces,Georgia,serif;font-style:italic;font-size:.95rem;color:var(--ink-soft);line-height:1.5;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.letter-card-foot{display:flex;align-items:center;justify-content:space-between;font-size:.78rem;color:var(--ink-soft);margin-top:4px}.letter-card-cta{color:var(--accent-deep);font-weight:500}.letter-compose-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2b2a262e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;display:flex;flex-direction:column}.letter-compose{flex:1;background:var(--bg);display:flex;flex-direction:column;overflow:hidden}.letter-compose-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 22px;border-bottom:1px solid var(--line);background:#f4f1eaf2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.letter-compose-meta{font-family:Fraunces,Georgia,serif;font-style:italic;color:var(--ink-soft);font-size:.95rem}.letter-compose-page{flex:1;overflow-y:auto;display:flex;flex-direction:column;align-items:center;padding:48px 24px 60px;background-image:repeating-linear-gradient(transparent 0 28px,#5b7b6f0a 28px,#5b7b6f0a 29px)}.letter-compose-title{width:100%;max-width:640px;background:transparent;border:none;font-family:Fraunces,Georgia,serif;font-size:2rem;font-weight:500;color:var(--ink);padding:0 0 16px;outline:none}.letter-compose-title::placeholder{color:#2b2a264d;font-style:italic}.letter-compose-body{width:100%;max-width:640px;background:transparent;border:none;font-family:Fraunces,Georgia,serif;font-size:1.1rem;line-height:1.7;color:var(--ink);padding:0;outline:none;resize:none}.letter-compose-body::placeholder{color:#2b2a2640}.letter-compose-foot{width:100%;max-width:640px;display:flex;justify-content:space-between;font-size:.82rem;color:var(--ink-soft);margin-top:24px;gap:24px;font-family:Fraunces,Georgia,serif;font-style:italic}.letter-reader-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2b2a264d;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;display:flex;flex-direction:column;align-items:center;overflow-y:auto}.letter-reader{background:var(--bg);width:100%;max-width:760px;min-height:100%;display:flex;flex-direction:column}.letter-reader-head{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-bottom:1px solid var(--line);background:#f4f1eaf2;position:sticky;top:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1}.letter-reader-meta{font-family:Fraunces,Georgia,serif;font-style:italic;font-size:.9rem;color:var(--ink-soft)}.letter-reader-page{padding:56px 32px 72px;background-image:repeating-linear-gradient(transparent 0 30px,#5b7b6f0a 30px,#5b7b6f0a 31px);flex:1}.letter-reader-author{font-family:Fraunces,Georgia,serif;font-style:italic;color:var(--accent-deep);font-size:.95rem;margin-bottom:8px;letter-spacing:.02em}.letter-reader-title{font-family:Fraunces,Georgia,serif;font-size:clamp(2rem,5vw,2.8rem);font-weight:500;line-height:1.15;margin:0 0 32px;color:var(--ink);letter-spacing:-.01em;overflow-wrap:anywhere}.letter-reader-body{font-family:Fraunces,Georgia,serif;font-size:1.15rem;line-height:1.8;color:var(--ink);max-width:60ch;overflow-wrap:anywhere}.letter-reader-body p{margin:0 0 1.4em;text-indent:0;overflow-wrap:anywhere}.letter-reader-body p:first-child:first-letter{font-size:2.4em;float:left;line-height:.9;margin:.06em .08em 0 0;font-weight:500;color:var(--accent-deep)}@media (max-width: 720px){.letter-reader-page{padding:36px 22px 60px}.letter-reader-body{font-size:1.05rem}.letter-compose-page{padding:32px 20px 60px}.letter-compose-title{font-size:1.5rem}.letter-compose-body{font-size:1rem;line-height:1.6}}.composer-row textarea{flex:1;background:#fff}@media (max-width: 560px){.content{padding:16px 14px 60px;gap:14px}.topbar{padding:10px 14px}.card{padding:18px 16px}.friend-preview{max-width:200px}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}