:root{--bg: #fbf8f4;--surface: #ffffff;--surface-2: #f3efe9;--ink: #1a1814;--ink-soft: #4b4740;--muted: #8b857c;--line: #e8e2d8;--line-strong: #d6cfc2;--accent: #b65427;--accent-soft: #f3e3d6;--accent-ink: #6e2f12;--good: #1f7a4a;--good-soft: #d8efe2;--warn: #b07a00;--bad: #b1322f;--bad-soft: #f7dcdb;--shadow-sm: 0 1px 2px rgba(20, 17, 12, .04), 0 2px 8px rgba(20, 17, 12, .04);--shadow-md: 0 6px 24px rgba(20, 17, 12, .08);--radius: 14px;--radius-sm: 10px;--serif: "Fraunces", "Iowan Old Style", Georgia, serif;--sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace}@media(prefers-color-scheme:dark){:root{--bg: #14130f;--surface: #1c1a16;--surface-2: #24221c;--ink: #f3eee5;--ink-soft: #c9c3b6;--muted: #847f74;--line: #2a2620;--line-strong: #38332b;--accent: #d97a47;--accent-soft: #3a2417;--accent-ink: #f5c6a5;--good: #6dd29d;--good-soft: #1f3429;--warn: #e2b766;--bad: #e58783;--bad-soft: #3b1f1d;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3), 0 2px 6px rgba(0, 0, 0, .2);--shadow-md: 0 8px 28px rgba(0, 0, 0, .4)}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code,.mono{font-family:var(--mono);font-size:.85em}button{font:inherit;cursor:pointer;border:1px solid transparent;border-radius:999px;padding:8px 16px;background:transparent;color:inherit;transition:all .15s ease}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}button.primary:hover:not(:disabled){background:var(--accent);border-color:var(--accent)}button.primary.big{padding:14px 28px;font-size:1.05rem;font-weight:600}button.ghost{border-color:var(--line-strong);color:var(--ink)}button.ghost:hover:not(:disabled){background:var(--surface-2)}button.ghost.following{border-color:var(--good);color:var(--good)}button.ghost.following:before{content:"✓ "}button.ghost.following:hover:not(:disabled){background:var(--bad-soft);border-color:var(--bad);color:var(--bad)}button.ghost.following:hover:not(:disabled):before{content:"× "}button.link-btn{border-radius:4px;padding:0;background:none;border:none;color:var(--muted);font-size:.85em;text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:2px}button.link-btn:hover{color:var(--ink);text-decoration-color:var(--ink)}button.link-btn.danger{color:var(--bad);text-decoration-color:var(--bad-soft)}button.link-btn.danger:hover{color:var(--bad);text-decoration-color:var(--bad)}input,textarea,select{font:inherit;width:100%;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:10px 12px;color:var(--ink);outline:none;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}textarea{resize:vertical;font-family:var(--sans);line-height:1.55}.muted{color:var(--muted)}.small{font-size:.85em}.warn{color:var(--warn)}.app{display:flex;flex-direction:column;min-height:100vh}.main{flex:1;width:100%;max-width:920px;margin:0 auto;padding:32px 24px 64px}.page{display:flex;flex-direction:column;gap:24px}.page-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.page-head h1{margin:0;font-family:var(--serif);font-weight:600;font-size:2rem;letter-spacing:-.02em}.footer{border-top:1px solid var(--line);padding:20px 24px;text-align:center;color:var(--muted);font-size:.85em}.header{display:flex;align-items:center;gap:24px;padding:16px 24px;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;-webkit-backdrop-filter:saturate(160%) blur(8px);backdrop-filter:saturate(160%) blur(8px)}.brand{display:flex;align-items:center;gap:8px;font-family:var(--serif);font-weight:700;font-size:1.25rem;color:var(--ink);letter-spacing:-.01em}.brand:hover{text-decoration:none}.brand-mark{font-size:1.8rem;line-height:.6;color:var(--accent);margin-top:6px}.nav{display:flex;gap:4px;flex:1}.nav-link{padding:6px 12px;border-radius:999px;color:var(--ink-soft);font-weight:500;font-size:.95em}.nav-link:hover{background:var(--surface-2);text-decoration:none}.nav-link.active{background:var(--ink);color:var(--bg)}.nav-link-cta{border:1px solid var(--accent);color:var(--accent);font-family:inherit;margin-left:4px}.nav-link-cta:hover{background:var(--accent-soft);text-decoration:none}.header-right{display:flex;align-items:center;gap:14px}.me{display:flex;align-items:center;gap:10px}.me-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;background:var(--surface-2);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--ink-soft)}.me-text{display:flex;flex-direction:column;font-size:.85em;line-height:1.2}.me-name{font-weight:600}.relay-indicator{position:relative}.relay-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;font-size:.78em;border:1px solid var(--line-strong);background:var(--surface-2);border-radius:999px;color:var(--ink-soft)}.relay-pill .dot{width:6px;height:6px;border-radius:50%;background:var(--good);box-shadow:0 0 0 3px var(--good-soft)}.relay-pop{position:absolute;top:calc(100% + 6px);right:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:12px;min-width:320px;box-shadow:var(--shadow-md);z-index:20}.relay-pop-title{font-size:.75em;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:8px}.relay-list{list-style:none;padding:0;margin:0 0 8px;max-height:220px;overflow-y:auto}.relay-list li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 0;border-bottom:1px dashed var(--line);font-size:.85em}.relay-list li:last-child{border-bottom:none}.relay-add{display:flex;gap:6px}.relay-add input{flex:1;padding:6px 10px;font-size:.85em}.relay-add button{padding:6px 14px;background:var(--ink);color:var(--bg);border-radius:999px;border-color:var(--ink)}.onboarding{display:flex;flex-direction:column;gap:64px;padding-top:32px}.onboarding-hero{text-align:center;max-width:680px;margin:0 auto}.quote-mark{font-family:var(--serif);font-size:8rem;line-height:.7;color:var(--accent);margin-bottom:16px}.onboarding h1{font-family:var(--serif);font-weight:500;font-size:clamp(2rem,5vw,3.4rem);line-height:1.05;letter-spacing:-.02em;margin:0 0 16px}.onboarding h1 em{color:var(--accent);font-style:italic;font-weight:600}.lede{font-size:1.15rem;color:var(--ink-soft);margin:0 auto 32px;max-width:560px}.onboarding-actions{display:flex;flex-direction:column;align-items:center;gap:16px}.nip07-missing{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;text-align:left;max-width:480px;box-shadow:var(--shadow-sm)}.nip07-missing strong{display:block;margin-bottom:8px}.ext-list{margin:12px 0 8px;padding-left:20px}.ext-list li{margin:6px 0}.onboarding-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.info-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px}.info-num{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--accent-soft);color:var(--accent-ink);font-family:var(--serif);font-weight:600;margin-bottom:12px}.info-card h3{margin:0 0 8px;font-family:var(--serif);font-weight:600;letter-spacing:-.01em}.info-card p{margin:0;color:var(--ink-soft);font-size:.95em}.profile-hero{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow-sm)}.profile-id h1{margin:0 0 4px;font-family:var(--serif);font-weight:600;font-size:1.9rem;letter-spacing:-.02em}.profile-nip05{color:var(--accent);font-size:.9em;margin-bottom:4px}.profile-npub{color:var(--muted);font-size:.85em}.profile-about{margin:12px 0 0;color:var(--ink-soft);white-space:pre-wrap}.profile-actions{display:flex;flex-direction:column;gap:8px;align-self:start}@media(max-width:700px){.profile-hero{grid-template-columns:1fr;text-align:center;justify-items:center}.profile-actions{flex-direction:row}}.section-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:16px}.section-head h2{margin:0;font-family:var(--serif);font-weight:600;font-size:1.4rem;letter-spacing:-.01em}.testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px}.testimonial-card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:28px 24px 20px;display:flex;flex-direction:column;gap:18px;box-shadow:var(--shadow-sm);transition:transform .18s ease,box-shadow .18s ease}.testimonial-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.testimonial-quote{position:absolute;top:-18px;left:18px;font-family:var(--serif);font-size:4rem;line-height:1;color:var(--accent);padding:0 8px;pointer-events:none}.testimonial-content{font-family:var(--serif);font-size:1.1rem;line-height:1.55;color:var(--ink);white-space:pre-wrap;flex:1;font-style:italic}.testimonial-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;padding-top:12px;border-top:1px dashed var(--line)}.testimonial-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:.8em;color:var(--muted)}.author-line{display:flex;align-items:center;gap:10px;min-width:0}a.author-line-link{color:inherit;text-decoration:none;border-radius:999px;padding:2px 6px 2px 2px;margin:-2px -6px -2px -2px;transition:background .15s ease}a.author-line-link:hover{background:var(--surface-2);text-decoration:none}a.author-line-link:hover .author-name{color:var(--accent)}.author-text{display:flex;flex-direction:column;min-width:0}.author-name{font-weight:600;font-size:.92em;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.author-handle{color:var(--muted);font-size:.78em}.avatar{border-radius:50%;object-fit:cover;background:var(--surface-2);border:1px solid var(--line);flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.avatar-fallback{font-family:var(--serif);color:var(--accent-ink);background:var(--accent-soft);font-weight:600}.empty-state{text-align:center;padding:48px 24px;background:var(--surface);border:1px dashed var(--line-strong);border-radius:var(--radius);color:var(--ink-soft)}.empty-quote{font-family:var(--serif);font-size:5rem;line-height:.6;color:var(--line-strong);margin-bottom:24px}.empty-state p{max-width:420px;margin:0 auto 16px}.skeleton{pointer-events:none;position:relative;overflow:hidden}.skeleton-line,.skeleton-avatar{background:linear-gradient(90deg,var(--line) 0%,var(--surface-2) 50%,var(--line) 100%);background-size:200% 100%;animation:shimmer 1.4s linear infinite;border-radius:4px;height:14px;margin:8px 0}.skeleton-avatar{width:32px;height:32px;border-radius:50%;margin:0}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.inbox-help{background:var(--surface);border-left:3px solid var(--accent);padding:12px 16px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--ink-soft)}.inbox-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.inbox-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-sm)}.inbox-item-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.inbox-quote{margin:0 0 16px;padding:14px 18px;background:var(--surface-2);border-left:3px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-family:var(--serif);font-size:1.05rem;font-style:italic;white-space:pre-wrap}.inbox-actions{display:flex;gap:10px}.badge{display:inline-block;font-size:.75em;padding:3px 10px;border-radius:999px;font-weight:500}.badge-ok{background:var(--good-soft);color:var(--good)}.badge-bad{background:var(--bad-soft);color:var(--bad)}.error-banner{background:var(--bad-soft);color:var(--bad);border:1px solid var(--bad);border-radius:var(--radius-sm);padding:12px 16px;font-size:.9em}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#14110c80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;justify-content:flex-start;padding:24px;z-index:100;animation:fade .18s ease;overflow-y:auto;overscroll-behavior:contain}.modal{margin:auto;background:var(--surface);border-radius:var(--radius);padding:28px;width:100%;max-width:520px;position:relative;box-shadow:var(--shadow-md);animation:pop .22s cubic-bezier(.18,.84,.36,1.06);flex-shrink:0}.modal-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;background:transparent;font-size:1.4rem;color:var(--muted);padding:0;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--surface-2);color:var(--ink)}.modal-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}.modal-title{font-family:var(--serif);font-size:1.3rem;font-weight:600;letter-spacing:-.01em}.compose-meta{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:.85em}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.sent-state{text-align:center;padding:16px 0 8px}.big-check{width:56px;height:56px;border-radius:50%;background:var(--good-soft);color:var(--good);font-size:2rem;display:inline-flex;align-items:center;justify-content:center;margin-bottom:16px}.sent-state h3{font-family:var(--serif);font-size:1.4rem;margin:0 0 8px}.sent-state p{color:var(--ink-soft);margin:0 auto 20px;max-width:340px}.recipient-picker{max-width:560px}.picker-list{list-style:none;padding:0;margin:14px 0 0;max-height:min(340px,50vh);overflow-y:auto;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2)}.picker-list-empty{margin-top:14px;padding:20px;text-align:center;color:var(--muted);font-size:.9em;background:var(--surface-2);border:1px dashed var(--line);border-radius:var(--radius-sm)}.picker-list li:not(:last-child){border-bottom:1px solid var(--line)}.picker-row{display:flex;align-items:center;gap:12px;width:100%;padding:10px 14px;background:transparent;border:none;border-radius:0;text-align:left;color:var(--ink)}.picker-row:hover{background:var(--surface)}.picker-row-text{display:flex;flex-direction:column;min-width:0;flex:1}.picker-row-name{font-weight:600;font-size:.95em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker-row-meta{color:var(--muted);font-size:.78em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker-nip05{color:var(--accent)}.friends-search{max-width:420px}.friends-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.friend-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px 14px 18px;color:var(--ink);transition:transform .15s ease,box-shadow .15s ease,border-color .15s;box-shadow:var(--shadow-sm)}.friend-card:hover{text-decoration:none;transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--accent)}.friend-card .avatar{margin-bottom:4px}.friend-name{font-family:var(--serif);font-weight:600;font-size:1.05rem;letter-spacing:-.01em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.friend-nip05{color:var(--accent);font-size:.8em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.friend-handle{color:var(--muted);font-size:.78em}.friend-about{color:var(--ink-soft);font-size:.85em;line-height:1.4;margin-top:6px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.friends-strip{margin-top:8px}.friends-strip-scroll{display:flex;gap:18px;overflow-x:auto;padding:4px 2px 12px;scroll-snap-type:x proximity}.friends-strip-scroll::-webkit-scrollbar{height:8px}.friends-strip-scroll::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:4px}.strip-item{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:76px;max-width:76px;scroll-snap-align:start;color:var(--ink-soft);text-align:center}.strip-item:hover{text-decoration:none;color:var(--ink)}.strip-item .avatar{transition:transform .15s ease,box-shadow .15s ease}.strip-item:hover .avatar{transform:scale(1.05);box-shadow:0 0 0 3px var(--accent-soft)}.strip-item-name{font-size:.78em;line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%}.rt-link{color:var(--accent);text-decoration:underline;text-decoration-color:var(--accent-soft);text-underline-offset:2px;word-break:break-word}.rt-link:hover{text-decoration-color:var(--accent)}.rt-mention{color:var(--accent);font-family:var(--sans);font-style:normal;font-weight:500;padding:0 2px;border-radius:3px;text-decoration:none}.rt-mention:hover{background:var(--accent-soft);text-decoration:none}.rt-nostr-ref{color:var(--accent);font-family:var(--mono);font-size:.88em;text-decoration:none;border-bottom:1px dashed var(--accent-soft)}.rt-nostr-ref:hover{border-bottom-color:var(--accent);text-decoration:none}.rt-code{font-family:var(--mono);font-size:.88em;background:var(--surface-2);border:1px solid var(--line);border-radius:4px;padding:1px 6px}.kbd{display:inline-flex;align-items:center;justify-content:center;padding:1px 6px;border:1px solid var(--line-strong);border-bottom-width:2px;border-radius:4px;background:var(--surface-2);font-family:var(--mono);font-size:.7em;color:var(--muted);margin-left:6px}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}