:root{--bg: #08080a;--bg2: #0f0f13;--bg3: #18181e;--border: #3a3a48;--purple: #9965fb;--purple-d: #9965fb;--accent: #0cb9be;--amber: #fbbf24;--teal: #0cb9be;--emerald: #5eead4;--muted: #c4c4d0;--text: #ffffff;--text-dim: #e0e0ea;--green: #86efac;--zap-gold: #fcd34d;--radius: 8px}[data-theme=light]{--bg: #f0f0f3;--bg2: #ffffff;--bg3: #e4e4e8;--border: #b0b0bc;--text: #000000;--text-dim: #222230;--muted: #505068;--green: #16a34a;--emerald: #059669;--purple: #9965fb;--zap-gold: #d97706;--accent: #0cb9be;--teal: #0cb9be}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:JetBrains Mono,monospace;font-size:26px;min-height:100dvh;-webkit-font-smoothing:antialiased;padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}mark{background:#9965fb59;color:var(--text);border-radius:2px;padding:0 2px}header{background:var(--bg2);border-bottom:1px solid var(--border);padding:14px 16px;display:flex;flex-direction:column;gap:10px;position:sticky;top:0;z-index:100}.header-top{display:flex;align-items:center;gap:12px;width:100%}.search-wrap-mobile{display:none}.logo{flex-shrink:0;cursor:pointer;line-height:0}.logo-img{height:32px;width:auto}.header-right{margin-left:auto;display:flex;align-items:center;gap:10px;flex-shrink:0}.search-wrap{flex:1;position:relative;max-width:700px}#search-input{width:100%;background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:JetBrains Mono,monospace;font-size:20px;padding:10px 14px 10px 44px;outline:none;transition:border-color .15s;min-height:52px}#search-input:focus{border-color:var(--purple)}#search-input::placeholder{color:var(--muted)}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:20px;pointer-events:none}.filter-bar{display:flex;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--bg2);flex-wrap:wrap;align-items:center}.filter-row{display:flex;gap:8px;align-items:center;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;flex:1;min-width:0}.stats-bar{margin-left:auto;font-size:15px;color:var(--text-dim);white-space:nowrap}main{max-width:920px;margin:0 auto;padding:16px}.result-count{font-size:16px;color:var(--text-dim);margin-bottom:16px}.empty{text-align:center;padding:60px 20px;color:var(--text-dim);font-size:20px;line-height:2}.page{display:none}.page.active{display:block}.auth-container{max-width:480px;margin:80px auto;padding:40px;text-align:center}.auth-container h1{font-size:32px;color:var(--purple);margin-bottom:16px}.auth-container p{font-size:18px;color:var(--text-dim);margin-bottom:32px;line-height:1.6}.client-dropdown{position:absolute;bottom:100%;right:0;margin-bottom:4px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;min-width:180px;z-index:100;box-shadow:0 4px 16px #0000004d;max-height:400px;overflow-y:auto}.client-link{display:flex;align-items:center;gap:8px;padding:10px 14px;color:var(--text-dim);text-decoration:none;font-size:14px;font-family:JetBrains Mono,monospace;transition:background .1s}.client-link:hover{background:var(--bg3);color:var(--text)}.client-link i{font-size:18px;color:var(--purple)}.client-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.client-overlay__content{background:var(--bg2);border:1px solid var(--border);border-radius:16px;width:100%;max-width:400px;max-height:80vh;overflow-y:auto}.client-overlay__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.client-overlay__header h2{font-size:18px;font-weight:700;color:var(--text);margin:0}.client-overlay__close{background:none;border:none;color:var(--text-dim);font-size:22px;cursor:pointer;padding:4px;border-radius:50%}.client-overlay__close:hover{color:var(--text);background:var(--bg3)}.client-overlay__list{display:flex;flex-direction:column;padding:8px 0}.client-overlay__item{display:flex;align-items:center;gap:14px;padding:14px 20px;color:var(--text);text-decoration:none;font-size:15px;font-family:JetBrains Mono,monospace;transition:background .1s}.client-overlay__item:hover{background:var(--bg3)}.client-overlay__item img{flex-shrink:0}.article-content{line-height:1.6}.article-content h1{font-size:22px;font-weight:700;margin:16px 0 8px}.article-content h2{font-size:18px;font-weight:700;margin:14px 0 6px}.article-content h3{font-size:16px;font-weight:600;margin:12px 0 4px}.article-content p{margin:8px 0}.article-content ul,.article-content ol{margin:8px 0;padding-left:24px}.article-content li{margin:4px 0}.article-content blockquote{border-left:3px solid var(--purple);padding-left:12px;margin:8px 0;color:var(--text-dim)}.article-content code{background:var(--bg3);padding:2px 6px;border-radius:3px;font-size:13px}.article-content pre{background:var(--bg3);padding:12px;border-radius:var(--radius);overflow-x:auto;margin:8px 0}.article-content pre code{background:none;padding:0}.article-content a{color:var(--purple)}.article-content img{max-width:100%;border-radius:var(--radius);margin:8px 0}a.profile-link{text-decoration:none;color:inherit;display:inline-flex;align-items:center;gap:6px}a.profile-link:hover .author-name,a.profile-link:hover .tn-name{color:var(--purple)}a.profile-tag{text-decoration:none}a.profile-tag:hover{text-decoration:underline}.theme-toggle{background:none;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-dim);font-size:20px;cursor:pointer;padding:8px 12px;min-width:48px;min-height:48px;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.theme-toggle:hover{border-color:var(--purple);color:var(--text)}.filter-select{font-family:JetBrains Mono,monospace;font-size:15px;padding:8px 28px 8px 12px;border-radius:20px;border:1px solid var(--border);background:var(--bg3);color:var(--text-dim);cursor:pointer;min-height:48px;outline:none;transition:border-color .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23c4c4d0' fill='none' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.filter-select:focus{border-color:var(--purple)}.filter-select option{background:var(--bg2);color:var(--text)}#filter-select{max-width:280px}.sort-select{flex:0 0 auto;width:auto;min-width:150px}.filter-more-btn{background:none;border:1px solid var(--border);border-radius:20px;color:var(--text-dim);font-size:18px;cursor:pointer;min-width:48px;min-height:48px;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.filter-more-btn:hover,.filter-more-btn.active{border-color:var(--purple);color:var(--purple)}.filter-panel{padding:12px 16px;background:var(--bg2);border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:12px;align-items:center}.filter-panel-row{display:flex;align-items:center;gap:8px}.filter-panel-row label{font-size:13px;color:var(--muted);min-width:50px}[data-theme=light] .filter-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23505068' fill='none' stroke-width='1.5'/%3E%3C/svg%3E")}.filter-date{font-family:JetBrains Mono,monospace;font-size:15px;padding:8px 12px;border-radius:20px;border:1px solid var(--border);background:var(--bg3);color:var(--text-dim);min-height:48px;outline:none;transition:border-color .15s;max-width:170px}.filter-date:focus{border-color:var(--purple)}.filter-date::-webkit-calendar-picker-indicator{filter:invert(.7)}[data-theme=light] .filter-date::-webkit-calendar-picker-indicator{filter:none}.filter-clear{font-family:JetBrains Mono,monospace;font-size:14px;padding:8px 14px;border-radius:20px;border:1px solid var(--border);background:transparent;color:var(--text-dim);cursor:pointer;min-height:48px;transition:all .15s}.filter-clear:hover{border-color:var(--amber);color:var(--amber)}.filter-toggle{font-family:JetBrains Mono,monospace;font-size:14px;padding:8px 14px;border-radius:20px;border:1px solid var(--border);background:transparent;color:var(--text-dim);cursor:pointer;min-height:48px;transition:all .15s}.filter-toggle:hover{border-color:var(--purple);color:var(--text)}.filter-toggle.active{border-color:var(--purple);background:var(--purple);color:#fff}.ptag-inline{display:flex;align-items:center;gap:4px}.ptag-inline input{font-family:JetBrains Mono,monospace;font-size:15px;padding:8px 12px;border-radius:20px;border:1px solid var(--border);background:var(--bg3);color:var(--text-dim);outline:none;min-height:48px;width:180px;transition:border-color .15s}.ptag-inline input:focus{border-color:var(--purple)}.ptag-inline input::placeholder{color:var(--muted);font-size:13px}.ptag-inline button{font-family:JetBrains Mono,monospace;font-size:14px;padding:8px 12px;border-radius:20px;border:1px solid var(--border);background:var(--bg3);color:var(--text-dim);cursor:pointer;min-height:48px;transition:all .15s}.ptag-inline button:hover{border-color:var(--purple);color:var(--text)}.ptag-chips{display:flex;gap:6px;flex-wrap:wrap}.ptag-chip{font-size:14px;padding:4px 10px;border-radius:14px;background:var(--purple-d);color:#fff;display:inline-flex;align-items:center;gap:6px}.ptag-chip img{width:18px;height:18px;border-radius:50%}.ptag-chip button{background:none;border:none;color:#ffffffb3;cursor:pointer;font-size:16px;line-height:1;padding:0}.ptag-chip button:hover{color:#fff}.note-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;margin-bottom:14px;transition:border-color .15s,background .15s;animation:fadeIn .2s ease both}.note-card:hover{border-color:var(--purple);background:var(--bg3)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.note-meta{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:15px;flex-wrap:wrap}.note-author{display:flex;align-items:center;gap:8px}.note-author img{width:40px;height:40px;border-radius:50%;object-fit:cover;background:var(--bg3)}.note-author .author-name{font-size:16px;font-weight:500;color:var(--purple)}.kind-badge{padding:4px 10px;border-radius:4px;font-size:14px;font-weight:500;letter-spacing:.04em}.kind-1{background:#0f2a1f;color:var(--emerald)}.kind-6{background:#2a2010;color:var(--amber)}.kind-30023{background:#1a1230;color:var(--purple)}.kind-default{background:var(--bg3);color:var(--text-dim)}.note-date{color:var(--text-dim)}.note-engagement{display:flex;gap:16px;font-size:18px}.note-engagement .reactions,.note-engagement .zaps{cursor:pointer;transition:opacity .15s}.note-engagement .reactions:hover,.note-engagement .zaps:hover{opacity:.7}.note-engagement .reactions{color:var(--purple)}.note-engagement .zaps{color:var(--zap-gold)}.note-ptags{font-size:15px;color:var(--text-dim);margin-bottom:10px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.profile-tag{display:inline-flex;align-items:center;gap:4px;color:var(--emerald);cursor:pointer;transition:opacity .15s}.profile-tag:hover{opacity:.7}.profile-tag img{width:24px;height:24px;border-radius:50%;vertical-align:middle}.note-title{font-size:24px;font-weight:500;color:var(--text);margin-bottom:10px}.note-body{cursor:pointer}.note-content{color:var(--text-dim);font-size:22px;line-height:1.6;white-space:pre-wrap;word-break:break-word;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.note-content.expanded{display:block;-webkit-line-clamp:unset}.expand-toggle{font-family:JetBrains Mono,monospace;font-size:14px;color:var(--purple);background:none;border:none;cursor:pointer;padding:4px 0;margin-top:4px;transition:opacity .15s}.expand-toggle:hover{opacity:.7}.note-images{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.note-images img{max-width:100%;max-height:400px;border-radius:var(--radius);object-fit:contain;background:var(--bg)}.repost-ref{font-size:15px;color:var(--amber);margin-top:8px}.repost-embed{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;margin-top:8px}.repost-embed-author{display:flex;align-items:center;gap:6px;margin-bottom:8px}.quote-embed{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;margin-top:10px;cursor:pointer;transition:border-color .15s}.quote-embed:hover{border-color:var(--purple)}.quote-embed-link{color:var(--purple);text-decoration:none;font-size:14px}.quote-embed-link:hover{text-decoration:underline}.quote-embed .quote-author{font-size:13px;color:var(--text-dim);margin-bottom:6px}.quote-embed .quote-author img{width:18px;height:18px;border-radius:50%;vertical-align:middle;object-fit:cover;margin-right:4px}.quote-embed .quote-body{font-size:14px;color:var(--text);line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.nostr-mention{color:var(--purple)}.note-actions{display:flex;align-items:center;gap:8px;margin-top:12px;flex-wrap:wrap}.note-actions-buttons{display:flex;gap:8px;margin-left:auto}.copy-btn{font-family:JetBrains Mono,monospace;font-size:14px;padding:8px 14px;border-radius:6px;border:1px solid var(--border);background:var(--bg3);color:var(--text-dim);cursor:pointer;min-height:44px;min-width:90px;display:inline-flex;align-items:center;justify-content:center;transition:all .15s;text-decoration:none}.copy-btn:hover{border-color:var(--purple);color:var(--text)}.copy-btn.copied{border-color:var(--emerald);color:var(--emerald)}.load-more{display:block;width:100%;padding:16px;margin-top:12px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-dim);font-family:JetBrains Mono,monospace;font-size:16px;cursor:pointer;min-height:52px;transition:all .15s}.load-more:hover{border-color:var(--purple);color:var(--text)}.stats-panel{display:none;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:18px}.stats-panel.open{display:block}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:16px}.stat-item{background:var(--bg3);border-radius:var(--radius);padding:14px 16px}.stat-val{font-size:28px;color:var(--purple);font-weight:600}.stat-label{font-size:14px;color:var(--text-dim);margin-top:4px}.relay-list{font-size:14px;color:var(--text-dim)}.relay-item{padding:5px 0;border-bottom:1px solid var(--border)}.relay-item:last-child{border-bottom:none}.relay-ok{color:var(--green)}.engagement-popup{position:fixed;z-index:250;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:12px;min-width:260px;max-width:360px;max-height:320px;overflow-y:auto;box-shadow:0 8px 32px #00000080}.engagement-popup-item{display:flex;align-items:center;gap:8px;padding:6px 4px;font-size:14px;border-bottom:1px solid var(--border)}.engagement-popup-item:last-child{border-bottom:none}.engagement-popup-item img{width:28px;height:28px;border-radius:50%;flex-shrink:0;object-fit:cover;background:var(--bg3)}.engagement-popup-item .ep-name{color:var(--text);flex:1}.engagement-popup-item .ep-emoji{font-size:18px}.engagement-popup-item .ep-amount{color:var(--zap-gold);font-weight:500;white-space:nowrap}.engagement-popup .loading{color:var(--muted);font-size:14px;text-align:center;padding:16px}.modal-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;z-index:200;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modal-overlay.open{display:flex;align-items:center;justify-content:center;padding:16px}.modal{background:var(--bg2);border:1px solid var(--border);border-radius:12px;width:100%;max-width:820px;max-height:88dvh;display:flex;flex-direction:column;overflow:hidden}.modal-header{padding:16px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px}.modal-close{margin-left:auto;background:none;border:none;color:var(--text-dim);font-size:28px;cursor:pointer;line-height:1;padding:6px 10px;min-width:48px;min-height:48px;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:var(--text)}.modal-body{padding:20px;overflow-y:auto;flex:1;-webkit-overflow-scrolling:touch}.thread-container{display:flex;flex-direction:column;gap:0}.thread-note{position:relative;padding:16px 16px 16px 32px;border-radius:var(--radius);margin-bottom:2px}.thread-note.thread-parent{opacity:.7;background:var(--bg)}.thread-note.thread-target{background:var(--bg3);border:1px solid var(--purple);opacity:1}.thread-note.thread-reply{opacity:.85;background:var(--bg)}.thread-note:before{content:"";position:absolute;left:14px;top:0;bottom:0;width:2px;background:var(--border)}.thread-note:first-child:before{top:50%}.thread-note:last-child:before{bottom:50%}.thread-note.thread-target:before{background:var(--purple)}.thread-note:only-child:before{display:none}.thread-note:after{content:"";position:absolute;left:10px;top:24px;width:10px;height:10px;border-radius:50%;background:var(--border)}.thread-note.thread-target:after{background:var(--purple)}.thread-note-meta{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:14px}.thread-note-meta img{width:28px;height:28px;border-radius:50%;object-fit:cover;background:var(--bg3)}.thread-note-meta .tn-name{color:var(--purple);font-weight:500}.thread-note-meta .tn-date{color:var(--muted)}.thread-note-content{font-size:20px;line-height:1.6;color:var(--text);white-space:pre-wrap;word-break:break-word}.thread-note-content a{color:var(--purple);text-decoration:underline;text-decoration-color:#9965fb80}.thread-note-content img{max-width:100%;max-height:400px;border-radius:var(--radius);display:block;margin:8px 0;object-fit:contain}.thread-note-engagement{display:flex;gap:12px;font-size:14px;margin-top:8px}.thread-note-engagement .reactions{color:var(--purple)}.thread-note-engagement .zaps{color:var(--zap-gold)}.thread-section-label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;padding:10px 0 4px 32px}.modal-content{font-size:24px;line-height:1.65;color:var(--text);white-space:pre-wrap;word-break:break-word}.modal-content a{color:var(--purple);text-decoration:underline;text-decoration-color:#9965fb80}.modal-content a:hover{text-decoration-color:var(--purple)}.modal-content img{max-width:100%;max-height:500px;border-radius:var(--radius);display:block;margin:10px 0;object-fit:contain}.modal-engagement{display:flex;gap:18px;font-size:18px;margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}.modal-engagement .reactions{color:var(--purple);cursor:pointer}.modal-engagement .reactions:hover{opacity:.7}.modal-engagement .zaps{color:var(--zap-gold);cursor:pointer}.modal-engagement .zaps:hover{opacity:.7}.modal-ptags{font-size:16px;color:var(--text-dim);margin-top:12px;padding-top:12px;border-top:1px solid var(--border);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.modal-footer{padding:14px 18px;border-top:1px solid var(--border);display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.btn{font-family:JetBrains Mono,monospace;font-size:15px;padding:10px 16px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg3);color:var(--text-dim);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:48px;min-width:90px;transition:all .15s}.btn:hover{border-color:var(--purple);color:var(--text)}.btn.copied{border-color:var(--emerald);color:var(--emerald)}.btn-primary{font-family:JetBrains Mono,monospace;font-size:18px;padding:14px 32px;border-radius:var(--radius);border:none;background:var(--purple-d);color:#fff;cursor:pointer;min-height:52px;transition:all .15s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary:hover{background:#7a4ae0}.btn-accent{font-family:JetBrains Mono,monospace;font-size:18px;padding:14px 32px;border-radius:var(--radius);border:none;background:var(--accent);color:#fff;cursor:pointer;min-height:52px;transition:all .15s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-accent:hover{background:#0aa3a8}.id-box{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;font-size:14px;color:var(--text-dim);word-break:break-all;margin-top:16px}.qr-container{margin:24px auto;text-align:center}.qr-container img,.qr-container table{margin:0 auto;border-radius:var(--radius)}.sync-relay{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:14px 18px;margin-bottom:10px}.sync-relay-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.sync-relay-name{font-size:16px;color:var(--text)}.sync-relay-status{font-size:14px;color:var(--muted)}.sync-progress-bar{height:4px;background:var(--bg3);border-radius:2px;overflow:hidden}.sync-progress-fill{height:100%;background:var(--purple);transition:width .3s}.public-badge{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--text-dim);white-space:nowrap;max-width:140px;overflow:hidden}.public-badge img{flex-shrink:0}.public-badge .author-name{overflow:hidden;text-overflow:ellipsis}.user-info{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-dim);cursor:pointer}.user-info{position:relative}.user-info img{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.avatar-fallback{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--purple);color:#fff;font-size:13px;font-weight:600;flex-shrink:0}.user-dropdown{position:absolute;top:calc(100% + 6px);right:0;z-index:100;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 16px #0000004d;min-width:120px}.user-dropdown button{display:block;width:100%;padding:10px 16px;background:none;border:none;color:var(--text);cursor:pointer;font-family:inherit;font-size:14px;text-align:left}.user-dropdown button:hover{background:var(--bg3)}.nostr-mention{color:var(--purple);cursor:pointer;text-decoration:none;background:#8b5cf61a;padding:1px 4px;border-radius:3px}.nostr-mention:hover{text-decoration:underline}.note-card.skeleton{pointer-events:none}.skel-line{background:linear-gradient(90deg,var(--bg3) 25%,var(--border) 50%,var(--bg3) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;margin-bottom:8px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.note-video-wrap{position:relative;display:inline-block;max-width:100%;margin-top:10px;border-radius:var(--radius);overflow:hidden}.note-video-wrap video{max-width:100%;max-height:400px;display:block;cursor:pointer}.video-mute-btn{position:absolute;bottom:8px;right:8px;background:#0009;border:none;border-radius:50%;width:32px;height:32px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;opacity:.8;transition:opacity .15s}.video-mute-btn:hover{opacity:1}.sort-select{max-width:140px}.note-card.focused{border-color:var(--purple);box-shadow:0 0 0 1px var(--purple)}.recent-searches-dropdown{position:absolute;top:100%;left:0;right:0;z-index:50;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 16px #0000004d;margin-top:4px;overflow:hidden}.recent-search-item{display:block;width:100%;padding:10px 14px;background:none;border:none;color:var(--text-dim);font-family:inherit;font-size:14px;text-align:left;cursor:pointer}.recent-search-item:hover{background:var(--bg3);color:var(--text)}.onboarding-card{max-width:500px;margin:60px auto;padding:40px;text-align:center;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius)}.onboarding-card h2{font-size:20px;color:var(--purple);margin-bottom:12px}.onboarding-card p{font-size:14px;color:var(--text-dim);line-height:1.6}.onboarding-spinner{display:inline-block;width:24px;height:24px;border:2px solid var(--border);border-top-color:var(--purple);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:12px}@media(max-width:480px){body{font-size:22px}header{padding:10px 12px;gap:8px}.logo-img{height:24px}.search-wrap-desktop{display:none!important}.search-wrap-mobile{display:block!important;width:100%;position:relative}.search-wrap-mobile input{width:100%;font-size:18px;min-height:44px;padding:8px 10px 8px 38px;background:var(--bg3)!important;color:var(--text);border:2px solid var(--purple)!important;border-radius:var(--radius);font-family:JetBrains Mono,monospace;outline:none}.search-wrap-mobile input::placeholder{color:var(--muted)}.search-wrap-mobile .search-icon{font-size:18px;left:12px;position:absolute;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.header-right{gap:8px}.theme-toggle,.user-info .author-name{display:none}.user-info img{width:36px!important;height:36px!important;object-fit:cover;flex-shrink:0;border-radius:50%!important}.user-info{min-width:36px;min-height:36px}.avatar-fallback{width:36px;height:36px;font-size:14px}.filter-bar{padding:8px 12px;gap:6px;flex-wrap:nowrap;overflow:hidden}.filter-select{font-size:13px;padding:6px 24px 6px 10px;min-height:40px;flex:1;min-width:0;max-width:45%}.sort-select{flex:0 0 auto;max-width:none;min-width:0}.filter-more-btn{min-width:40px;min-height:40px;font-size:16px}.stats-bar{display:none}.filter-panel{flex-direction:column;gap:8px;padding:10px 12px}.filter-panel-row{width:100%}.filter-panel-row label{min-width:60px;font-size:13px}.filter-panel-row .filter-select{flex:1;max-width:none}.filter-panel-row .filter-date{flex:1;max-width:none;min-width:0;font-size:14px;min-height:48px;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--text-dim)}.filter-panel-row .ptag-inline{flex:1}.filter-panel-row .ptag-inline input{flex:1;width:auto}.ptag-chips{padding:4px 12px 0}main{padding:12px}.note-content{font-size:19px}.note-meta{gap:8px}.note-author img{width:32px;height:32px}.note-author .author-name{font-size:14px}.note-date{font-size:13px}.copy-btn{font-size:12px;padding:6px 10px;min-height:38px;min-width:70px}.modal-content{font-size:20px}.thread-note-content{font-size:18px}.modal-overlay.open{padding:0;align-items:stretch}.modal{max-width:100%;max-height:100dvh;height:100dvh;border-radius:0;border:none}.auth-container{margin:40px auto;padding:24px}.auth-container h1{font-size:26px}.auth-container p{font-size:16px}}:root{--main-background: 0 0 0;--main-search-background: 32 35 39;--main-sidebar-background:22 24 28;--main-accent: 29 155 240;--dark-background: 0 0 0;--dim-background: 22 33 44;--light-background: 255 255 255;--dark-search-background: 32 35 39;--dim-search-background: 39 51 64;--light-search-background: 239 243 244;--dark-sidebar-background: 22 24 28;--dim-sidebar-background: 30 39 50;--light-sidebar-background: 247 249 249;--accent-blue: 29 155 240;--accent-yellow: 255 213 0;--accent-pink: 249 26 130;--accent-purple: 120 87 255;--accent-orange: 255 122 0;--accent-green: 0 184 122;--accent-red: 244 33 46;--color-primary: #E7E9EA;--color-secondary: #71767B;--color-border: #2F3336;--color-line-reply: #333639;--space-0: 0px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-14: 56px;--space-16: 64px;--cover-height: 200px;--cover-height-xs: 192px;--cover-height-sm: 208px;--avatar-size: 134px;--avatar-size-xs: 128px;--avatar-size-mobile: 96px;--avatar-border: 4px;--avatar-overlap: calc(var(--avatar-size) / 2 + var(--avatar-border));--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-size-xs: 13px;--font-size-sm: 14px;--font-size-base: 15px;--font-size-lg: 17px;--font-size-xl: 20px;--font-size-2xl: 23px;--transition-colors: color .2s, background-color .2s, border-color .2s;--z-header: 10;--z-sticky: 5}[data-theme=light],.light{--main-background: 255 255 255;--main-search-background: 239 243 244;--main-sidebar-background:247 249 249;--color-primary: #0F1419;--color-secondary: #536471;--color-border: #EFF3F4;--color-line-reply: #CFD9DE}[data-theme=dim],.dim{--main-background: 22 33 44;--main-search-background: 39 51 64;--main-sidebar-background:30 39 50;--color-primary: #E7E9EA;--color-secondary: #71767B;--color-border: #38444D;--color-line-reply: #38444D}.profile-page{width:100%;max-width:600px;min-height:100vh;border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);margin:0 auto;font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.3125;color:var(--color-primary);background-color:rgb(var(--main-background));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.profile-page a{color:inherit;text-decoration:none}.profile-page button{font:inherit;cursor:pointer;border:none;background:none}.profile-page img{display:block;max-width:100%}.profile-header{position:sticky;top:0;z-index:var(--z-sticky);display:flex;align-items:center;gap:var(--space-5);height:53px;padding:0 var(--space-4);background-color:rgb(var(--main-background) / .65);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:var(--transition-colors)}.profile-header__back{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;transition:var(--transition-colors)}.profile-header__back:hover{background-color:rgb(var(--main-background) / .15)}.profile-header__info{display:flex;flex-direction:column}.profile-header__name{font-size:var(--font-size-lg);font-weight:700;line-height:1.25;color:var(--color-primary)}.profile-header__count{font-size:var(--font-size-xs);color:var(--color-secondary);line-height:1.2}.profile-cover{position:relative;width:100%;height:var(--cover-height-xs);overflow:hidden;background-color:var(--color-line-reply)}.profile-cover img{width:100%;height:100%;object-fit:cover}.profile-cover--empty{background-color:rgb(var(--accent-blue))}.profile-cover:hover img{filter:brightness(.75);transition:filter .2s}@media(min-width:500px){.profile-cover{height:var(--cover-height-xs)}}@media(min-width:640px){.profile-cover{height:var(--cover-height-sm)}}.profile-avatar-row{position:relative;display:flex;justify-content:space-between;align-items:flex-start;padding:0 var(--space-4);margin-bottom:var(--space-3)}.profile-avatar{position:relative;margin-top:calc(-1 * var(--avatar-size-mobile) / 2 - var(--avatar-border));width:var(--avatar-size-mobile);height:var(--avatar-size-mobile);border-radius:50%;border:var(--avatar-border) solid rgb(var(--main-background));background-color:rgb(var(--main-background));overflow:hidden;transition:border-color .2s;flex-shrink:0}.profile-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-avatar:hover img{filter:brightness(.75);transition:filter .2s}.profile-avatar--empty{background-color:rgb(var(--main-sidebar-background))}@media(min-width:640px){.profile-avatar{width:var(--avatar-size);height:var(--avatar-size);margin-top:calc(-1 * var(--avatar-size) / 2 - var(--avatar-border))}}.profile-actions{display:flex;gap:var(--space-2);align-items:center;padding-top:var(--space-3)}.btn{display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-sm);border-radius:9999px;padding:0 var(--space-4);height:36px;transition:var(--transition-colors);white-space:nowrap}.btn--outline{border:1px solid var(--color-border);color:var(--color-primary);background:transparent}.btn--outline:hover{background-color:rgb(var(--main-background) / .1)}.btn--primary{background-color:rgb(var(--main-accent));color:#fff;border:none}.btn--primary:hover{background-color:rgb(var(--main-accent) / .85)}.btn--following{border:1px solid var(--color-border);color:var(--color-primary);background:transparent;min-width:104px}.btn--following:hover{border-color:var(--accent-red);color:rgb(var(--accent-red));background-color:rgb(var(--accent-red) / .1)}.btn--icon{width:36px;height:36px;padding:0;border-radius:50%;border:1px solid var(--color-border);color:var(--color-primary)}.btn--icon:hover{background-color:rgb(var(--main-background) / .1)}.profile-info{padding:0 var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.profile-info__name{font-size:var(--font-size-xl);font-weight:800;line-height:1.2;color:var(--color-primary)}.profile-info__name svg{width:22px;height:22px;vertical-align:middle;margin-left:2px}.profile-info__username{font-size:var(--font-size-base);color:var(--color-secondary);line-height:1.2}.profile-info__follows-you{display:inline-block;font-size:12px;padding:0 var(--space-1);border-radius:4px;background-color:rgb(var(--main-search-background));color:var(--color-secondary);margin-left:var(--space-1);line-height:1.5}.profile-info__bio{font-size:var(--font-size-base);color:var(--color-primary);white-space:pre-line;word-break:break-word;line-height:1.3125}.profile-info__bio a{color:rgb(var(--main-accent));text-decoration:none}.profile-info__bio a:hover{text-decoration:underline}.profile-info__meta{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-3);color:var(--color-secondary);font-size:var(--font-size-base)}.profile-info__meta-item{display:inline-flex;align-items:center;gap:var(--space-1)}.profile-info__meta-item svg{width:18px;height:18px;fill:var(--color-secondary);flex-shrink:0}.profile-info__meta-item a{color:rgb(var(--main-accent));text-decoration:none}.profile-info__meta-item a:hover{text-decoration:underline;text-decoration-thickness:1px}.profile-follow-stats{display:flex;gap:var(--space-5);font-size:var(--font-size-sm);color:var(--color-secondary)}.profile-follow-stats a{display:inline-flex;align-items:center;gap:var(--space-1);transition:var(--transition-colors)}.profile-follow-stats a:hover{text-decoration:underline}.profile-follow-stats__number{font-weight:700;color:var(--color-primary)}.profile-follow-stats__label{color:var(--color-secondary)}.profile-nav{display:flex;border-bottom:1px solid var(--color-border);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;margin-top:var(--space-4)}.profile-nav::-webkit-scrollbar{display:none}.profile-nav__tab{flex:1;display:flex;justify-content:center;align-items:center;min-width:0;padding:0;background:none;border:none;cursor:pointer;transition:var(--transition-colors);position:relative}.profile-nav__tab:hover{background-color:rgb(var(--main-background) / .03)}[data-theme=dark] .profile-nav__tab:hover,.dark .profile-nav__tab:hover{background-color:#ffffff08}.profile-nav__tab-label{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-4) 0;font-size:var(--font-size-base);font-weight:700;white-space:nowrap;color:var(--color-secondary);transition:color .2s}.profile-nav__tab.active .profile-nav__tab-label{color:var(--color-primary)}.profile-nav__tab-indicator{height:4px;border-radius:2px;background-color:transparent;width:100%;min-width:56px;max-width:56px;transition:background-color .2s}.profile-nav__tab.active .profile-nav__tab-indicator{background-color:rgb(var(--main-accent))}@media(min-width:500px){.profile-nav__tab-label{padding:var(--space-4) var(--space-8) 0}}.profile-feed{min-height:50vh}.tweet-item{display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);transition:var(--transition-colors);cursor:pointer}.tweet-item:hover{background-color:rgb(var(--main-background) / .03)}[data-theme=dark] .tweet-item:hover,.dark .tweet-item:hover{background-color:#ffffff08}.tweet-item__avatar-link{flex-shrink:0}.tweet-item__avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.tweet-item__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.tweet-item__header{display:flex;align-items:center;gap:var(--space-1);flex-wrap:wrap}.tweet-item__author{font-weight:700;font-size:var(--font-size-base);color:var(--color-primary)}.tweet-item__handle,.tweet-item__time{font-size:var(--font-size-base);color:var(--color-secondary)}.tweet-item__content{font-size:var(--font-size-base);color:var(--color-primary);line-height:1.3125;white-space:pre-line;word-break:break-word}.tweet-item__actions{display:flex;justify-content:space-between;max-width:425px;margin-top:var(--space-3)}.tweet-action{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--color-secondary);font-size:var(--font-size-xs);padding:var(--space-2);border-radius:50%;transition:var(--transition-colors)}.tweet-action:hover{color:rgb(var(--main-accent))}.tweet-action svg{width:18px;height:18px}.profile-empty{display:flex;flex-direction:column;align-items:center;padding:var(--space-8) var(--space-4);text-align:center}.profile-empty__title{font-size:31px;font-weight:800;color:var(--color-primary);margin-bottom:var(--space-2)}.profile-empty__subtitle{font-size:var(--font-size-base);color:var(--color-secondary);max-width:400px}.profile-loading{display:flex;justify-content:center;padding:var(--space-5)}.profile-loading__spinner{width:28px;height:28px;border:3px solid var(--color-border);border-top-color:rgb(var(--main-accent));border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:499px){.profile-page{border-left:none;border-right:none}.profile-cover{height:150px}.profile-avatar{width:80px;height:80px;margin-top:-44px;border-width:3px}.profile-info__name{font-size:var(--font-size-lg)}.profile-nav__tab-label{font-size:var(--font-size-sm);padding:var(--space-3) var(--space-3) 0}.profile-nav__tab-indicator{min-width:48px;max-width:48px}}@media(min-width:500px){.profile-avatar{width:var(--avatar-size-xs);height:var(--avatar-size-xs);margin-top:calc(-1 * var(--avatar-size-xs) / 2 - var(--avatar-border))}}@media(min-width:640px){.profile-avatar{width:var(--avatar-size);height:var(--avatar-size);margin-top:calc(-1 * var(--avatar-size) / 2 - var(--avatar-border))}.profile-cover{height:var(--cover-height-sm)}}@media(min-width:768px){.profile-nav__tab-label{padding:var(--space-4) var(--space-8) 0}}@media(min-width:1024px){.profile-cover{height:var(--cover-height)}}.hover-animation{transition:color .2s,background-color .2s,border-color .2s}.custom-underline{text-decoration:underline;text-decoration-color:transparent;text-underline-offset:1px;text-decoration-thickness:1px;transition:text-decoration-color .2s}.custom-underline:hover,.custom-underline:focus-visible{text-decoration-color:currentColor}.focus-ring:focus-visible{outline:2px solid rgb(var(--main-accent) / .8);outline-offset:2px}.scrollbar-hide{scrollbar-width:none;-ms-overflow-style:none}.scrollbar-hide::-webkit-scrollbar{display:none}.menu-shadow{box-shadow:#65778633 0 0 15px,#65778626 0 0 3px 1px}[data-theme=dark] .menu-shadow,.dark .menu-shadow{box-shadow:#fff3 0 0 15px,#ffffff26 0 0 3px 1px}[data-accent=blue]{--main-accent: var(--accent-blue)}[data-accent=yellow]{--main-accent: var(--accent-yellow)}[data-accent=pink]{--main-accent: var(--accent-pink)}[data-accent=purple]{--main-accent: var(--accent-purple)}[data-accent=orange]{--main-accent: var(--accent-orange)}[data-accent=green]{--main-accent: var(--accent-green)}