@import "https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@300;400;500;600;700;800&display=swap";:root{--bg:#fff;--ink:#0a0a0a;--sub:#8a8a8e;--line:#ededed;--hover:#f6f6f6;--accent:#e0a23b;--danger:#c0392b;--max-w:600px;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Hanken Grotesk,-apple-system,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0;padding:0}html,body{overscroll-behavior-y:contain}button{font:inherit;cursor:pointer}input,textarea{font:inherit;color:inherit}.btn{background:var(--ink);color:#fff;border:none;border-radius:999px;padding:12px 28px;font-size:15px;font-weight:600;transition:opacity .15s,transform 80ms}.btn:hover:not(:disabled){opacity:.85}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.3;cursor:default}.btn-ghost{color:var(--sub);background:0 0;padding:8px 12px;font-size:14px}.btn-ghost:hover:not(:disabled){color:var(--ink);opacity:1}.gate{z-index:9999;background:#0a0a0a;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.gate-card{background:#141414;border:1px solid #222;border-radius:18px;flex-direction:column;align-items:stretch;gap:12px;width:100%;max-width:360px;padding:36px 28px 28px;display:flex}.gate-card.shake{animation:.4s cubic-bezier(.36,.07,.19,.97) gate-shake}@keyframes gate-shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-8px)}40%,60%{transform:translate(8px)}}.gate-brand{color:#fff;letter-spacing:-.03em;justify-content:center;align-items:center;gap:8px;margin-bottom:4px;font-size:22px;font-weight:800;display:inline-flex}.gate-brand .dot{background:var(--accent);border-radius:50%;width:9px;height:9px}.gate-sub{color:#777;text-align:center;margin:0 0 8px;font-size:13px}.gate-input{color:#fff;text-align:center;letter-spacing:.3em;background:#0a0a0a;border:1px solid #2a2a2a;border-radius:10px;outline:none;padding:12px 14px;font-size:16px;transition:border-color .15s}.gate-input:focus{border-color:var(--accent)}.gate-btn{background:var(--accent);color:#fff;margin-top:4px}.gate-btn:disabled{color:#555;opacity:1;background:#2a2a2a}.splash{justify-content:center;align-items:center;min-height:100vh;display:flex}.splash-brand{letter-spacing:-.03em;opacity:0;align-items:center;gap:8px;font-size:24px;font-weight:800;animation:.5s .15s forwards fade-in;display:inline-flex}.splash-brand .dot{background:var(--accent);border-radius:50%;width:9px;height:9px}@keyframes fade-in{to{opacity:1}}.ob-shell{flex-direction:column;max-width:460px;min-height:100vh;margin:0 auto;padding:64px 24px 48px;display:flex}.ob-brand{letter-spacing:-.03em;align-items:center;gap:8px;margin-bottom:48px;font-size:22px;font-weight:800;display:flex}.ob-brand .dot{background:var(--accent);border-radius:50%;width:9px;height:9px}.ob-title{letter-spacing:-.02em;margin:0 0 12px;font-size:26px;font-weight:700;line-height:1.25}.ob-lede{color:var(--sub);margin:0 0 32px;font-size:16px;line-height:1.55}.ob-body{flex:1}.ob-actions{justify-content:flex-end;align-items:center;gap:12px;margin-top:32px;display:flex}.ob-input{border:1px solid var(--line);background:var(--bg);border-radius:12px;outline:none;width:100%;padding:14px 16px;font-size:16px;transition:border-color .15s}.ob-input:focus{border-color:var(--ink)}.ob-input.has-error{border-color:var(--danger)}.ob-input-label{color:var(--sub);margin-bottom:6px;font-size:13px;display:block}.mn-grid{background:var(--hover);border-radius:16px;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0 8px;padding:18px;display:grid}.mn-cell{background:var(--bg);border:1px solid var(--line);border-radius:10px;align-items:baseline;gap:8px;padding:12px 10px;font-size:15px;display:flex}.mn-cell .idx{color:var(--sub);text-align:right;flex:none;width:16px;font-size:12px}.mn-cell .word{letter-spacing:.01em;font-weight:600}.warn-box{color:#6b4f17;background:#fdf6e7;border:1px solid #f1d68a;border-radius:12px;margin-top:16px;padding:14px 16px;font-size:14px;line-height:1.55}.warn-box strong{color:#4d3a0f}.cooldown-hint{color:var(--sub);font-size:13px}.verify-row{align-items:center;gap:14px;margin-bottom:14px;display:flex}.verify-row .lbl{color:var(--sub);flex:none;width:84px;font-size:14px}.verify-row input{flex:1}.shell{max-width:var(--max-w);border-left:1px solid var(--line);border-right:1px solid var(--line);min-height:100vh;margin:0 auto;position:relative}.header{z-index:10;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#fffc;grid-template-columns:60px 1fr 60px;align-items:center;height:60px;display:grid;position:sticky;top:0}.header .brand{letter-spacing:-.03em;justify-content:center;align-items:center;gap:7px;font-size:19px;font-weight:800;display:flex}.header .brand-dot{background:var(--accent);border-radius:50%;width:7px;height:7px}.header-btn{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:#0000001a;z-index:1;background:0 0;border:none;justify-content:center;align-items:center;height:100%;padding:0;display:flex;position:relative}.header-btn.left{justify-content:flex-start;padding-left:18px}.header-btn.right{justify-content:flex-end;padding-right:18px}.tabs{z-index:9;background:var(--bg);border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid;position:sticky;top:60px}.tab{color:var(--sub);background:0 0;border:none;padding:14px 0;font-size:15px;font-weight:600;transition:color .15s;position:relative}.tab:hover,.tab.active{color:var(--ink)}.tab.active:after{content:"";background:var(--ink);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:25%;right:25%}.ptr-indicator{z-index:20;background:var(--bg);border:1px solid var(--line);pointer-events:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex;position:fixed;top:0;left:50%;box-shadow:0 4px 12px #00000014}.ptr-spin{color:var(--accent);animation:.85s linear infinite ptr-spin}@keyframes ptr-spin{to{transform:rotate(360deg)}}.header-btn.right.header-login-cta{background:var(--accent);color:#fff;white-space:nowrap;border-radius:999px;place-self:center end;width:max-content;height:auto;margin-right:14px;padding:7px 16px;font-size:13px;font-weight:700;transition:opacity .15s}.header-login-cta:hover{opacity:.9}.visitor-reply-bar{background:var(--hover);width:100%;max-width:calc(100% - 36px);color:var(--sub);font:inherit;text-align:left;cursor:pointer;border:none;border-radius:22px;margin:10px 18px;padding:12px 16px;font-size:15px;transition:background .15s;display:block}.visitor-reply-bar:hover{background:var(--line)}.visitor-banner{text-align:left;color:#6b4f17;width:100%;font:inherit;cursor:pointer;background:#fdf6e7;border:none;border-bottom:1px solid #f1d68a;align-items:center;gap:12px;padding:14px 18px;transition:background .15s;display:flex}.visitor-banner:hover{background:#fbeecf}.visitor-banner-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.visitor-banner-text strong{color:#4d3a0f;font-size:14px;font-weight:700}.visitor-banner-sub{font-size:13px;line-height:1.45}.profile-handle{color:var(--accent);margin:2px 0 0;font-size:14px;font-weight:600}.ob-handle-hint{color:var(--sub);margin:6px 0 0;font-size:13px}.ob-handle-hint[data-kind=available]{color:#1f7a3a}.ob-handle-hint[data-kind=taken],.ob-handle-hint[data-kind=invalid]{color:#c0392b}.profile-handle-empty{color:var(--sub);cursor:pointer;text-align:left;background:0 0;border:none;margin:2px 0 0;padding:0;font-size:14px;font-weight:500}button.profile-handle-empty{text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}p.profile-handle-empty{cursor:default}.profile-handle-current{color:var(--sub);margin:0 0 6px;font-size:13px}.profile-handle-row{align-items:stretch;gap:8px;display:flex}.profile-handle-input{flex:1;align-items:center;display:flex;position:relative}.profile-handle-input .ob-input{flex:1;padding-right:110px}.profile-handle-suffix{color:var(--sub);pointer-events:none;font-size:13px;position:absolute;right:12px}.profile-handle-msg{margin:8px 0 0;font-size:13px}.profile-handle-msg.ok{color:var(--accent)}.profile-handle-msg.err{color:#d33}.identity-section{border-top:1px solid var(--line);flex-direction:column;gap:10px;margin-top:18px;padding-top:14px;display:flex}.identity-section-head{align-items:baseline;gap:10px;display:flex}.identity-section-hint{color:var(--sub);font-size:12px}.identity-row{flex-wrap:wrap;align-items:center;gap:8px;padding:8px 0;display:flex}.identity-row.linked{border:1px solid var(--line);border-radius:10px;padding:8px 10px}.identity-row-input{flex:160px;min-width:0}.identity-row-input .ob-input{margin:0}.identity-row-text{flex-direction:column;flex:1 1 0;min-width:0;display:flex}.identity-row-label{color:var(--sub);font-size:12px}.identity-row-handle{color:var(--ink);align-items:center;gap:4px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.identity-row-handle:hover{text-decoration:underline}.identity-row-sub{color:var(--sub);font-size:13px}.identity-unlink{color:#d33}.identity-code-panel{background:var(--hover);border-radius:10px;flex-basis:100%;padding:10px 12px}.identity-code-help{color:var(--ink);margin:0 0 8px;font-size:13px;line-height:1.5}.identity-code{border:1px solid var(--line);cursor:pointer;-webkit-user-select:all;user-select:all;word-break:break-all;background:#fff;border-radius:6px;padding:6px 10px;font-family:ui-monospace,Consolas,monospace;font-size:13px;display:inline-block}.identity-err{color:#d33;flex-basis:100%;margin:0;font-size:13px}.profile-identities{flex-wrap:wrap;gap:10px;margin:4px 0 12px;display:flex}.profile-link-cards{margin:0 0 12px}.profile-manual-links{flex-direction:column;gap:6px;margin:4px 0 12px;padding:0;list-style:none;display:flex}.profile-manual-link{border:1px solid var(--line);color:var(--text);background:0 0;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;text-decoration:none;transition:background .15s,border-color .15s;display:flex}.profile-manual-link:hover{background:var(--hover);border-color:var(--line-strong,var(--line))}.profile-manual-link-text{flex-direction:column;flex:1;min-width:0;display:flex}.profile-manual-link-label{font-size:14px;font-weight:600;line-height:1.2}.profile-manual-link-url{color:var(--text-sub);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.3;overflow:hidden}.profile-manual-link-arrow{color:var(--text-sub);flex-shrink:0}.profile-identity{border:1px solid var(--line);width:34px;height:34px;color:var(--sub);border-radius:50%;justify-content:center;align-items:center;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.profile-identity:hover{background:var(--hover);color:var(--ink)}.profile-identity.verified{border-color:var(--accent);color:var(--accent)}.profile-identity.verified:hover{color:var(--accent);background:#fdf6e7}.links-section{border-top:1px solid var(--line);flex-direction:column;gap:10px;margin-top:18px;padding-top:14px;display:flex}.links-add-form{flex-direction:column;gap:8px;display:flex}.links-add-row{align-items:center;gap:8px;display:flex}.links-add-row .ob-input,.links-add-form>.ob-input{flex:1;margin:0}.links-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.links-item{border:1px solid var(--line);color:var(--ink);border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.links-item-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.links-item-label{font-size:13px;font-weight:600}.links-item-label-input{color:inherit;background:0 0;border:1px solid #0000;border-radius:6px;outline:none;width:100%;min-width:0;margin:-2px -6px;padding:2px 6px;font-family:inherit;font-size:13px;font-weight:600}.links-item-label-input::placeholder{color:var(--sub);font-weight:600}.links-item-label-input:hover{border-color:var(--line)}.links-item-label-input:focus{border-color:var(--accent,#e0a23b);background:var(--bg)}.links-item-url{color:var(--sub);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.profile-rss{border:1px solid var(--line);width:fit-content;color:var(--sub);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:5px;margin-top:16px;padding:5px 12px;font-size:13px;font-weight:600;text-decoration:none;transition:color .15s,border-color .15s;display:flex}.profile-rss:hover{color:var(--accent);border-color:var(--accent)}.visitor-banner-cta{background:var(--accent);color:#fff;border-radius:999px;flex:none;padding:7px 16px;font-size:13px;font-weight:700}.new-posts-pill-wrap{z-index:8;pointer-events:none;justify-content:center;height:0;display:flex;position:sticky;top:109px}.new-posts-pill{pointer-events:auto;background:var(--accent);color:#fff;font:inherit;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:13.5px;font-weight:700;transition:opacity .15s,transform 80ms;animation:.25s cubic-bezier(.2,.7,.2,1) pill-in;display:inline-flex;position:relative;top:12px;box-shadow:0 4px 14px #e0a23b59}.new-posts-pill:hover{opacity:.92}.new-posts-pill:active{transform:scale(.96)}@keyframes pill-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.feed{min-height:calc(100vh - 109px)}.backup-option{text-align:left;background:var(--bg);border:1px solid var(--line);cursor:pointer;width:100%;font:inherit;color:var(--ink);border-radius:16px;align-items:flex-start;gap:14px;margin-top:12px;padding:16px;transition:border-color .15s,background .15s;display:flex}.backup-option:hover{border-color:var(--ink);background:var(--hover)}.backup-option-icon{background:var(--hover);width:40px;height:40px;color:var(--ink);border-radius:12px;flex:none;justify-content:center;align-items:center;display:flex}.backup-option-text{flex:1;min-width:0}.backup-option-title{align-items:center;gap:8px;margin-bottom:4px;font-size:15px;font-weight:700;display:flex}.backup-option-tag{background:var(--accent);color:#fff;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.backup-option-done{color:#1f7a3a;background:#e6f4ea;border-radius:999px;align-items:center;gap:3px;padding:2px 8px 2px 6px;font-size:11px;font-weight:700;display:inline-flex}.backup-option-sub{color:var(--sub);font-size:13px;line-height:1.5}.file-picker{border:1px dashed var(--line);background:var(--bg);width:100%;color:var(--ink);font:inherit;cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:16px;font-size:14px;transition:border-color .15s,background .15s;display:flex}.file-picker:hover{border-color:var(--ink);background:var(--hover)}.file-picker-name{text-overflow:ellipsis;white-space:nowrap;color:var(--sub);flex:1;font-family:ui-monospace,Consolas,monospace;font-size:13px;overflow:hidden}.back-link{color:var(--sub);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;margin-bottom:18px;padding:0;font-size:14px;transition:color .15s;display:inline-flex}.back-link:hover{color:var(--ink)}@keyframes spin{to{transform:rotate(360deg)}}.backup-banner{text-align:left;color:#6b4f17;width:100%;font:inherit;cursor:pointer;background:#fdf6e7;border:none;border-bottom:1px solid #f1d68a;align-items:center;gap:12px;padding:14px 18px;font-size:14px;transition:background .15s;display:flex}.backup-banner:hover{background:#fbeecf}.backup-banner svg{color:#b8881a;flex:none}.backup-banner-text{flex-direction:column;gap:2px;min-width:0;display:flex}.backup-banner-text strong{color:#4d3a0f;font-size:14px;font-weight:700}.backup-banner-sub{font-size:13px;line-height:1.4}.compose{border-bottom:1px solid var(--line);gap:12px;padding:18px;display:flex}.compose-main{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.compose-input{resize:none;width:100%;font:inherit;color:var(--ink);background:0 0;border:none;outline:none;min-height:28px;max-height:240px;padding:6px 0;font-size:16px;line-height:1.5;overflow-y:auto}.compose-input::placeholder{color:var(--sub)}.compose-row{align-items:center;gap:8px;margin-top:4px;display:flex}.btn-post{align-items:center;gap:6px;padding:8px 20px;font-size:14px;display:inline-flex}.compose-icon-btn{color:var(--sub);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:background .15s,color .15s;display:inline-flex}.compose-icon-btn:hover:not(:disabled){background:var(--hover);color:var(--accent,#e0a23b)}.compose-icon-btn:disabled{opacity:.4;cursor:not-allowed}.compose-attachment{border:1px solid var(--line);border-radius:12px;max-width:240px;margin:8px 0 4px;position:relative;overflow:hidden}.compose-attachment img{object-fit:cover;width:100%;height:auto;max-height:200px;display:block}.compose-attachment-remove{color:#fff;cursor:pointer;background:#000000a6;border:none;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex;position:absolute;top:6px;right:6px}.compose-err{color:#d23a3a;margin:6px 0 0;font-size:12px}.spin{animation:.8s linear infinite spin}.post-images{flex-direction:column;gap:8px;margin:8px 0 0;display:flex}.post-image-wrap{border:1px solid var(--line);background:var(--hover);cursor:zoom-in;border-radius:12px;max-width:100%;max-height:500px;padding:0;line-height:0;display:inline-block;overflow:hidden}.post-image{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:500px;display:block}.lightbox{z-index:1000;cursor:zoom-out;background:#000000eb;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.lightbox-img{object-fit:contain;cursor:default;max-width:100%;max-height:100%}.lightbox-close{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex;position:absolute;top:16px;right:16px}.lightbox-close:hover{background:#ffffff40}.post{border-bottom:1px solid var(--line);padding:18px;transition:background .12s;animation:.45s cubic-bezier(.2,.7,.2,1) both rise;display:block}.post-row{align-items:flex-start;gap:12px;display:flex}.post-reply-head{margin-bottom:12px}.post-reply-head .post-context{margin-bottom:8px}.post-reply-head .parent-preview{margin:0}.post:hover{background:var(--hover)}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.post-main{flex:1;min-width:0}.post-meta{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:3px;font-size:15px;display:flex}.post-name{letter-spacing:-.01em;font-size:16px;font-weight:800}.name-fallback{color:var(--sub)!important;font-weight:500!important}.name-verified{color:#e0a23b!important}.name-unverified{color:#5a5a5a!important}.post-handle,.post-time{color:var(--sub);font-size:14px;font-weight:400}.post-text{white-space:pre-wrap;word-break:break-word;font-size:15px;line-height:1.55}.post-text-clamped{-webkit-mask-image:linear-gradient(#000 78%,#0000 100%);mask-image:linear-gradient(#000 78%,#0000 100%)}.post-text-toggle{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:none;margin:0;padding:6px 0 0;font-size:14px;font-weight:600;transition:opacity .15s;display:inline-block}.post-text-toggle:hover{opacity:.75}.post-actions{color:var(--sub);gap:34px;margin-top:12px;display:flex}.act{cursor:pointer;color:inherit;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-family:inherit;font-size:13px;transition:color .15s;display:flex}.act:hover{color:var(--ink)}.act-count{font-variant-numeric:tabular-nums;font-size:13px}.act.liked{color:var(--accent)}.act.liked:hover{color:var(--accent);opacity:.85}.act.reposted{color:#1f7a3a}.act.reposted:hover{color:#1f7a3a;opacity:.85}.reply-to-label{color:var(--sub);font:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;margin:0 0 4px;padding:0;font-size:12.5px;transition:color .15s;display:inline-flex}.reply-to-label:hover{color:var(--ink)}.reply-to-label .reply-to-name{color:var(--accent);font-weight:600}.post-context{color:var(--sub);align-items:center;gap:5px;margin-bottom:4px;font-size:12px;display:inline-flex}.post-clickable{cursor:pointer}.link-preview{background:var(--hover);border:1px solid var(--line);width:100%;color:inherit;cursor:pointer;border-radius:14px;gap:12px;margin:10px 0 0;text-decoration:none;transition:background .15s,border-color .15s;display:flex;overflow:hidden}.link-preview:hover{background:#efefef;border-color:#d8d8d8}.link-preview-image{background:var(--line);flex:none;width:96px;height:96px;overflow:hidden}.link-preview-image img{object-fit:cover;width:100%;height:100%;display:block}.link-preview-body{flex-direction:column;flex:1;justify-content:center;gap:3px;min-width:0;padding:10px 12px 10px 0;display:flex}.link-preview-image+.link-preview-body{padding-left:0}.link-preview:not(:has(.link-preview-image)) .link-preview-body{padding:12px}.link-preview-site{color:var(--sub);text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px;font-size:11.5px}.link-preview-title{color:var(--ink);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:14.5px;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.link-preview-desc{color:var(--sub);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.link-preview-skeleton{background-color:var(--hover);border:1px solid var(--line);background-image:linear-gradient(90deg,#0000 0%,#0000000f 50%,#0000 100%);background-repeat:no-repeat;background-size:200% 100%;border-radius:14px;height:96px;margin:10px 0 0;animation:1.6s linear infinite skeleton-shimmer}.post-link{color:var(--accent);word-break:break-all;text-decoration:none}.post-link:hover{text-underline-offset:2px;text-decoration:underline}.parent-preview{background:var(--hover);border:1px solid var(--line);text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;border-radius:12px;gap:10px;margin:4px 0 10px;padding:10px 12px;transition:background .15s,border-color .15s;display:flex}.parent-preview:hover{background:#efefef;border-color:#d8d8d8}.parent-preview-body{flex:1;min-width:0}.parent-preview-meta{gap:6px;margin-bottom:2px;font-size:13px;display:flex}.parent-preview-name{color:var(--ink);font-weight:800}.parent-preview-time{color:var(--sub)}.parent-preview-text{color:var(--ink);-webkit-line-clamp:3;line-clamp:3;word-break:break-word;-webkit-box-orient:vertical;font-size:13.5px;line-height:1.45;display:-webkit-box;overflow:hidden}.parent-preview-loading,.parent-preview-missing{color:var(--sub);background:var(--hover);border-radius:12px;align-items:center;gap:8px;margin:4px 0 10px;padding:10px 12px;font-size:13px;display:flex}.thread-loading{color:var(--sub);justify-content:center;align-items:center;gap:8px;padding:56px 24px;font-size:14px;display:flex}.act.pop svg{animation:.35s pop}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}.act-delete{margin-left:auto}.act-delete:hover{color:var(--danger)}.reply-composer{border-bottom:1px solid var(--line);gap:12px;padding:14px 18px;display:flex}.thread-replies{padding-bottom:90px}.thread-composer-dock{z-index:5;-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);background:#ffffffe6;position:sticky;bottom:0}.thread-composer-dock .reply-composer{border-bottom:none;padding:10px 18px}.thread-composer-dock .compose-input{background:var(--hover);border-radius:22px;min-height:22px;padding:10px 14px}.reply-composer-main{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.reply-composer-row{justify-content:flex-end;gap:10px;display:flex}.profile{min-height:calc(100vh - 60px)}.profile-head{border-bottom:1px solid var(--line);padding:24px 18px 20px}.profile-top{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.btn-edit{color:var(--ink);border:1px solid var(--line);background:0 0;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:14px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.btn-edit:hover{background:var(--hover);border-color:var(--ink)}.btn-following{color:var(--ink);border:1px solid var(--line);background:0 0}.btn-following:hover{border-color:var(--danger);color:var(--danger);background:#fdecea}.profile-stats{color:var(--sub);align-items:baseline;gap:4px;margin-top:12px;font-size:14px;display:inline-flex}.profile-stats strong{color:var(--ink);font-size:15px;font-weight:700}.profile-name{letter-spacing:-.02em;margin:0 0 6px;font-size:22px;font-weight:700}.profile-about{color:var(--ink);white-space:pre-wrap;word-break:break-word;margin:0 0 14px;font-size:15px;line-height:1.55}.profile-npub{background:var(--hover);color:var(--sub);border:none;border-radius:999px;align-items:center;gap:8px;margin-top:4px;padding:8px 12px;font-family:ui-monospace,Consolas,monospace;font-size:12px;transition:background .15s,color .15s;display:inline-flex}.profile-npub:hover{background:var(--line);color:var(--ink)}.profile-npub .npub-action{font-family:inherit;font-size:12px}.profile-edit{margin-top:8px}.profile-edit-actions{justify-content:flex-end;gap:12px;margin-top:18px;display:flex}.profile-tabs{z-index:9;background:var(--bg);border-bottom:1px solid var(--line);grid-template-columns:1fr;display:grid;position:sticky;top:60px}.profile-tabs .tab{text-align:center;padding:14px 0}.skeleton-post{border-bottom:1px solid var(--line);gap:12px;padding:18px;animation:.3s both skeleton-fade;display:flex}.skeleton-avatar,.skeleton-line{background-color:var(--hover);background-image:linear-gradient(90deg,#0000 0%,#0000000f 50%,#0000 100%);background-repeat:no-repeat;background-size:200% 100%;animation:1.6s linear infinite skeleton-shimmer}.skeleton-avatar{border-radius:50%;flex:none}.skeleton-lines{flex-direction:column;flex:1;gap:9px;min-width:0;padding-top:6px;display:flex}.skeleton-line{border-radius:6px;height:11px}.skeleton-line-meta{width:30%}.skeleton-line-text{width:92%}.skeleton-line-text.short{width:62%}@keyframes skeleton-shimmer{0%{background-position:150% 0}to{background-position:-50% 0}}@keyframes skeleton-fade{0%{opacity:0}to{opacity:1}}.child-preview{margin-top:12px;padding-left:36px;position:relative}.child-preview-curve{border-left:1.5px solid var(--line);border-bottom:1.5px solid var(--line);border-bottom-left-radius:12px;width:20px;height:24px;position:absolute;top:-8px;left:15px}.child-preview-row{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;gap:10px;padding:0;display:flex}.child-preview-row:hover .child-preview-text{color:var(--ink)}.child-preview-body{flex:1;min-width:0}.child-preview-meta{align-items:baseline;gap:6px;margin-bottom:2px;font-size:14px;display:flex}.child-preview-name{letter-spacing:-.01em;font-weight:800}.child-preview-time{color:var(--sub);font-size:13px}.child-preview-text{color:var(--ink);white-space:pre-wrap;word-break:break-word;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-size:14.5px;line-height:1.5;transition:color .15s;display:-webkit-box;overflow:hidden}.child-preview-more{color:var(--sub);font:inherit;cursor:pointer;text-align:left;background:0 0;border:none;margin-top:4px;padding:8px 0 0;font-size:13px;transition:color .15s;display:block}.child-preview-more:hover{color:var(--ink)}.timeline-empty{text-align:center;padding:56px 32px}.empty-title{margin:0 0 6px;font-size:16px;font-weight:600}.empty-sub{color:var(--sub);margin:0;font-size:14px;line-height:1.55}.btn-retry{align-items:center;gap:6px;margin-top:16px;padding:8px 18px;font-size:14px;display:inline-flex}.avatar{border-radius:50%;flex:none}.avatar-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;flex:none;padding:0;transition:opacity .15s}.avatar-btn:hover{opacity:.85}.name-btn{color:inherit;cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-family:inherit}.name-btn:hover{text-underline-offset:2px;text-decoration:underline}.post-menu-mount{z-index:4;position:absolute;top:12px;right:12px}.post,.post-menu-wrap{position:relative}.post-menu-trigger{color:var(--sub);cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;padding:6px;transition:background .15s,color .15s;display:flex}.post-menu-trigger:hover{background:var(--hover);color:var(--ink)}.post-menu-pop{z-index:30;background:var(--bg);border:1px solid var(--line);border-radius:12px;min-width:200px;max-width:260px;margin-top:4px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 8px 24px #00000014}.post-menu-item{text-align:left;width:100%;font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:11px 14px;font-size:14px;transition:background .15s;display:flex}.post-menu-item:hover{background:var(--hover)}.post-menu-item.danger{color:var(--danger)}.post-menu-item.danger:hover{background:#fdecea}.post-menu-item span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.modal-backdrop{z-index:100;background:#00000073;justify-content:center;align-items:center;padding:24px;animation:.15s both fade-in;display:flex;position:fixed;inset:0}.modal-card{background:var(--bg);border-radius:18px;width:100%;max-width:420px;padding:24px;box-shadow:0 20px 60px #0003}.modal-title{letter-spacing:-.01em;margin:0 0 12px;font-size:18px;font-weight:700}.modal-body{color:var(--ink);margin:0 0 14px;font-size:14.5px;line-height:1.55}.modal-warn{color:#6b4f17;background:#fdf6e7;border:1px solid #f1d68a;border-radius:10px;margin:0 0 18px;padding:12px 14px;font-size:13.5px;line-height:1.55}.modal-warn strong{color:#4d3a0f}.modal-actions{justify-content:flex-end;gap:10px;display:flex}.report-types{flex-direction:column;gap:6px;margin:0 0 14px;display:flex}.report-type{cursor:pointer;color:var(--ink);border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:14px;display:flex}.report-type:hover{background:var(--hover)}.report-type input{accent-color:var(--accent)}.report-reason{resize:vertical;border:1px solid var(--line);width:100%;color:var(--ink);box-sizing:border-box;background:#fff;border-radius:10px;margin:0 0 16px;padding:10px 12px;font-family:inherit;font-size:14px;line-height:1.5}.report-reason:focus{border-color:var(--accent);outline:none}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){opacity:.9}.profile-actions{align-items:center;gap:8px;display:flex}.settings-body{padding:20px 18px 80px}.settings-section{margin-bottom:32px}.settings-section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--sub);align-items:center;gap:8px;margin:0 0 12px;font-size:13px;font-weight:700;display:flex}.settings-section-count{color:var(--sub);letter-spacing:normal;text-transform:none;margin-left:auto;font-size:12px;font-weight:500}.settings-section-empty{color:var(--sub);margin:0;padding:16px 0;font-size:14px}.settings-list{margin:0;padding:0;list-style:none}.settings-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:10px 0;display:flex}.settings-row:last-child{border-bottom:none}.settings-row-main{text-align:left;cursor:pointer;min-width:0;font:inherit;color:inherit;background:0 0;border:none;flex:1;align-items:center;gap:12px;padding:0;display:flex}.settings-row-text{flex-direction:column;min-width:0;display:flex}.settings-row-name{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;overflow:hidden}.settings-row-npub{color:var(--sub);font-family:ui-monospace,Consolas,monospace;font-size:12px}.settings-unset{flex:none}.tab-count{color:var(--sub);margin-left:4px;font-size:12px;font-weight:500}.dm-search-results{border:1px solid var(--line);border-radius:12px;max-height:240px;margin-top:12px;overflow-y:auto}.dm-search-row{cursor:pointer;width:100%;font:inherit;color:inherit;text-align:left;border:none;border-bottom:1px solid var(--line);background:0 0;align-items:center;gap:10px;padding:10px 12px;transition:background .12s;display:flex}.dm-search-row:last-child{border-bottom:none}.dm-search-row:hover{background:var(--hover)}.dm-search-name{font-size:14px;font-weight:600}.dm-empty{text-align:center;padding:56px 32px}.dm-list{margin:0;padding:0;list-style:none}.dm-row{border-bottom:1px solid var(--line);cursor:pointer;gap:12px;padding:14px 18px;transition:background .12s;display:flex}.dm-row:hover{background:var(--hover)}.dm-row-body{flex:1;min-width:0}.dm-row-head{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:3px;display:flex}.dm-row-name{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;overflow:hidden}.dm-row-time{color:var(--sub);flex:none;font-size:12.5px}.dm-row-preview{color:var(--sub);text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.4;overflow:hidden}.dm-row-fromme{color:var(--ink);font-weight:500}.dm-header-id{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none;align-items:center;gap:8px;padding:0;display:flex}.dm-header-id:hover{opacity:.85}.dm-header-name{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:16px;font-weight:700;overflow:hidden}.dm-conv{min-height:calc(100vh - 60px);padding-bottom:100px}.dm-messages{flex-direction:column;gap:10px;padding:18px;display:flex}.dm-msg{flex-direction:column;max-width:78%;display:flex}.dm-msg-me{align-self:flex-end;align-items:flex-end}.dm-msg-other{align-self:flex-start;align-items:flex-start}.dm-msg-bubble{white-space:pre-wrap;word-break:break-word;border-radius:18px;padding:9px 14px;font-size:15px;line-height:1.45}.dm-msg-me .dm-msg-bubble{background:var(--accent);color:#fff;border-bottom-right-radius:5px}.dm-msg-other .dm-msg-bubble{background:var(--hover);color:var(--ink);border-bottom-left-radius:5px}.dm-msg-time{color:var(--sub);margin-top:3px;padding:0 4px;font-size:11px}.menu-backdrop{z-index:50;background:0 0;position:fixed;inset:0}.menu-pop{z-index:60;background:var(--bg);border:1px solid var(--line);border-radius:14px;min-width:260px;position:absolute;top:60px;left:12px;overflow:hidden;box-shadow:0 10px 30px #00000014}.menu-head{align-items:center;gap:12px;padding:14px;display:flex}.menu-name-wrap{min-width:0}.menu-name{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.menu-npub{color:var(--sub);margin-top:2px;font-family:ui-monospace,Consolas,monospace;font-size:12px}.menu-divider{background:var(--line);height:1px}.menu-item{text-align:left;width:100%;color:var(--sub);background:0 0;border:none;padding:12px 14px;font-size:14px;transition:background .15s,color .15s}.menu-item:hover{background:var(--hover);color:var(--ink)}.menu-item.danger{color:var(--danger)}.search-input-wrap{background:var(--hover);border-radius:999px;align-items:center;gap:8px;min-width:0;height:38px;margin:0 6px;padding:0 12px;display:flex}.search-input-icon{color:var(--sub);flex:none}.search-input{min-width:0;color:var(--ink);background:0 0;border:none;outline:none;flex:1;padding:0;font-size:15px}.search-input::placeholder{color:var(--sub)}.search-clear{background:var(--sub);color:#fff;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;width:18px;height:18px;padding:0;display:inline-flex}.search-empty{text-align:center;padding:48px 24px}.search-people{margin:0;padding:0;list-style:none}.search-person-row{border-bottom:1px solid var(--line);cursor:pointer;align-items:center;gap:12px;padding:12px 16px;transition:background .12s;display:flex}.search-person-row:hover{background:var(--hover)}.search-person-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.search-person-line{align-items:baseline;gap:6px;display:flex}.search-person-name{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;overflow:hidden}.search-person-sub{color:var(--sub);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.search-me-badge{color:var(--sub);border:1px solid var(--line);border-radius:999px;padding:1px 6px;font-size:11px}.search-loading{text-align:center;color:var(--sub);padding:16px;font-size:13px;list-style:none}.settings-footer{text-align:center;color:var(--sub);flex-wrap:wrap;justify-content:center;gap:10px;margin-top:32px;padding:20px 16px;font-size:13px;display:flex}.settings-footer a{color:var(--sub);text-decoration:none}.settings-footer a:hover{color:var(--ink);text-decoration:underline}.legal-page{color:var(--ink);padding:20px 24px 60px;font-size:15px;line-height:1.7}.legal-page h1{letter-spacing:-.02em;margin:8px 0 6px;font-size:24px;font-weight:800}.legal-page h2{border-top:1px solid var(--line);margin:32px 0 8px;padding-top:16px;font-size:18px;font-weight:700}.legal-page h3{margin:20px 0 6px;font-size:15.5px;font-weight:700}.legal-page h4{color:var(--ink);margin:14px 0 4px;font-size:14.5px;font-weight:700}.legal-page p{margin:8px 0}.legal-page ul{margin:6px 0 12px;padding-left:22px}.legal-page ul ul,.legal-page li{margin:4px 0}.legal-page a{color:var(--accent);text-decoration:none}.legal-page a:hover{text-decoration:underline}.legal-page code{background:var(--hover);word-break:break-all;border-radius:4px;padding:1px 6px;font-family:ui-monospace,Consolas,monospace;font-size:13px}.legal-meta{color:var(--sub);font-size:13px;margin:0 0 20px!important}.legal-summary{background:var(--hover);border-left:3px solid var(--accent);border-radius:0 8px 8px 0;padding:12px 14px;font-size:14px;line-height:1.6;margin:12px 0 24px!important}.legal-back{border-top:1px solid var(--line);text-align:center;color:var(--sub);padding-top:20px;margin-top:40px!important}.oauth-callback{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100vh;padding:32px;display:flex}.oauth-title{margin:0;font-size:22px;font-weight:700}.oauth-sub{color:var(--sub);max-width:360px;margin:0;font-size:15px;line-height:1.55}body.has-bottom-nav{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.bottom-nav{left:0;right:0;bottom:calc(12px + env(safe-area-inset-bottom));z-index:50;pointer-events:none;justify-content:center;padding:0 16px;display:flex;position:fixed}.bottom-nav-pill{pointer-events:auto;-webkit-backdrop-filter:saturate(180%)blur(24px);background:#ffffffb8;border:1px solid #0000000f;border-radius:999px;align-items:center;gap:4px;width:100%;max-width:420px;height:60px;padding:0 8px;display:flex;box-shadow:0 6px 24px #00000014,0 1px 2px #0000000a}.bottom-nav-item{cursor:pointer;height:48px;color:var(--sub);background:0 0;border:0;border-radius:999px;flex:1;justify-content:center;align-items:center;padding:0;transition:color .15s,background .15s,transform .1s;display:inline-flex}.bottom-nav-item:hover{background:#0000000a}.bottom-nav-item:active{transform:scale(.94)}.bottom-nav-item.active{color:var(--text)}.bottom-nav-icon-wrap{justify-content:center;align-items:center;display:inline-flex;position:relative}.bottom-nav-badge{box-sizing:content-box;background:#e0463b;border:2px solid #fffffff2;border-radius:50%;width:9px;height:9px;position:absolute;top:-2px;right:-2px}.notif-list{margin:0;padding:0;list-style:none}.notif-row{border-bottom:1px solid var(--line);cursor:pointer;grid-template-columns:28px 44px 1fr;align-items:start;gap:12px;padding:14px 18px;transition:background .12s;display:grid}.notif-row:hover{background:var(--hover)}.notif-icon{width:28px;height:28px;color:var(--sub);justify-content:center;align-items:center;margin-top:6px;display:inline-flex}.notif-icon-like{color:#e0463b}.notif-icon-repost{color:#2fa84f}.notif-icon-follow{color:var(--accent)}.notif-icon-reply,.notif-icon-mention{color:var(--text)}.notif-text{min-width:0}.notif-line{flex-wrap:wrap;align-items:baseline;gap:6px;line-height:1.4;display:flex}.notif-name{cursor:pointer;font-weight:700}.notif-name:hover{text-decoration:underline}.notif-action{color:var(--sub);font-size:14px}.notif-snippet{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.notif-time{color:var(--sub);margin-top:4px;font-size:13px}