:root{--primary:259 43% 56%;--primary-hover:259 43% 65%;--primary-active:259 43% 48%;--primary-soft:259 43% 94%;--accent:213 93% 64%;--radius:12px;--radius-sm:8px;--radius-lg:18px;--font-family:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-scale:1;--space-scale:1;--bg:0 0% 9%;--bg-elevated:0 0% 12%;--surface:0 0% 13%;--surface-hover:0 0% 16%;--border:0 0% 22%;--border-strong:0 0% 30%;--text:0 0% 95%;--text-muted:0 0% 64%;--text-faint:0 0% 48%;--success:152 55% 48%;--warning:38 92% 58%;--danger:0 72% 60%;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:0 0% 99%;--bg-elevated:0 0% 100%;--surface:0 0% 96%;--surface-hover:0 0% 92%;--border:0 0% 87%;--border-strong:0 0% 76%;--text:240 7% 12%;--text-muted:240 4% 42%;--text-faint:240 4% 55%;--success:152 55% 34%;--warning:32 88% 40%;--danger:0 68% 46%;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=pure-black]{--bg:0 0% 0%;--bg-elevated:0 0% 5%;--surface:0 0% 7%;--surface-hover:0 0% 11%;--border:0 0% 16%;--border-strong:0 0% 26%;--text:0 0% 96%;--text-muted:0 0% 62%;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;height:100%}body{background:hsl(var(--bg));min-height:100%;color:hsl(var(--text));font-family:var(--font-family);font-size:calc(15px * var(--font-scale));-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.55}h1,h2,h3,h4{letter-spacing:-.01em;margin:0;font-weight:650;line-height:1.25}h1{font-size:calc(1.4rem * var(--font-scale))}h2{font-size:calc(1.08rem * var(--font-scale))}h3{font-size:calc(.98rem * var(--font-scale))}p{margin:0}a{color:hsl(var(--primary));text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;color:inherit}img{max-width:100%}code{background:hsl(var(--surface));border-radius:5px;padding:.1em .35em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.86em}::selection{background:hsl(var(--primary) / .35)}:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px;border-radius:var(--radius-sm)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.muted{color:hsl(var(--text-muted))}.small{font-size:calc(.8rem * var(--font-scale))}.skip-link{z-index:200;background:hsl(var(--primary));color:#fff;border-radius:var(--radius-sm);padding:10px 16px;transition:top .15s;position:absolute;top:-60px;left:12px}.skip-link:focus{top:12px}.rotated{transform:rotate(180deg)}.section-label{font-size:calc(.72rem * var(--font-scale));text-transform:uppercase;letter-spacing:.08em;color:hsl(var(--text-muted));font-weight:650}.section-head{justify-content:space-between;align-items:center;gap:12px;padding:4px 0 8px;display:flex}.list-end{text-align:center;color:hsl(var(--text-faint));font-size:calc(.8rem * var(--font-scale));padding:20px 0 8px}.infinite-sentinel{justify-content:center;min-height:8px;padding:16px 0;display:flex}.infinite-loading{font-size:calc(.8rem * var(--font-scale));color:hsl(var(--text-muted))}.app-shell{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{align-self:start;gap:calc(14px * var(--space-scale));border-right:1px solid hsl(var(--border));background:hsl(var(--bg-elevated));flex-direction:column;height:100vh;padding:18px 14px;display:flex;position:sticky;top:0}.sidebar-top{justify-content:space-between;align-items:center;gap:8px;padding:0 6px;display:flex}.brand{color:hsl(var(--text));letter-spacing:-.02em;font-weight:700;font-size:calc(1.12rem * var(--font-scale));align-items:center;gap:9px;display:inline-flex}.brand:hover{text-decoration:none}.brand-logo{border-radius:8px;display:block}.sidebar-nav{flex-direction:column;gap:2px;display:flex}.nav-link{border-radius:var(--radius-sm);color:hsl(var(--text-muted));align-items:center;gap:12px;padding:10px 12px;font-weight:550;transition:background .15s,color .15s;display:flex}.nav-link:hover{background:hsl(var(--surface));color:hsl(var(--text));text-decoration:none}.nav-link-active{background:hsl(var(--primary) / .14);color:hsl(var(--primary))}.sidebar-actions{flex-direction:column;gap:10px;margin-top:auto;display:flex}.sidebar-account{border-radius:var(--radius-sm);border:1px solid hsl(var(--border));cursor:pointer;text-align:left;background:0 0;align-items:center;gap:10px;width:100%;padding:10px;transition:background .15s,border-color .15s;display:flex}.sidebar-account:hover{background:hsl(var(--surface));border-color:hsl(var(--border-strong))}.sidebar-account-text{flex-direction:column;min-width:0;display:flex}.sidebar-account-title{font-weight:600;font-size:calc(.86rem * var(--font-scale));white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar-account-sub{font-size:calc(.72rem * var(--font-scale));color:hsl(var(--text-faint))}.connection-badge{font-size:calc(.72rem * var(--font-scale));font-variant-numeric:tabular-nums;color:hsl(var(--text-muted));border:1px solid hsl(var(--border));border-radius:999px;align-items:center;gap:6px;padding:2px 8px;display:inline-flex}.connection-dot{background:hsl(var(--text-faint));border-radius:50%;width:7px;height:7px}.connection-ok .connection-dot,.connection-dot.connection-ok{background:hsl(var(--success))}.connection-warn .connection-dot,.connection-dot.connection-warn{background:hsl(var(--warning))}.connection-bad .connection-dot,.connection-dot.connection-bad{background:hsl(var(--danger))}.app-main{min-width:0;padding:0 clamp(16px,3vw,40px) 96px}.page{max-width:780px;margin:0 auto;padding-bottom:40px}.page-header{z-index:10;background:linear-gradient(hsl(var(--bg)) 78%, hsl(var(--bg) / 0));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);justify-content:space-between;align-items:flex-start;gap:12px;padding:22px 0 12px;display:flex;position:sticky;top:0}.page-header-main{flex-direction:column;gap:2px;min-width:0;display:flex}.page-title{font-size:calc(1.32rem * var(--font-scale));font-weight:700}.page-subtitle{color:hsl(var(--text-muted));font-size:calc(.82rem * var(--font-scale))}.page-header-actions{align-items:center;gap:6px;display:flex}.page-topbar{padding:14px 0 6px}.feed-title-button{cursor:pointer;font-size:calc(1.28rem * var(--font-scale));letter-spacing:-.01em;background:0 0;border:0;align-items:center;gap:8px;max-width:100%;padding:0;font-weight:700;display:inline-flex}.feed-title{white-space:nowrap;text-overflow:ellipsis;max-width:min(52vw,420px);overflow:hidden}.feed-title-button:hover .feed-title{text-decoration:underline}.relay-panel{margin-bottom:12px}.mobile-nav,.mobile-compose{display:none}.btn{border-radius:var(--radius-sm);font-size:calc(.87rem * var(--font-scale));cursor:pointer;background:hsl(var(--surface));color:hsl(var(--text));white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:7px;padding:9px 15px;font-weight:600;transition:background .15s,color .15s,border-color .15s,transform 60ms;display:inline-flex}.btn:hover{background:hsl(var(--surface-hover));text-decoration:none}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-primary{background:hsl(var(--primary));color:#fff}.btn-primary:hover{background:hsl(var(--primary-hover))}.btn-primary:active{background:hsl(var(--primary-active))}.btn-ghost{border-color:hsl(var(--border));color:hsl(var(--text));background:0 0}.btn-ghost:hover{background:hsl(var(--surface));border-color:hsl(var(--border-strong))}.btn-small{font-size:calc(.79rem * var(--font-scale));padding:6px 11px}.btn-block{width:100%}.icon-button{border-radius:var(--radius-sm);width:36px;height:36px;color:hsl(var(--text-muted));cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.icon-button:hover{background:hsl(var(--surface));color:hsl(var(--text))}.icon-button.small{width:28px;height:28px}.icon-button.active{color:hsl(var(--primary));background:hsl(var(--primary) / .12)}input[type=text],input[type=password],input:not([type]),textarea,select{background:hsl(var(--bg-elevated));border:1px solid hsl(var(--border));border-radius:var(--radius-sm);width:100%;color:hsl(var(--text));font:inherit;font-size:calc(.9rem * var(--font-scale));padding:9px 12px;transition:border-color .15s,box-shadow .15s}input::placeholder,textarea::placeholder{color:hsl(var(--text-faint))}input:focus,textarea:focus,select:focus{border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary) / .16);outline:none}input[type=checkbox]{width:18px;height:18px;accent-color:hsl(var(--primary));cursor:pointer}select{width:auto;min-width:120px}.inline-form{flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0;display:flex}.inline-form input{flex:220px}.add-relay-row{gap:8px;display:flex}.add-relay-form{margin:8px 0 4px}.form-error{color:hsl(var(--danger));font-size:calc(.82rem * var(--font-scale));margin-top:6px}.notice{background:hsl(var(--warning) / .12);border:1px solid hsl(var(--warning) / .35);color:hsl(var(--text));border-radius:var(--radius-sm);font-size:calc(.84rem * var(--font-scale));padding:8px 12px}.chip{border:1px solid hsl(var(--border));background:hsl(var(--surface));color:hsl(var(--text-muted));font-size:calc(.78rem * var(--font-scale));cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;display:inline-flex}.chip:hover{color:hsl(var(--text));border-color:hsl(var(--border-strong))}.post-type-filter{scrollbar-width:none;align-items:center;gap:6px;margin-bottom:12px;display:flex;overflow-x:auto}.post-type-filter::-webkit-scrollbar{display:none}.filter-chip{white-space:nowrap;flex:none}.filter-chip.active{border-color:hsl(var(--primary) / .45);background:hsl(var(--primary) / .14);color:hsl(var(--primary));font-weight:600}.filter-chip.active:hover{border-color:hsl(var(--primary) / .6);color:hsl(var(--primary))}.badge{border:1px solid hsl(var(--border));background:hsl(var(--surface));color:hsl(var(--text-muted));font-size:calc(.68rem * var(--font-scale));white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:1px 7px;font-weight:600;display:inline-flex}.badge-primary{border-color:hsl(var(--primary) / .4);background:hsl(var(--primary) / .14);color:hsl(var(--primary))}.badge-row{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.link-small{font-size:calc(.78rem * var(--font-scale));color:hsl(var(--primary))}.segmented{border:1px solid hsl(var(--border));border-radius:var(--radius-sm);display:inline-flex;overflow:hidden}.segment{font-size:calc(.8rem * var(--font-scale));cursor:pointer;color:hsl(var(--text-muted));background:0 0;border:0;padding:7px 12px}.segment:hover{background:hsl(var(--surface));color:hsl(var(--text))}.segment.active{background:hsl(var(--primary) / .16);color:hsl(var(--primary));font-weight:600}.tabs{border-bottom:1px solid hsl(var(--border));scrollbar-width:none;gap:4px;margin:8px 0 14px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{color:hsl(var(--text-muted));font-weight:600;font-size:calc(.87rem * var(--font-scale));cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:10px 12px;position:relative}.tab:hover{color:hsl(var(--text))}.tab-active{color:hsl(var(--primary))}.tab-active:after{content:"";inset-inline:8px;background:hsl(var(--primary));border-radius:2px;height:2px;position:absolute;bottom:-1px}.tab-count{font-size:calc(.7rem * var(--font-scale));background:hsl(var(--surface));border-radius:999px;margin-inline-start:6px;padding:0 6px}.avatar{object-fit:cover;background:hsl(var(--surface));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.avatar-fallback{color:#fff;letter-spacing:.02em;font-weight:700}.relay-avatar{border-radius:8px}.spinner{color:hsl(var(--text-muted));font-size:calc(.86rem * var(--font-scale));justify-content:center;align-items:center;gap:10px;padding:40px 0;display:flex}.spinner-ring{border:2px solid hsl(var(--border-strong));border-top-color:hsl(var(--primary));border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.skeleton-card{border:1px solid hsl(var(--border));border-radius:var(--radius);background:hsl(var(--bg-elevated));margin-bottom:10px;padding:16px}.skeleton-row{align-items:center;gap:12px;margin-bottom:12px;display:flex}.skeleton-lines{flex-direction:column;flex:1;gap:6px;display:flex}.skeleton{background:linear-gradient(90deg, hsl(var(--surface)) 25%, hsl(var(--surface-hover)) 37%, hsl(var(--surface)) 63%);background-size:400% 100%;border-radius:6px;animation:1.4s infinite shimmer}.skeleton-avatar{border-radius:50%;width:40px;height:40px}.skeleton-line{height:11px;margin-top:8px}.skeleton-line.short{width:40%;margin-top:0}.skeleton-line.tiny{width:24%;height:9px;margin-top:0}.skeleton-line.medium{width:66%}@keyframes shimmer{0%{background-position:100%}to{background-position:0}}.empty-state{text-align:center;border:1px dashed hsl(var(--border));border-radius:var(--radius-lg);background:hsl(var(--bg-elevated));flex-direction:column;align-items:center;gap:10px;padding:56px 20px;display:flex}.empty-state h2{font-size:calc(1.05rem * var(--font-scale))}.empty-state p{color:hsl(var(--text-muted));max-width:46ch;font-size:calc(.88rem * var(--font-scale))}.empty-state-icon{background:hsl(var(--primary) / .14);width:44px;height:44px;color:hsl(var(--primary));border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.empty-state-action{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:4px;display:flex}.error-state{border-color:hsl(var(--danger) / .4)}.error-state .empty-state-icon{background:hsl(var(--danger) / .14);color:hsl(var(--danger))}.banner{border-radius:var(--radius-sm);border:1px solid hsl(var(--border));background:hsl(var(--bg-elevated));font-size:calc(.84rem * var(--font-scale));align-items:flex-start;gap:10px;margin:8px 0;padding:10px 12px;display:flex}.banner p{margin:0}.banner-warn{border-color:hsl(var(--warning) / .4);background:hsl(var(--warning) / .1)}.banner-info{border-color:hsl(var(--primary) / .35);background:hsl(var(--primary) / .08)}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000008c;justify-content:center;align-items:flex-start;padding:clamp(16px,6vh,64px) 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:hsl(var(--bg-elevated));border:1px solid hsl(var(--border));border-radius:var(--radius-lg);width:100%;max-width:560px;animation:.16s ease-out modal-in;box-shadow:0 24px 60px #0006}.modal-small{max-width:420px}.modal-large{max-width:760px}@keyframes modal-in{0%{opacity:0;transform:translateY(-6px)scale(.99)}}.modal-header{justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 18px 10px;display:flex}.modal-header h2{font-size:calc(1.06rem * var(--font-scale))}.modal-description{color:hsl(var(--text-muted));font-size:calc(.82rem * var(--font-scale));margin-top:2px}.modal-body{padding:6px 18px 18px}.modal-footer{border-top:1px solid hsl(var(--border));justify-content:flex-end;gap:8px;padding:12px 18px;display:flex}.toast-stack{z-index:140;flex-direction:column;gap:8px;max-width:min(92vw,380px);display:flex;position:fixed;bottom:18px;right:18px}.toast{border-radius:var(--radius-sm);border:1px solid hsl(var(--border));background:hsl(var(--bg-elevated));font-size:calc(.84rem * var(--font-scale));align-items:flex-start;gap:10px;padding:10px 12px;animation:.2s ease-out toast-in;display:flex;box-shadow:0 12px 30px #00000059}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.toast-success{border-color:hsl(var(--success) / .45)}.toast-success>svg{color:hsl(var(--success))}.toast-error{border-color:hsl(var(--danger) / .5)}.toast-error>svg{color:hsl(var(--danger))}.toast-info>svg{color:hsl(var(--primary))}.toast-content{flex:1;min-width:0}.toast-detail{color:hsl(var(--text-muted));font-size:calc(.76rem * var(--font-scale));word-break:break-word;margin-top:3px}.note-list{flex-direction:column;display:flex}.note-card{border:1px solid hsl(var(--border));border-radius:var(--radius);background:hsl(var(--bg-elevated));margin-bottom:10px;padding:14px 16px;transition:border-color .15s}.note-card:hover{border-color:hsl(var(--border-strong))}.note-highlight{border-color:hsl(var(--primary) / .5);box-shadow:0 0 0 1px hsl(var(--primary) / .2)}.note-header{align-items:flex-start;gap:10px;margin-bottom:8px;display:flex}.note-avatar-link{flex-shrink:0}.note-meta{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.note-meta-top{align-items:center;gap:6px;min-width:0;display:flex}.note-meta-bottom{color:hsl(var(--text-faint));font-size:calc(.76rem * var(--font-scale));align-items:center;gap:6px;min-width:0;display:flex}.note-handle{text-overflow:ellipsis;white-space:nowrap;max-width:24ch;overflow:hidden}.note-time{color:inherit}.note-time:hover{color:hsl(var(--text-muted));text-decoration:none}.user-name{color:hsl(var(--text));align-items:baseline;gap:6px;min-width:0;font-weight:650;display:inline-flex}.user-name:hover{color:hsl(var(--primary));text-decoration:none}.user-name-main{text-overflow:ellipsis;white-space:nowrap;max-width:30ch;overflow:hidden}.user-name-handle{color:hsl(var(--text-faint));font-weight:450;font-size:calc(.76rem * var(--font-scale))}.note-title{font-size:calc(1rem * var(--font-scale));margin-bottom:4px}.note-content{font-size:calc(.92rem * var(--font-scale))}.note-text{white-space:pre-wrap;overflow-wrap:anywhere}.note-text a.note-link,.note-text .mention{color:hsl(var(--accent));text-decoration:none}.note-text a.note-link:hover,.note-text .mention:hover{text-decoration:underline}.hashtag{color:hsl(var(--primary));cursor:pointer;font:inherit;background:0 0;border:0;padding:0}.hashtag:hover{text-decoration:underline}.note-media{margin-top:10px;display:block}.note-media img{border-radius:var(--radius-sm);object-fit:cover;width:auto;max-height:520px}.note-media-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin-top:10px;display:grid}.note-video{border-radius:var(--radius-sm);background:#000;width:100%;max-height:520px;margin-top:10px}.note-audio{width:100%;margin-top:10px}.note-actions{border-top:1px solid hsl(var(--border));align-items:center;gap:4px;margin-top:10px;padding-top:8px;display:flex}.note-action{color:hsl(var(--text-muted));cursor:pointer;font-size:calc(.78rem * var(--font-scale));font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:999px;align-items:center;gap:5px;padding:5px 9px;display:inline-flex}.note-action:hover{background:hsl(var(--surface));color:hsl(var(--text));text-decoration:none}.note-action.active{color:hsl(var(--primary));background:hsl(var(--primary) / .12)}.note-repost{padding-block:10px}.repost-header{color:hsl(var(--text-faint));font-size:calc(.78rem * var(--font-scale));align-items:center;gap:6px;margin-bottom:6px;display:flex}.repost-author{color:hsl(var(--text-muted));font-weight:600}.note-embedded{background:0 0;border:0;margin:0;padding:0}.note-embedded:hover{border:0}.note-missing{color:hsl(var(--text-muted));font-size:calc(.85rem * var(--font-scale))}.thread-root,.thread-focus,.thread-reply,.thread-replies,.relay-feed-section,.relay-reviews-section{margin-bottom:18px}.thread-focus .note-card{border-color:hsl(var(--primary) / .35)}.composer{border:1px solid hsl(var(--border));border-radius:var(--radius);background:hsl(var(--bg-elevated));padding:12px}.composer-locked{color:hsl(var(--text-muted));font-size:calc(.86rem * var(--font-scale));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.composer-input{resize:vertical;background:0 0;border:0;min-height:64px;padding:4px 2px}.composer-input:focus{box-shadow:none;border-color:#0000}.composer-footer{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;margin-top:8px;display:flex}.composer-relays{position:relative}.relay-picker{z-index:20;background:hsl(var(--bg-elevated));border:1px solid hsl(var(--border));border-radius:var(--radius-sm);min-width:240px;max-height:240px;padding:6px;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto;box-shadow:0 14px 34px #00000059}.relay-picker-item{cursor:pointer;font-size:calc(.8rem * var(--font-scale));border-radius:6px;align-items:center;gap:8px;padding:5px 6px;display:flex}.relay-picker-item:hover{background:hsl(var(--surface))}.composer-actions{align-items:center;gap:10px;margin-inline-start:auto;display:flex}.composer-count{color:hsl(var(--text-faint));font-size:calc(.74rem * var(--font-scale));font-variant-numeric:tabular-nums}.modal-wide{max-width:840px}.modal-header-actions{align-items:center;gap:8px;display:flex}.note-composer{border-radius:20px}.note-composer .modal-header{align-items:center;padding:22px 26px 0}.note-composer .modal-header h2{font-size:calc(1.3rem * var(--font-scale));letter-spacing:-.01em;font-weight:700}.note-composer .modal-body{padding:6px 26px 0}.note-composer .modal-footer{padding:0;display:block}.composer-link{color:hsl(var(--text));font-size:calc(.95rem * var(--font-scale));cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:7px 11px;font-weight:600;display:inline-flex}.composer-link:hover,.composer-link.active{background:hsl(var(--surface));color:hsl(var(--text))}.composer-link-muted{color:hsl(var(--text-muted));font-weight:500}.composer-badge{background:hsl(var(--primary) / .18);color:hsl(var(--primary));font-size:calc(.72rem * var(--font-scale));border-radius:999px;padding:0 6px}.composer-tabs{gap:6px;margin:10px 0 4px;display:flex}.composer-tab{color:hsl(var(--text-muted));font-size:calc(.95rem * var(--font-scale));cursor:pointer;background:0 0;border:0;border-radius:10px;padding:8px 18px;font-weight:600}.composer-tab:hover{color:hsl(var(--text))}.composer-tab-active{background:hsl(var(--surface));color:hsl(var(--text))}.composer-editor{flex-direction:column;display:flex}.note-composer-textarea{width:100%;min-height:210px;color:hsl(var(--text));font-size:calc(1.02rem * var(--font-scale));resize:none;background:0 0;border:0;padding:14px 0 8px;line-height:1.55}.note-composer-textarea::placeholder{color:hsl(var(--text-faint))}.note-composer-textarea:focus{box-shadow:none;border-color:#0000;outline:none}.composer-thread-note{border-top:1px dashed hsl(var(--border));align-items:flex-start;gap:8px;margin-top:4px;padding-top:6px;display:flex}.composer-thread-note textarea{color:hsl(var(--text));font-size:calc(.96rem * var(--font-scale));resize:vertical;background:0 0;border:0;flex:1;min-height:54px;padding:6px 0}.composer-thread-note textarea:focus{box-shadow:none;outline:none}.composer-preview{white-space:pre-wrap;min-height:210px;padding:14px 0 8px;line-height:1.55}.composer-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 0 20px;display:flex}.composer-meta-group{align-items:center;gap:6px;display:flex}.composer-toggle{color:hsl(var(--text));font-size:calc(.95rem * var(--font-scale));cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:6px 8px;display:inline-flex}.composer-toggle:hover{background:hsl(var(--surface))}.composer-toggle-on{color:hsl(var(--primary))}.composer-icon-button{width:38px;height:38px;color:hsl(var(--text));cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.composer-icon-button:hover:not(:disabled){background:hsl(var(--surface));color:hsl(var(--text))}.composer-icon-button:disabled{opacity:.4;cursor:not-allowed}.composer-help,.composer-hint{color:hsl(var(--text-muted));font-size:calc(.8rem * var(--font-scale));align-items:flex-start;gap:8px;margin:0 0 14px;display:flex}.composer-help{background:hsl(var(--surface));border-radius:10px;padding:10px 12px}.composer-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px 22px;display:flex}.composer-tools{align-items:center;gap:6px;display:flex}.composer-submit{align-items:center;gap:8px;margin-inline-start:auto;display:flex}.composer-post{border-radius:999px;padding:9px 26px}.composer-popover-wrap{position:relative}.composer-popover{z-index:30;background:hsl(var(--bg-elevated));border:1px solid hsl(var(--border));border-radius:12px;flex-direction:column;gap:8px;min-width:260px;max-width:340px;padding:10px;display:flex;position:absolute;bottom:calc(100% + 10px);left:0;box-shadow:0 18px 40px #00000059}.composer-popover-wide{width:320px}.composer-popover input,.composer-field input{border:1px solid hsl(var(--border));background:hsl(var(--surface));width:100%;color:hsl(var(--text));font-size:calc(.86rem * var(--font-scale));border-radius:8px;padding:8px 10px}.composer-popover-actions{justify-content:flex-end;gap:6px;display:flex}.composer-emoji-grid{grid-template-columns:repeat(10,1fr);gap:2px;width:340px;display:grid}.composer-emoji{cursor:pointer;background:0 0;border:0;border-radius:6px;padding:5px 0;font-size:1.05rem}.composer-emoji:hover{background:hsl(var(--surface))}.composer-option{width:100%;color:hsl(var(--text));text-align:left;cursor:pointer;font-size:calc(.86rem * var(--font-scale));background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:8px;display:flex}.composer-option:hover{background:hsl(var(--surface))}.composer-option.selected{color:hsl(var(--primary))}.composer-option span{flex-direction:column;flex:1;display:flex}.composer-option small{color:hsl(var(--text-faint));font-size:calc(.74rem * var(--font-scale))}.composer-option-heading{color:hsl(var(--text-faint));font-size:calc(.72rem * var(--font-scale));text-transform:uppercase;letter-spacing:.06em;padding:6px 8px 0}.composer-relay-row{font-size:calc(.82rem * var(--font-scale));border-radius:8px;align-items:center;gap:8px;padding:6px 8px;display:flex}.composer-relay-row:hover{background:hsl(var(--surface))}.composer-field{color:hsl(var(--text-muted));font-size:calc(.8rem * var(--font-scale));flex-direction:column;gap:6px;display:flex}.composer-check{font-size:calc(.84rem * var(--font-scale));align-items:center;gap:8px;display:flex}.composer-mention-list{flex-direction:column;gap:2px;max-height:220px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.composer-mention{width:100%;color:hsl(var(--text));text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;flex-direction:column;padding:6px 8px;display:flex}.composer-mention:hover{background:hsl(var(--surface))}.composer-mention small{color:hsl(var(--text-faint));font-size:calc(.72rem * var(--font-scale))}.composer-drafts{border:1px solid hsl(var(--border));background:hsl(var(--surface) / .5);border-radius:12px;margin:8px 0 4px;padding:10px}.composer-drafts ul{flex-direction:column;gap:4px;max-height:220px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.composer-draft{align-items:center;gap:8px;display:flex}.composer-draft-open{color:hsl(var(--text));text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;flex-direction:column;flex:1;padding:6px 8px;display:flex}.composer-draft-open:hover{background:hsl(var(--surface))}.composer-draft-text{font-size:calc(.86rem * var(--font-scale))}.composer-draft-meta{color:hsl(var(--text-faint));font-size:calc(.72rem * var(--font-scale))}.composer-login{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:24px 0;display:flex}@media (max-width:640px){.note-composer .modal-header{padding:16px 16px 0}.note-composer .modal-body{padding:4px 16px 0}.composer-toolbar{padding:8px 10px}.note-composer-textarea,.composer-preview{min-height:150px}.composer-emoji-grid{grid-template-columns:repeat(8,1fr);width:min(92vw,320px)}.composer-popover,.composer-popover-wide{width:min(92vw,320px)}.composer-tools .composer-icon-button{width:34px}.composer-post{padding:9px 18px}}.relay-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:10px;display:grid}.relay-card{border:1px solid hsl(var(--border));border-radius:var(--radius);background:hsl(var(--bg-elevated));flex-direction:column;gap:8px;padding:14px;display:flex}.relay-card:hover{border-color:hsl(var(--border-strong))}.relay-card-dense{padding:12px}.relay-card-head{align-items:center;gap:10px;display:flex}.relay-card-title{flex-direction:column;flex:1;min-width:0;display:flex}.relay-card-name{color:hsl(var(--text));text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.relay-card-name:hover{color:hsl(var(--primary));text-decoration:none}.relay-card-url{color:hsl(var(--text-faint));font-size:calc(.74rem * var(--font-scale));text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.relay-card-description{color:hsl(var(--text-muted));font-size:calc(.83rem * var(--font-scale));-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.relay-card-meta{flex-wrap:wrap;gap:5px;display:flex}.relay-card-actions{flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:6px;display:flex}.relay-card-set{position:relative}.relay-card-set-list{z-index:20;background:hsl(var(--bg-elevated));border:1px solid hsl(var(--border));border-radius:var(--radius-sm);min-width:180px;padding:4px;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 14px 34px #00000059}.relay-card-set-item{text-align:left;width:100%;font-size:calc(.8rem * var(--font-scale));cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px 8px;display:block}.relay-card-set-item:hover{background:hsl(var(--surface))}.status-pill{font-size:calc(.68rem * var(--font-scale));border:1px solid hsl(var(--border));white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:999px;padding:2px 8px;font-weight:650}.status-ok{color:hsl(var(--success));border-color:hsl(var(--success) / .45);background:hsl(var(--success) / .1)}.status-warn{color:hsl(var(--warning));border-color:hsl(var(--warning) / .45);background:hsl(var(--warning) / .1)}.status-bad{color:hsl(var(--danger));border-color:hsl(var(--danger) / .45);background:hsl(var(--danger) / .1)}.status-muted{color:hsl(var(--text-faint))}.relay-set-card{border:1px solid hsl(var(--border));border-radius:var(--radius);background:hsl(var(--bg-elevated));margin-bottom:8px;padding:8px 10px}.relay-set-active{border-color:hsl(var(--primary) / .5);background:hsl(var(--primary) / .07)}.relay-set-head{align-items:center;gap:8px;display:flex}.relay-set-main{cursor:pointer;text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:10px;min-width:0;padding:4px 2px;display:flex}.relay-set-icon{background:hsl(var(--primary) / .14);width:28px;height:28px;color:hsl(var(--primary));border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.relay-set-name{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;font-weight:600;display:flex;overflow:hidden}.relay-set-count{color:hsl(var(--text-faint));font-size:calc(.76rem * var(--font-scale));margin-inline-start:auto}.relay-set-tools{align-items:center;gap:2px;display:flex}.relay-set-relays{border-top:1px solid hsl(var(--border));flex-direction:column;gap:5px;margin:6px 0 2px;padding:8px 0 0;list-style:none;display:flex}.relay-set-relays li{font-size:calc(.78rem * var(--font-scale));color:hsl(var(--text-muted));align-items:center;gap:8px;display:flex}.relay-list{flex-direction:column;gap:4px;margin:6px 0 0;padding:0;list-style:none;display:flex}.relay-list-item{font-size:calc(.84rem * var(--font-scale));align-items:center;gap:8px;padding:4px 2px;display:flex}.relay-list-url{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:hsl(var(--text-muted));flex:1;overflow:hidden}.relay-filter{border:1px solid hsl(var(--border));border-radius:var(--radius-sm);background:hsl(var(--bg-elevated));color:hsl(var(--text-faint));align-items:center;gap:8px;margin-bottom:10px;padding:2px 10px;display:flex}.relay-filter input{background:0 0;border:0;padding:8px 0}.relay-filter input:focus{box-shadow:none}.relay-collection{margin-bottom:18px}.relay-hero{border:1px solid hsl(var(--border));border-radius:var(--radius-lg);background:hsl(var(--bg-elevated));margin-bottom:18px;padding:18px}.relay-hero-head{align-items:center;gap:14px;display:flex}.relay-hero-title{flex:1;min-width:0}.relay-hero-title h1{font-size:calc(1.3rem * var(--font-scale));text-overflow:ellipsis;overflow:hidden}.relay-url-button{color:hsl(var(--text-faint));font-size:calc(.8rem * var(--font-scale));cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:0;display:inline-flex}.relay-url-button:hover{color:hsl(var(--text-muted))}.relay-hero-description{color:hsl(var(--text-muted));font-size:calc(.88rem * var(--font-scale));margin-top:12px}.relay-hero-stats{border-block:1px solid hsl(var(--border));grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px;margin:14px 0;padding:12px 0;display:grid}.relay-stat{flex-direction:column;align-items:center;gap:2px;display:flex}.relay-stat-value{font-size:calc(1.05rem * var(--font-scale));font-variant-numeric:tabular-nums;font-weight:700}.relay-stat-label{font-size:calc(.7rem * var(--font-scale));text-transform:uppercase;letter-spacing:.06em;color:hsl(var(--text-faint))}.relay-hero-actions{flex-wrap:wrap;gap:8px;display:flex}.relay-details{font-size:calc(.83rem * var(--font-scale));grid-template-columns:minmax(90px,130px) minmax(0,1fr);gap:6px 12px;margin:16px 0 0;display:grid}.relay-details dt{color:hsl(var(--text-faint))}.relay-details dd{overflow-wrap:anywhere;color:hsl(var(--text-muted));margin:0}.nip-list{flex-wrap:wrap;gap:4px;display:flex}.star-rating{color:hsl(var(--text-faint));gap:1px;display:inline-flex}.star{color:inherit;cursor:pointer;background:0 0;border:0;padding:0 1px;display:inline-flex}.star:disabled{cursor:default}.star-filled{color:#f6bb31}.review-list{flex-direction:column;gap:8px;margin:10px 0 0;padding:0;list-style:none;display:flex}.review-card{border:1px solid hsl(var(--border));border-radius:var(--radius-sm);background:hsl(var(--bg-elevated));padding:10px 12px}.review-head{font-size:calc(.8rem * var(--font-scale));flex-wrap:wrap;align-items:center;gap:8px;display:flex}.review-relay{font-weight:650}.review-author{color:hsl(var(--text-muted))}.review-content{font-size:calc(.86rem * var(--font-scale));white-space:pre-wrap;margin-top:6px}.review-form{border:1px solid hsl(var(--border));border-radius:var(--radius-sm);background:hsl(var(--bg-elevated));flex-direction:column;gap:8px;margin-bottom:12px;padding:12px;display:flex}.review-form-stars{font-size:calc(.84rem * var(--font-scale));color:hsl(var(--text-muted));align-items:center;gap:10px;display:flex}.relay-library{flex-direction:column;gap:8px;display:flex}.relay-set-list{flex-direction:column;gap:8px;margin-top:8px;display:flex}.relay-set-editor{border:1px solid hsl(var(--border));border-radius:var(--radius-sm);background:hsl(var(--bg-elevated));padding:10px 12px}.relay-set-editor-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.relay-set-editor-tools{align-items:center;gap:6px;display:flex}.settings-nav{border-bottom:1px solid hsl(var(--border));flex-wrap:wrap;gap:4px;margin-bottom:12px;padding-bottom:8px;display:flex}.settings-nav a{color:hsl(var(--text-muted));font-size:calc(.82rem * var(--font-scale));border-radius:999px;padding:5px 10px}.settings-nav a:hover{background:hsl(var(--surface));color:hsl(var(--text));text-decoration:none}.settings-section{border:1px solid hsl(var(--border));border-radius:var(--radius);background:hsl(var(--bg-elevated));margin-bottom:12px;padding:16px;scroll-margin-top:80px}.settings-section>h2{margin-bottom:10px}.settings-subsection{border-top:1px solid hsl(var(--border));margin-top:16px;padding-top:14px}.settings-subsection>h3{margin-bottom:4px}.setting-row{border-top:1px solid hsl(var(--border));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:10px 0;display:flex}.setting-row:first-of-type{border-top:0}.setting-row-column{flex-direction:column;align-items:stretch}.setting-label{font-weight:600;font-size:calc(.9rem * var(--font-scale))}.config-warnings{margin:6px 0 0;padding-inline-start:18px}.about-links{flex-wrap:wrap;gap:14px;margin:12px 0 0;padding:0;list-style:none;display:flex}.about-links a{font-size:calc(.82rem * var(--font-scale));align-items:center;gap:5px;display:inline-flex}.account-summary{align-items:center;gap:12px;display:flex}.account-name{font-weight:650}.account-actions{flex-direction:column;gap:6px;margin:14px 0;display:flex}.account-relays{border-top:1px solid hsl(var(--border));padding-top:10px}.account-relay-list{font-size:calc(.78rem * var(--font-scale));flex-direction:column;gap:3px;margin:6px 0 0;padding:0;list-style:none;display:flex}.account-list{border-top:1px solid hsl(var(--border));margin-top:10px;padding-top:10px}.account-row-wrap{align-items:center;gap:6px;display:flex}.account-row{border:1px solid hsl(var(--border));border-radius:var(--radius-sm);cursor:pointer;font-size:calc(.8rem * var(--font-scale));color:hsl(var(--text-muted));background:0 0;flex:1;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;padding:7px 9px;display:flex}.account-row:hover{background:hsl(var(--surface));color:hsl(var(--text))}.account-row.active{border-color:hsl(var(--primary) / .5);color:hsl(var(--text))}.account-footer{border-top:1px solid hsl(var(--border));margin-top:14px;padding-top:10px}.login-dialog .modal-header h2{text-transform:uppercase;letter-spacing:.08em;font-size:calc(.85rem * var(--font-scale));color:hsl(var(--text-muted))}.login-options{flex-direction:column;gap:10px;display:flex}.login-primary{background:hsl(var(--primary));color:#fff;width:100%;font-weight:600;font-size:calc(.9rem * var(--font-scale));cursor:pointer;border:0;border-radius:999px;align-items:center;gap:10px;padding:13px 16px;display:flex}.login-primary span{text-align:left;flex:1}.login-primary:hover:not(:disabled){background:hsl(var(--primary-hover))}.login-primary:disabled{opacity:.65;cursor:progress}.login-hint{color:hsl(var(--text-muted));font-size:calc(.76rem * var(--font-scale));text-align:center}.login-divider{color:hsl(var(--text-faint));font-size:calc(.7rem * var(--font-scale));letter-spacing:.14em;align-items:center;gap:10px;margin:6px 0;display:flex}.login-divider:before,.login-divider:after{content:"";background:hsl(var(--border));flex:1;height:1px}.login-methods{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.login-method{border:1px solid hsl(var(--border));border-radius:var(--radius-lg);color:hsl(var(--text));font-size:calc(.8rem * var(--font-scale));cursor:pointer;text-align:center;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:14px 8px;display:flex}.login-method:hover{border-color:hsl(var(--primary) / .55);background:hsl(var(--primary) / .07)}.login-method-icon{width:30px;height:30px;color:hsl(var(--text-muted));place-items:center;display:grid}.login-method:hover .login-method-icon{color:hsl(var(--primary))}.login-method-icon.google{font-size:calc(1.3rem * var(--font-scale));color:hsl(var(--text));font-family:Product Sans,system-ui,sans-serif;font-weight:700}.login-signup{text-align:center;color:hsl(var(--text-muted));font-size:calc(.82rem * var(--font-scale));margin-top:8px}.login-signup button{color:hsl(var(--primary));font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:2px;padding:0;font-weight:600;display:inline-flex}.login-signup button:hover{text-decoration:underline}.login-back{color:hsl(var(--text-muted));font-size:calc(.78rem * var(--font-scale));cursor:pointer;background:0 0;border:0;align-items:center;gap:3px;padding:4px 6px;display:inline-flex}.login-back:hover:not(:disabled){color:hsl(var(--text))}.login-pairing{flex-direction:column;gap:8px;display:flex}.login-auth-url{margin-top:12px}.google-slot{justify-content:center;min-height:44px;display:flex}.wizard-steps{justify-content:center;align-items:center;gap:0;margin:0 0 14px;padding:0;list-style:none;display:flex}.wizard-step{background:hsl(var(--surface));width:30px;height:30px;color:hsl(var(--text-muted));font-size:calc(.82rem * var(--font-scale));border:1px solid hsl(var(--border));border-radius:50%;place-items:center;font-weight:650;display:grid}.wizard-step.active,.wizard-step.done{background:hsl(var(--primary));border-color:hsl(var(--primary));color:#fff}.wizard-line{background:hsl(var(--border));width:64px;height:1px}.wizard-body{flex-direction:column;gap:10px;display:flex}.wizard-warning{border:1px solid hsl(var(--warning) / .55);background:hsl(var(--warning) / .1);border-radius:var(--radius);color:hsl(var(--warning));font-size:calc(.82rem * var(--font-scale));padding:12px 14px}.wizard-warning strong{align-items:center;gap:6px;margin-bottom:4px;font-weight:700;display:flex}.wizard-warning p{color:hsl(var(--warning));opacity:.92}.field-label{font-size:calc(.82rem * var(--font-scale));color:hsl(var(--text-muted))}.field-grid{flex-direction:column;gap:10px;display:flex}.field-grid label{margin-bottom:4px;display:block}.nsec-row{align-items:center;gap:8px;display:flex}.nsec-row input{flex:1;min-width:0}input.mono,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Cascadia Mono,monospace;font-size:calc(.78rem * var(--font-scale))}.mono,.wizard-body p{overflow-wrap:anywhere;word-break:break-word}.wizard-body>*{min-width:0}.wizard-actions-row{flex-wrap:wrap;gap:8px;display:flex}.wizard-actions-row .btn{white-space:nowrap;flex:1;justify-content:center}.wizard-check{font-size:calc(.84rem * var(--font-scale));align-items:center;gap:8px;display:flex}.wizard-check input{width:16px;height:16px;accent-color:hsl(var(--primary))}.wizard-footer{gap:8px;width:100%;display:flex}.wizard-footer .btn{flex:1;justify-content:center}@media (max-width:460px){.login-methods{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.login-method{font-size:calc(.72rem * var(--font-scale));padding:12px 4px}.wizard-actions-row{flex-direction:column}}.login-panel{flex-direction:column;gap:10px;display:flex}.login-panel label{font-size:calc(.82rem * var(--font-scale));color:hsl(var(--text-muted))}.login-accounts{border-top:1px solid hsl(var(--border));margin-top:16px;padding-top:10px}.login-accounts h3{font-size:calc(.86rem * var(--font-scale));margin-bottom:6px}.feed-switcher{flex-direction:column;gap:16px;display:flex}.feed-option{border:1px solid hsl(var(--border));border-radius:var(--radius-sm);cursor:pointer;text-align:left;width:100%;color:hsl(var(--text));font-size:calc(.86rem * var(--font-scale));background:0 0;align-items:center;gap:10px;margin-bottom:6px;padding:8px 10px;display:flex}.feed-option:hover:not(:disabled){background:hsl(var(--surface))}.feed-option.active{border-color:hsl(var(--primary) / .5);background:hsl(var(--primary) / .08)}.feed-option:disabled{opacity:.5;cursor:not-allowed}.feed-option-icon{background:hsl(var(--primary) / .14);width:26px;height:26px;color:hsl(var(--primary));border-radius:7px;justify-content:center;align-items:center;display:inline-flex}.feed-option-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.profile-banner{border-radius:var(--radius);background:hsl(var(--surface));height:150px;margin-top:12px;overflow:hidden}.profile-banner img{object-fit:cover;width:100%;height:100%}.profile-banner-empty{background:linear-gradient(120deg, hsl(var(--primary) / .35), hsl(var(--accent) / .25))}.profile-header{flex-wrap:wrap;align-items:flex-end;gap:14px;margin-top:-34px;padding:0 4px;display:flex}.profile-avatar{border:4px solid hsl(var(--bg));box-shadow:0 6px 18px #00000040}.profile-identity{flex:1;min-width:0;padding-top:34px}.profile-identity h1{font-size:calc(1.28rem * var(--font-scale));text-overflow:ellipsis;overflow:hidden}.profile-nip05{color:hsl(var(--primary));font-size:calc(.82rem * var(--font-scale))}.profile-pubkey{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.profile-actions{padding-top:34px}.profile-about{font-size:calc(.9rem * var(--font-scale));white-space:pre-wrap;margin:12px 4px 0}.profile-meta{color:hsl(var(--text-muted));font-size:calc(.83rem * var(--font-scale));flex-wrap:wrap;gap:16px;margin:12px 4px 16px;display:flex}.profile-link{color:hsl(var(--text-muted));align-items:center;gap:5px;display:inline-flex}.profile-link:hover{color:hsl(var(--primary));text-decoration:none}.profile-npub{border:1px solid hsl(var(--border));background:hsl(var(--surface));max-width:100%;color:hsl(var(--text-muted));font-size:calc(.74rem * var(--font-scale));cursor:pointer;border-radius:999px;align-items:center;gap:6px;margin-top:6px;padding:3px 8px;display:inline-flex}.profile-npub code{text-overflow:ellipsis;white-space:nowrap;max-width:26ch;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:hidden}.profile-npub:hover{color:hsl(var(--primary));border-color:hsl(var(--primary) / .5)}.profile-filter{margin:0 0 12px}.profile-list-header{border-bottom:1px solid hsl(var(--border));justify-content:space-between;align-items:center;gap:12px;padding:6px 4px;display:flex}.profile-editor{flex-direction:column;gap:16px;display:flex}.profile-editor-preview{align-items:center;gap:12px;display:flex}.profile-editor-name{font-weight:600}.profile-editor-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.profile-editor-form label{font-size:calc(.8rem * var(--font-scale));color:hsl(var(--text-muted));flex-direction:column;gap:6px;display:flex}.profile-editor-form input,.profile-editor-form textarea{border:1px solid hsl(var(--border));border-radius:var(--radius-sm,8px);background:hsl(var(--surface));color:hsl(var(--text));font-size:calc(.9rem * var(--font-scale));width:100%;padding:8px 10px;font-family:inherit}.profile-editor-form input:focus,.profile-editor-form textarea:focus{outline:2px solid hsl(var(--primary) / .45);outline-offset:1px}.profile-editor-wide{grid-column:1/-1}.profile-editor-actions{grid-column:1/-1;justify-content:flex-end;gap:8px;display:flex}@media (max-width:560px){.profile-editor-form{grid-template-columns:minmax(0,1fr)}}.profile-result-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.profile-result{border:1px solid hsl(var(--border));border-radius:var(--radius);background:hsl(var(--bg-elevated));align-items:flex-start;gap:12px;padding:12px;display:flex}.notification-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.notification-row{border:1px solid hsl(var(--border));border-radius:var(--radius);background:hsl(var(--bg-elevated));gap:12px;padding:12px;display:flex}.notification-actors{display:flex}.notification-actors a+a{margin-inline-start:-8px}.notification-body{flex:1;min-width:0}.notification-line{font-size:calc(.86rem * var(--font-scale));flex-wrap:wrap;align-items:center;gap:4px;display:flex}.notification-actor{color:hsl(var(--text));font-weight:650}.notification-target{border-radius:var(--radius-sm);background:hsl(var(--surface));color:hsl(var(--text-muted));font-size:calc(.82rem * var(--font-scale));align-items:center;gap:6px;margin-top:6px;padding:6px 8px;display:flex}.notification-target:hover{color:hsl(var(--text));text-decoration:none}.search-input{border:1px solid hsl(var(--border));border-radius:var(--radius);background:hsl(var(--bg-elevated));color:hsl(var(--text-faint));align-items:center;gap:10px;margin-bottom:10px;padding:4px 12px;display:flex}.search-input input{font-size:calc(.95rem * var(--font-scale));background:0 0;border:0;padding:10px 0}.search-input input:focus{box-shadow:none}.search-note{margin-bottom:10px}.welcome-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.welcome-add{margin-top:16px}.explore-section{margin-top:8px}@media (max-width:1040px){.app-shell{grid-template-columns:84px minmax(0,1fr)}.sidebar{align-items:center;padding:16px 10px}.sidebar-top{flex-direction:column;gap:8px}.brand-name,.nav-link span,.sidebar-account-text,.connection-badge{display:none}.nav-link{justify-content:center;padding:12px}.sidebar-nav{width:100%}.sidebar-actions{align-items:center;width:100%}.sidebar-actions .btn-block{gap:0;padding:10px;font-size:0}.sidebar-account{justify-content:center}}@media (max-width:760px){.app-shell{grid-template-columns:minmax(0,1fr)}.sidebar{display:none}.app-main{padding:0 14px 92px}.mobile-nav{bottom:0;z-index:60;background:hsl(var(--bg-elevated) / .96);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid hsl(var(--border));padding:6px 4px calc(6px + env(safe-area-inset-bottom));justify-content:space-around;display:flex;position:fixed;inset-inline:0}.mobile-compose{right:16px;bottom:calc(78px + env(safe-area-inset-bottom));z-index:70;background:hsl(var(--primary));width:52px;height:52px;color:hsl(var(--primary-contrast,0 0% 100%));cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:fixed;box-shadow:0 10px 26px #00000059}.mobile-compose:hover{background:hsl(var(--primary-hover))}.mobile-nav-link{min-width:0;color:hsl(var(--text-faint));font-size:calc(.66rem * var(--font-scale));border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1 1 0;align-items:center;gap:2px;padding:6px 4px;display:flex}.mobile-nav-link span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.mobile-nav-link.active{color:hsl(var(--primary))}.page-header{padding-top:14px}.feed-title{max-width:60vw}.page-title{font-size:calc(1.16rem * var(--font-scale))}.profile-header{align-items:flex-start}.profile-identity,.profile-actions{padding-top:0}.toast-stack{max-width:none;bottom:76px;left:12px;right:12px}.modal{max-height:calc(100vh - 32px)}.relay-details{grid-template-columns:minmax(0,1fr)}.relay-hero-head{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.note-card-clickable{cursor:pointer}.note-card-clickable:hover{border-color:hsl(var(--primary) / .4)}.note-card-clickable:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}.note-embedded,.note-embedded.note-card-clickable{cursor:inherit}.interaction-bar{border-top:1px solid hsl(var(--border));flex-wrap:wrap;gap:4px;margin-top:10px;padding-top:8px;display:flex}.thread-focus .interaction-bar{border-top:0;margin-top:0;padding-top:4px}.interaction-stat{color:hsl(var(--text-muted));cursor:pointer;font-size:calc(.8rem * var(--font-scale));font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;display:inline-flex}.interaction-stat:hover{background:hsl(var(--surface));color:hsl(var(--text))}.interaction-stat.active{background:hsl(var(--primary) / .12);color:hsl(var(--primary))}.interaction-label{display:none}@media (min-width:620px){.interaction-label{display:inline}}.thread-interactions{margin-top:4px}.actor-list{flex-direction:column;gap:2px;margin:8px 0 0;padding:0;list-style:none;display:flex}.actor-row{border-radius:var(--radius-sm);color:hsl(var(--text));align-items:center;gap:10px;padding:8px 10px;display:flex}.actor-row:hover{background:hsl(var(--surface));text-decoration:none}.actor-row-meta{flex-direction:column;flex:1;min-width:0;display:flex}.actor-row-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.reaction-summary{flex-wrap:wrap;gap:6px;margin:10px 0 4px;display:flex}.reaction-chip{border:1px solid hsl(var(--border));background:hsl(var(--bg-elevated));font-size:calc(.82rem * var(--font-scale));border-radius:999px;align-items:center;gap:6px;padding:3px 10px;display:inline-flex}.reaction-emoji{font-size:calc(.95rem * var(--font-scale));line-height:1}.reaction-count{color:hsl(var(--text-muted));font-variant-numeric:tabular-nums}.thread-ancestors{margin-bottom:14px}.thread-ancestors .note-card{margin-bottom:6px}.thread-ancestors .note-card:last-child{border-color:hsl(var(--primary) / .25)}.thread-focus-label{margin-bottom:6px}.thread-children{flex-direction:column;gap:12px;margin:6px 0 0 6px;display:flex}.thread-children .note-card{margin-bottom:0;padding:12px 14px}.thread-children .note-card:hover{border-color:hsl(var(--primary) / .35)}.thread-branch{padding-left:24px;position:relative}.thread-branch:before{content:"";background:hsl(var(--border-strong));border-radius:2px;width:2px;position:absolute;top:-12px;bottom:0;left:0}.thread-branch:after{content:"";border-left:2px solid hsl(var(--border-strong));border-bottom:2px solid hsl(var(--border-strong));border-bottom-left-radius:8px;width:18px;height:14px;position:absolute;top:22px;left:0}.thread-branch:last-child:before{height:36px;bottom:auto}.note-reply-context{background:hsl(var(--surface));max-width:100%;color:hsl(var(--text-muted));font-size:calc(.76rem * var(--font-scale));border-radius:999px;align-items:center;gap:5px;margin:0 0 6px;padding:2px 9px 2px 7px;display:inline-flex}.note-reply-context:hover{color:hsl(var(--primary));text-decoration:none}.note-reply-context-name{color:hsl(var(--primary));font-weight:650}.note-reply-context.missing{color:hsl(var(--warning))}.note-reply-context code{background:0 0;padding:0}.thread-orphans{flex-direction:column;gap:8px;margin-top:16px;display:flex}.thread-orphans .note-card{margin-bottom:0}.thread-continue{font-size:calc(.8rem * var(--font-scale));color:hsl(var(--primary));padding:4px 0 4px 24px}@media (max-width:760px){.thread-children{margin-left:2px}.thread-branch{padding-left:18px}.thread-branch:after{width:13px}}.reply-dialog{flex-direction:column;gap:12px;display:flex}.reply-dialog-target{background:hsl(var(--surface));cursor:default;margin-bottom:0}.reply-dialog-target:hover{border-color:hsl(var(--border))}.filter-bar{align-items:flex-start;gap:8px;margin-bottom:4px;display:flex}.filter-bar .post-type-filter{flex:auto;min-width:0;margin-bottom:8px}.post-filters{flex:none}.post-filters-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.filter-button.active{border-color:hsl(var(--primary) / .45);color:hsl(var(--primary));background:hsl(var(--primary) / .12)}.filter-count{background:hsl(var(--primary));min-width:18px;height:18px;color:hsl(var(--bg));font-size:calc(.7rem * var(--font-scale));border-radius:999px;justify-content:center;align-items:center;padding:0 5px;font-weight:700;display:inline-flex}.active-filter-chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.active-filter-chip{cursor:default;gap:4px}.active-filter-chip-remove{width:16px;height:16px;color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex}.active-filter-chip-remove:hover{opacity:1;background:hsl(var(--primary) / .2)}.filter-clear-all{white-space:nowrap}.filter-hidden-note{margin:-4px 0 10px}.filter-drawer{flex-direction:column;max-height:calc(100dvh - 2*clamp(16px,6vh,64px));display:flex;overflow:hidden}.filter-drawer .modal-header,.filter-drawer .modal-footer{flex:none}.filter-drawer .modal-body{overscroll-behavior:contain;scrollbar-gutter:stable;flex:auto;min-height:0;padding-top:4px;overflow-y:auto}.filter-drawer-body{flex-direction:column;gap:18px;display:flex}.filter-drawer-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.filter-drawer-actions-main{gap:8px;margin-left:auto;display:flex}.filter-section{border:1px solid hsl(var(--border));border-radius:var(--radius-sm);background:hsl(var(--surface) / .5);padding:12px 14px 14px}.filter-section-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.filter-section-head h3{font-size:calc(1rem * var(--font-scale));margin:0}.filter-section-body{flex-direction:column;gap:12px;display:flex}.filter-field{flex-direction:column;gap:6px;min-width:0;display:flex}.filter-field-label{font-size:calc(.8rem * var(--font-scale));color:hsl(var(--text-muted));text-transform:uppercase;letter-spacing:.04em;font-weight:600}.filter-field-hint{margin:0}.filter-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.filter-field input[type=number],.filter-field input[type=date]{background:hsl(var(--bg-elevated));border:1px solid hsl(var(--border));border-radius:var(--radius-sm);width:100%;color:hsl(var(--text));font:inherit;font-size:calc(.9rem * var(--font-scale));padding:8px 10px}.filter-field input[type=number]:focus,.filter-field input[type=date]:focus{border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary) / .16);outline:none}.filter-chip-group{flex-wrap:wrap;gap:6px;display:flex}.filter-section .post-type-filter{flex-wrap:wrap;margin-bottom:0;overflow:visible}.filter-toggle{cursor:pointer;font-size:calc(.88rem * var(--font-scale));align-items:center;gap:10px;display:flex}.filter-search{margin:0}.filter-topic-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter-topic-toolbar select{min-width:150px}.filter-topic-search{margin-bottom:0}.filter-topic-search input{font-size:calc(.88rem * var(--font-scale))}.filter-selected-topics{border:1px solid hsl(var(--primary) / .25);border-radius:var(--radius-sm);background:hsl(var(--primary) / .06);flex-wrap:wrap;gap:6px;padding:8px;display:flex}.filter-selected-topics .filter-chip{gap:4px}.filter-topic-chips{scrollbar-gutter:stable;max-height:190px;padding-right:4px;overflow-y:auto}.filter-suggestion-list{border:1px solid hsl(var(--border));border-radius:var(--radius-sm);background:hsl(var(--bg-elevated));flex-direction:column;gap:2px;max-height:200px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.filter-suggestion{text-align:left;width:100%;color:hsl(var(--text));font:inherit;font-size:calc(.88rem * var(--font-scale));cursor:pointer;background:0 0;border:none;padding:8px 10px}.filter-suggestion:hover{background:hsl(var(--surface-hover))}@media (max-width:640px){.filter-bar{flex-direction:column;align-items:stretch}.filter-bar .post-type-filter{margin-bottom:4px}.filter-drawer{max-height:calc(100dvh - 24px)}.modal-overlay:has(.filter-drawer){padding:12px}.filter-drawer .modal-header{padding:14px 14px 8px}.filter-drawer .modal-body{padding-left:14px;padding-right:14px}.filter-drawer .modal-footer{padding:10px 14px}.filter-drawer-actions-main{width:100%}.filter-drawer-actions-main .btn{flex:auto}}
