:root{--page-bg: #F5F6F8;--paper: #F1F2F4;--surface: #F1F2F4;--panel: #FFFFFF;--ink: #20231F;--muted: #6B7280;--line: #E5E7EB;--teal: #0E6E63;--teal-dark: #0A4F47;--teal-tint: #E4F0EE;--coral: #FF6A48;--coral-tint: #FFE9E1;--gold: #D79A3B;--gold-tint: #FBF0DD;--radius: 16px;--radius-sm: 10px;--shadow: 0 1px 3px rgba(20, 23, 20, .06), 0 10px 28px -12px rgba(20, 23, 20, .14);--sidebar-w: 248px;--rail-w: 308px;--topbar-h: 70px}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body{max-width:100%;overflow-x:clip}body{margin:0;background:var(--page-bg);color:var(--ink);font-family:Inter,Noto Sans SC,system-ui,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,.brand,.display{font-family:Fraunces,"Noto Serif SC",serif;letter-spacing:-.01em}.mono{font-family:JetBrains Mono,monospace;letter-spacing:-.02em}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}img{display:block;max-width:100%}::selection{background:var(--coral-tint);color:var(--teal-dark)}:focus-visible{outline:2px solid var(--teal);outline-offset:2px;border-radius:6px}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}.topbar{position:sticky;top:0;z-index:50;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);height:var(--topbar-h);transition:background .2s}.topbar-inner{max-width:1400px;margin:0 auto;height:100%;display:flex;align-items:center;gap:20px;padding:12px 28px}.topbar .brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:20px;color:var(--teal-dark);margin-right:6px;flex-shrink:0}.topbar .brand .mark{width:32px;height:32px;flex:none;border-radius:50%;object-fit:cover}.search-wrap{flex:0 1 340px;max-width:340px}.topbar .mobile-search-toggle{display:none}.mobile-search-back{flex:none}.mobile-search-inner{display:flex;align-items:center;gap:10px}.mobile-search-wrap{flex:1 1 auto;min-width:0}.topbar .searchbox{width:100%;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 16px;color:var(--muted);transition:border-color .15s,box-shadow .15s}.topbar .searchbox.focused{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-tint)}.search-dropdown{top:46px;left:0;right:0;width:auto;padding:14px 16px}.search-hint{margin:0;font-size:13px;color:var(--muted);text-align:center}.topbar .searchbox input{border:0;outline:0;background:none;font:inherit;color:var(--ink);width:100%}.topbar .searchbox input::placeholder{color:var(--muted);font-size:13.5px}.topbar .searchbox svg{flex:none;width:17px;height:17px;stroke:var(--muted)}.topbar .topnav{flex:none;margin:0 auto;display:flex;align-items:center;gap:8px}.topbar .topnav a{width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--muted);transition:background .15s,color .15s}.topbar .topnav a svg{width:21px;height:21px}.topbar .topnav a.active,.topbar .topnav a:hover{background:var(--teal-tint);color:var(--teal-dark)}.topbar .top-actions{display:flex;align-items:center;gap:6px;flex-shrink:0;margin-left:auto}.topbar .icon-btn{position:relative;width:40px;height:40px;border:0;background:none;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--ink);transition:background .15s}.topbar .icon-btn svg{width:19px;height:19px}.topbar .icon-btn:hover{background:var(--teal-tint)}.topbar .dot{position:absolute;top:8px;right:8px;width:8px;height:8px;border-radius:50%;background:var(--coral);border:2px solid var(--paper)}.topbar .avatar{border-radius:50%;object-fit:cover;flex:none;background:var(--line);width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:15px;color:var(--teal-dark);background:var(--teal-tint);border:2px solid var(--teal);margin-left:4px;cursor:pointer;transition:border-color .15s}.topbar .avatar:hover{border-color:var(--coral)}.dropdown{position:absolute;top:52px;right:0;width:300px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:10px;display:none;z-index:60}.dropdown.open{display:block}.dropdown h4{margin:6px 8px 8px;font-size:13px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.dropdown-item{display:flex;gap:10px;align-items:flex-start;padding:8px;border-radius:10px}.dropdown-item:hover{background:var(--paper)}.dropdown-item .avatar{width:34px;height:34px;border-radius:50%;flex:none;background:var(--teal-tint);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;color:var(--teal-dark)}.dropdown-item p{margin:0;font-size:13.5px;line-height:1.4}.dropdown-item time{font-size:12px;color:var(--muted)}.dropdown-item.search-view-all{justify-content:center;text-align:center;color:var(--teal);font-weight:700;font-size:13px;border-top:1px solid var(--line);border-radius:0;margin-top:4px;padding-top:12px}.dropdown>button{display:flex;align-items:center;gap:9px;width:100%;padding:10px;border-radius:8px;font-size:13.5px;font-weight:500;font-family:inherit;text-align:left;background:none;border:0;color:var(--ink);cursor:pointer;transition:background .15s}.dropdown>button:hover{background:var(--paper)}.dropdown>button svg{width:17px;height:17px;flex-shrink:0;color:var(--muted)}.dropdown>button.danger{color:var(--coral)}.dropdown>button.danger svg{color:var(--coral)}.dropdown>button.danger:hover{background:var(--coral-tint)}.account-menu .dropdown{width:200px}.rel{position:relative}.menu-toggle{display:none;width:40px;height:40px;border:0;background:none;align-items:center;justify-content:center;border-radius:10px}.menu-toggle svg{width:20px;height:20px}.shell{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr) var(--rail-w);gap:24px;padding:24px 28px 0;align-items:start}.col{position:sticky;top:calc(var(--topbar-h) + 12px);max-height:calc(100vh - var(--topbar-h) - 12px);overflow-y:auto;overscroll-behavior:contain;padding-right:2px;padding-bottom:16px}.rail{max-height:calc(100vh - var(--topbar-h) - 12px);overflow-y:auto;overscroll-behavior:contain;padding-right:2px;padding-bottom:16px}.col,.rail{scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color .25s ease}.col::-webkit-scrollbar,.rail::-webkit-scrollbar{width:6px}.col::-webkit-scrollbar-track,.rail::-webkit-scrollbar-track{background:transparent}.col::-webkit-scrollbar-thumb,.rail::-webkit-scrollbar-thumb{background:transparent;border-radius:10px;transition:background .25s ease}.col.is-scrolling,.rail.is-scrolling{scrollbar-color:var(--line) transparent}.col.is-scrolling::-webkit-scrollbar-thumb,.rail.is-scrolling::-webkit-scrollbar-thumb{background:var(--line)}.nav-group{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:10px;margin-bottom:16px}.nav-group .label{font-size:11.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:8px 12px 6px}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:11px;color:var(--ink);font-size:14.5px;font-weight:500;transition:background .15s;cursor:pointer;border:0;background:none;width:100%;text-align:left}.nav-item svg{width:18px;height:18px;flex:none;color:var(--muted)}.nav-item .badge{margin-left:auto;background:var(--coral-tint);color:var(--coral);font-family:JetBrains Mono,monospace;font-size:11.5px;padding:2px 7px;border-radius:999px}.nav-item:hover{background:var(--paper)}.nav-item.active{background:var(--teal);color:#fff}.nav-item.active svg{color:#fff}.nav-item.active .badge{background:#ffffff38;color:#fff}.profile-card{background:linear-gradient(155deg,#12897a,#0e6e63 45%,#0a4f47);border-radius:var(--radius);padding:18px;color:#fff;position:relative;overflow:hidden;margin-bottom:16px;box-shadow:0 14px 32px -16px #0a4f478c}.profile-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(115deg,rgba(255,255,255,.05) 0px,rgba(255,255,255,.05) 2px,transparent 2px,transparent 34px);pointer-events:none}.profile-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(160px 120px at 92% -15%,rgba(255,255,255,.22),transparent)}.profile-card .avatar{width:44px;height:44px;border-radius:50%;border:2px solid rgba(255,255,255,.55);background:var(--teal-tint);color:var(--teal-dark);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;position:relative;z-index:1}.profile-card h3{margin:10px 0 2px;font-size:16px;position:relative;z-index:1}.profile-card p{margin:0;font-size:12.5px;opacity:.8;position:relative;z-index:1}.profile-card p .inline-icon{color:#fff}.profile-card .stats{display:flex;gap:16px;margin-top:14px;position:relative;z-index:1}.profile-card .stats div b{display:block;font-family:JetBrains Mono,monospace;font-size:16px}.profile-card .stats div span{font-size:11px;opacity:.75;display:inline-flex;align-items:center;gap:3px}.profile-card .stats .stat-icon{width:11px;height:11px;fill:#fff;opacity:.9}.profile-header{display:flex;align-items:flex-start;gap:18px;padding:22px 24px;margin-bottom:16px}.profile-header-avatar-wrap{position:relative;flex:none}.profile-header-avatar{width:84px;height:84px;border-radius:50%;background:var(--teal-tint);color:var(--teal-dark);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:30px;border:1px solid var(--line)}.profile-header-avatar-edit{position:absolute;right:-2px;bottom:-2px;width:28px;height:28px;border-radius:50%;background:var(--teal);border:2px solid var(--panel);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.profile-header-avatar-edit svg{width:13px;height:13px}.profile-header-avatar-edit:hover{background:var(--teal-dark)}.profile-header-info h1{margin:4px 0 0;font-size:22px}.profile-header-username{margin:2px 0 0;font-size:13px;color:var(--muted)}.profile-header-bio{margin:10px 0 0;font-size:13.5px;line-height:1.5;color:var(--text, #1f2937);max-width:560px}.profile-tabs{display:flex;gap:4px;overflow-x:auto;padding:0 2px;margin-bottom:14px}.profile-tab{border:none;background:transparent;color:var(--muted);font-size:13.5px;font-weight:600;padding:8px 16px;border-radius:999px;cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease}.profile-tab:hover,.profile-tab.active{background:var(--teal-tint);color:var(--teal-dark)}.profile-tab--soon{opacity:.55}.profile-toolbar{display:flex;margin-bottom:16px}.profile-create-btn{display:inline-flex;align-items:center;gap:6px;background:var(--panel);border:1px solid var(--line);color:var(--teal-dark);border-radius:999px;padding:9px 18px;font-size:13px;font-weight:700;cursor:pointer;transition:border-color .15s ease,background .15s ease}.profile-create-btn svg{width:14px;height:14px}.profile-create-btn:hover{background:var(--teal-tint);border-color:var(--teal)}#profileTabContent .post--profile.card.post{border-radius:0;box-shadow:none;margin-bottom:16px}.profile-rail-card{position:relative}.profile-rail-share{position:absolute;top:14px;right:14px;display:inline-flex;align-items:center;gap:5px;background:transparent;border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600;cursor:pointer;transition:border-color .15s ease,color .15s ease}.profile-rail-share svg{width:12px;height:12px}.profile-rail-share:hover{border-color:var(--teal);color:var(--teal-dark)}.profile-rail-who{display:flex;align-items:center;gap:12px;padding-right:70px}.profile-rail-who .avatar{width:48px;height:48px;flex:none}.profile-rail-who b{display:block;font-size:15px}.profile-rail-who span{display:block;font-size:12.5px;color:var(--muted);margin-top:2px}.profile-rail-stats{display:flex;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.profile-rail-stats>div{flex:1;text-align:center}.profile-rail-stats b{display:block;font-size:16px}.profile-rail-stats span{display:inline-flex;align-items:center;gap:3px;font-size:11px;color:var(--muted);margin-top:2px}.profile-rail-stats .stat-icon{width:11px;height:11px;fill:currentColor;opacity:.8}.post-row{display:block;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm);padding:14px 16px;margin-bottom:10px}.post-row-head{display:flex;align-items:center;gap:10px}.post-row-avatar{width:36px;height:36px;border-radius:50%;font-size:14px}.post-row-who{display:flex;flex-direction:column;gap:1px;min-width:0}.post-row-name{font-size:13.5px;font-weight:700;color:var(--text, #1f2937)}.post-row-time{font-size:11.5px;color:var(--muted)}.post-row .post-text-wrap{margin-top:10px}.post-row-thumb{margin-top:8px;max-width:220px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--line)}.post-row-thumb img{display:block;width:100%;max-height:160px;object-fit:cover}.post-row-footer{display:flex;align-items:center;gap:22px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}.post-row-action{display:inline-flex;align-items:center;gap:5px;border:none;background:transparent;font-size:12.5px;font-weight:600;color:var(--muted);cursor:pointer;padding:0}.post-row-action svg{width:14px;height:14px}.post-row-icon-fill{fill:var(--muted)}.post-row-action:hover{color:var(--teal-dark)}.post-row-action:hover .post-row-icon-fill{fill:var(--teal-dark)}.post-row-action--static{cursor:default}.post-row-action--static:hover{color:var(--muted)}.post-row-action--static:hover .post-row-icon-fill{fill:var(--muted)}.post-row-action.liked{color:var(--teal-dark)}.post-row-action.liked .post-row-icon-fill{fill:var(--teal-dark)}.comment-row{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px 14px;margin-bottom:10px}.comment-row-meta{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted)}.comment-row-avatar{width:20px;height:20px;border-radius:50%;font-size:10px}.comment-row-meta b{color:var(--text, #1f2937)}.comment-row-dot{opacity:.6}.comment-row-text{margin:8px 0 0;font-size:14px;line-height:1.5;color:var(--text, #1f2937);white-space:pre-wrap;word-break:break-word}.comment-row-context{margin-top:10px;padding:8px 12px;border:1px solid var(--line);border-left:3px solid var(--teal);border-radius:8px;background:var(--teal-tint);font-size:12.5px;line-height:1.5;color:var(--muted)}@media (max-width: 640px){.profile-header{padding:18px 16px}.profile-header-avatar{width:68px;height:68px;font-size:24px}}.stories{display:flex;gap:12px;overflow-x:auto;padding:4px 2px 14px;margin-bottom:4px;scrollbar-width:none}.stories::-webkit-scrollbar{display:none}.story{flex:none;width:96px;text-align:center;cursor:pointer}.stamp{width:76px;height:76px;border-radius:50%;margin:0 auto 8px;position:relative;display:flex;align-items:center;justify-content:center;border:2px dashed var(--coral);padding:5px;background:var(--panel)}.stamp img{width:100%;height:100%;border-radius:50%;object-fit:cover}.stamp .pin{position:absolute;bottom:-2px;right:-2px;width:22px;height:22px;border-radius:50%;background:var(--teal);color:#fff;display:flex;align-items:center;justify-content:center;border:2px solid var(--paper);z-index:2}.stamp .pin svg{width:11px;height:11px}.story.add .stamp{border-style:solid;border-color:var(--line);background:#fff}.story.add .stamp svg{width:22px;height:22px;color:var(--teal)}.story span{font-size:12.5px;font-weight:500;color:var(--muted);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:20px}.composer{padding:18px}.composer-top{display:flex;gap:12px;align-items:flex-start}.composer-top .avatar{width:42px;height:42px;border-radius:50%;flex:none;background:var(--teal-tint);color:var(--teal-dark);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:17px}.composer textarea{flex:1;border:1px solid var(--line);border-radius:14px;padding:12px 14px;resize:none;font:inherit;font-size:14.5px;height:100px;background:var(--paper);color:var(--ink);transition:background .2s,border-color .2s;font-family:Inter,Noto Sans SC,system-ui,sans-serif;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.composer textarea::-webkit-scrollbar{display:none;width:0}.composer textarea:focus{background:#fff;border-color:var(--teal);outline:none}.composer-target{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:12.5px;color:var(--muted)}.composer-target select{font-size:12.5px;font-weight:600;color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:5px 8px;background:var(--paper)}.composer-image-preview{position:relative;display:inline-block;margin-top:10px;max-width:220px;border-radius:12px;overflow:hidden;border:1px solid var(--line)}.composer-image-preview img{display:block;width:100%;max-height:220px;object-fit:cover}.composer-image-remove{position:absolute;top:6px;right:6px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:#0000008c;color:#fff;z-index:2;cursor:pointer}.composer-image-remove svg{width:13px;height:13px}.composer-image-uploading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000059;color:#fff;z-index:1;pointer-events:none}.composer-image-uploading svg{width:22px;height:22px;animation:composerImageSpin .8s linear infinite}@keyframes composerImageSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.composer-video-preview video{display:block;width:100%;max-height:220px;object-fit:cover;background:#000}.composer-video-status{flex-direction:column;gap:6px}.composer-video-status span{font-size:12px;font-weight:600}.composer-image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;margin-top:12px}.composer-image-thumb{position:relative;aspect-ratio:1 / 1;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:var(--bg-soft, #f4f4f2);box-shadow:0 1px 2px #0000000a;transition:transform .15s ease,box-shadow .15s ease}.composer-image-thumb:hover{box-shadow:0 4px 10px #0000001a}.composer-image-thumb img{display:block;width:100%;height:100%;object-fit:cover}.composer-image-thumb .composer-image-remove{top:5px;right:5px;opacity:1;transform:scale(1);transition:opacity .15s ease,transform .15s ease,background .15s ease}.composer-image-remove:hover{background:#000000bf}.composer-image-add-more{aspect-ratio:1 / 1;border-radius:12px;border:1.5px dashed var(--line);background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--muted);cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.composer-image-add-more:hover{border-color:var(--bamboo, #3f8f5f);color:var(--bamboo, #3f8f5f);background:#3f8f5f0f}.composer-image-add-more svg{width:20px;height:20px}.composer-image-add-more span{font-size:11px;font-weight:700}.composer-actions{display:flex;align-items:center;gap:2px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.chip-btn{display:flex;align-items:center;justify-content:center;border:0;background:none;width:34px;height:34px;padding:0;border-radius:999px;color:var(--muted);transition:background .15s;white-space:nowrap}.chip-btn svg{width:18px;height:18px;flex:none}.chip-btn .chip-label{display:none}.chip-btn:hover{background:var(--paper)}.chip-btn:active{transform:scale(.92)}.chip-btn:disabled{opacity:.45;cursor:default}.chip-btn.video svg{color:var(--coral)}.chip-btn.photo svg{color:var(--gold)}.chip-btn.mood svg{color:var(--teal)}.chip-btn.code svg{color:var(--ink)}.chip-btn.video.active{background:var(--coral-tint)}.chip-btn.photo.active{background:var(--gold-tint)}.chip-btn.mood.active{background:var(--teal-tint)}.chip-btn.mood.active svg{color:var(--teal-dark)}.chip-btn.code.active{background:var(--teal-tint)}.chip-btn.code.active svg{color:var(--teal-dark)}.composer-code-mode{font-family:JetBrains Mono,monospace;font-size:13.5px;background:#1e1e1e!important;color:#d4d4d4!important;border-color:#2e2e2e!important;border-radius:10px;caret-color:#d4d4d4!important}.composer-code-mode::placeholder{color:#7c7c7c}.composer-code-mode:focus{background:#1e1e1e!important;border-color:var(--teal)!important}.emoji-wrap{display:flex;position:relative}.emoji-picker{position:absolute;top:calc(100% + 8px);left:0;width:min(300px,92vw);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);z-index:60;display:flex;flex-direction:column;overflow:hidden;transform-origin:top left;animation:emojiPickerIn .16s cubic-bezier(.2,.8,.2,1)}@keyframes emojiPickerIn{0%{opacity:0}to{opacity:1}}.emoji-search{padding:10px;border-bottom:1px solid var(--line)}.emoji-search input{width:100%;border:1px solid var(--line);border-radius:999px;padding:8px 14px;font:inherit;font-size:13.5px;background:var(--paper);color:var(--ink)}.emoji-search input:focus{outline:none;border-color:var(--teal);background:#fff}.emoji-tabs{display:flex;gap:2px;padding:6px 8px;border-bottom:1px solid var(--line);overflow-x:auto}.emoji-tab{flex:none;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:0;background:none;border-radius:8px;font-size:16px;line-height:1;transition:background .15s}.emoji-tab:hover{background:var(--paper)}.emoji-tab.active{background:var(--teal-tint)}.emoji-grid-wrap{padding:8px 10px 10px;max-height:240px;overflow-y:auto}.emoji-section-label{font-size:11.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.03em;margin:4px 2px 6px}.emoji-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.emoji-cell{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border:0;background:none;border-radius:8px;font-size:19px;line-height:1;transition:background .12s}.emoji-cell:hover{background:var(--paper)}.emoji-empty{padding:24px 8px;text-align:center;font-size:13px;color:var(--muted)}.post-submit{margin-left:auto;background:var(--teal);color:#fff;border:0;padding:9px 20px;border-radius:10px;font-weight:600;font-size:13.5px;transition:background .15s,opacity .15s}.post-submit:hover{background:var(--teal-dark)}.post-submit:disabled{background:var(--line);color:var(--muted);cursor:not-allowed}.post{padding:18px}.post-head{display:flex;align-items:flex-start;gap:12px}.post-head .avatar{width:44px;height:44px;border-radius:50%;flex:none;background:var(--teal-tint);color:var(--teal-dark);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:17px}.post-who{display:flex;flex-direction:column;min-width:0}.post-who .name{font-weight:600;font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-who time{font-size:12.5px;color:var(--muted);font-family:JetBrains Mono,monospace}.post-more{margin-left:auto;position:relative}.post-more>button{width:32px;height:32px;border:0;background:none;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--muted)}.post-more>button:hover{background:var(--paper)}.post-more svg{width:18px;height:18px}.post-more .dropdown{width:180px;right:0;top:38px}.post-more .dropdown a,.post-more .dropdown button{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:8px;font-size:13.5px;font-weight:500;background:none;border:0;width:100%;text-align:left;font-family:inherit;color:var(--ink);transition:background .15s}.post-more .dropdown a:hover,.post-more .dropdown button:hover{background:var(--paper)}.post-more .dropdown button svg{width:16px;height:16px;flex-shrink:0}.post-more .dropdown button.danger{color:var(--coral)}.post-more .dropdown button.danger:hover{background:var(--coral-tint)}.post-more .dropdown button.disabled{color:var(--muted);cursor:default}.post-more .dropdown button.disabled:hover{background:none}.post-more .dropdown button:disabled{opacity:.6;cursor:default}.edited-tag{font-size:11.5px;color:var(--muted);margin-left:6px}.edited-tag:before{content:"· "}.post-edit{margin-top:12px}.post-edit-textarea{width:100%;resize:vertical;min-height:72px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);font-family:inherit;font-size:14.5px;line-height:1.6;color:var(--ink);background:var(--panel)}.post-edit-textarea:focus{outline:none;border-color:var(--teal)}.post-edit-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.post-edit-actions button{padding:7px 16px;border-radius:999px;font-size:13px;font-weight:600;font-family:inherit;border:0;cursor:pointer;transition:opacity .15s}.post-edit-actions button:disabled{opacity:.5;cursor:default}.post-edit-actions .btn-ghost{background:var(--paper);color:var(--ink)}.post-edit-actions .btn-primary{background:var(--teal);color:#fff}.post-text-wrap{position:relative;margin:12px 0 0}.post-text{font-size:14.5px;line-height:1.65;margin:0;color:#3a3a34;white-space:pre-wrap;word-break:break-word}.post-text-wrap.collapsed .post-text{overflow:hidden}.post-text-fade{position:absolute;left:0;right:0;bottom:0;height:44px;background:linear-gradient(to bottom,rgba(255,255,255,0),var(--panel) 78%);pointer-events:none}.post-text-toggle{display:inline-block;margin-top:4px;padding:0;background:none;border:none;color:var(--teal);font-weight:600;font-size:14.5px;font-family:inherit;cursor:pointer;position:relative;z-index:1}.post-text-toggle:hover{text-decoration:underline}.post-text .more-link{color:var(--teal);font-weight:600;margin-left:4px;cursor:pointer}.post-text .more-link:hover{text-decoration:underline}.post-text pre.code-block{background:#1e1e1e;color:#d4d4d4;border-radius:10px;padding:14px 16px;overflow-x:auto;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.55;margin:8px 0;border:1px solid #2E2E2E;white-space:pre}.post-text pre.code-block .code-lang{display:block;color:#7c7c7c;font-size:11px;margin-bottom:6px;text-transform:lowercase;font-family:Inter,Noto Sans SC,system-ui,sans-serif;letter-spacing:.02em}.post-text pre.code-block code{white-space:pre}.post-text pre.code-block .tok-keyword{color:#569cd6}.post-text pre.code-block .tok-string{color:#ce9178}.post-text pre.code-block .tok-number{color:#b5cea8}.post-text pre.code-block .tok-comment{color:#6a9955;font-style:italic}.post-text pre.code-block .tok-func{color:#dcdcaa}.post-text pre.code-block .tok-bracket{color:gold}.post-text pre.code-block .tok-plain{color:#9cdcfe}.post-text pre.code-block .tok-punct{color:#d4d4d4}.post-text code.inline-code{background:var(--paper);border:1px solid var(--line);border-radius:4px;padding:1px 5px;font-family:JetBrains Mono,monospace;font-size:13px;color:var(--teal-dark)}.post-media{margin-top:14px;display:grid;gap:6px;border-radius:12px;overflow:hidden}.post-media.n1{grid-template-columns:1fr}.post-media.n2{grid-template-columns:1fr 1fr}.post-media.n3{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr}.post-media.n3 img:first-child{grid-row:1/3}.post-media.n4{grid-template-columns:repeat(3,1fr)}.post-media.n4 img:first-child,.post-media.n4 img:nth-child(2){grid-column:span 1;grid-row:1}.post-media img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3;background:var(--line)}.post-media-video video,.video-player-el{display:block;width:100%;max-height:520px;background:#000;object-fit:contain}.post-media-grid{margin-top:14px;display:grid;gap:4px;border-radius:14px;overflow:hidden}.post-media-grid .media-tile img{display:block;width:100%;height:100%;object-fit:cover;background:var(--line);transition:transform .25s ease}.post-media-grid .media-tile-btn:hover img{transform:scale(1.03)}.post-media-grid.count-1{grid-template-columns:1fr}.post-media-grid.count-1 .media-tile img{aspect-ratio:4 / 3}.post-media-grid.count-2{grid-template-columns:1fr 1fr}.post-media-grid.count-2 .media-tile img{aspect-ratio:1 / 1}.post-media-grid.count-3{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr}.post-media-grid.count-3 .media-tile:first-child{grid-row:1 / 3}.post-media-grid.count-3 .media-tile img{aspect-ratio:1 / 1}.post-media-grid.count-4{grid-template-columns:1fr 1fr}.post-media-grid.count-4 .media-tile img{aspect-ratio:1 / 1}.post-media-grid.count-5,.post-media-grid.count-6{grid-template-columns:repeat(3,1fr)}.post-media-grid.count-5 .media-tile img,.post-media-grid.count-6 .media-tile img{aspect-ratio:1 / 1}.post-media-grid.count-7,.post-media-grid.count-8,.post-media-grid.count-9{grid-template-columns:repeat(3,1fr)}.post-media-grid.count-7 .media-tile img,.post-media-grid.count-8 .media-tile img,.post-media-grid.count-9 .media-tile img{aspect-ratio:1 / 1}.video-player{position:relative;overflow:hidden;line-height:0;background:#000;border-radius:var(--radius-sm)}.video-player-el{cursor:pointer;max-height:520px}.video-player.is-fullscreen .video-player-el{max-height:100vh;width:100%;height:100%}.video-player-bigplay{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:62px;height:62px;border-radius:50%;border:0;display:flex;align-items:center;justify-content:center;background:#1417148c;color:#fff;cursor:pointer;transition:background .15s,transform .15s}.video-player-bigplay:hover{background:#0e6e63cc;transform:scale(1.06)}.video-player-bigplay svg{width:26px;height:26px;margin-left:3px}.video-player-bar{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:4px;padding:8px 10px;background:linear-gradient(to top,#0a0c0ad1,#0a0c0a00);opacity:0;transform:translateY(4px);transition:opacity .18s ease,transform .18s ease;pointer-events:none}.video-player-bar.visible{opacity:1;transform:translateY(0);pointer-events:auto}.video-player-btn{flex:none;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:0;border-radius:6px;background:none;color:#fff;cursor:pointer;transition:background .15s}.video-player-btn:hover{background:#ffffff29}.video-player-btn svg{width:18px;height:18px}.video-player-time{flex:none;font-size:12px;font-variant-numeric:tabular-nums;color:#ffffffeb;padding:0 2px;white-space:nowrap}.video-player-spacer{flex:none}.video-player-seek{flex:1 1 0%;min-width:40px;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:2px;cursor:pointer;background:linear-gradient(to right,var(--teal) var(--seek-pct, 0%),rgba(255,255,255,.3) var(--seek-pct, 0%),rgba(255,255,255,.3) var(--seek-buffered, 0%),rgba(255,255,255,.16) var(--seek-buffered, 0%));margin:0 4px}.video-player-seek::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #0003;margin-top:0}.video-player-seek::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#fff}.video-player-seek::-moz-range-track{height:4px;border-radius:2px;background:transparent}.video-player-volume-wrap{position:relative;display:flex;align-items:center}.video-player-volume-popup{position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);width:30px;height:84px;background:#181b18f5;border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #0006;opacity:0;pointer-events:none;transition:opacity .15s ease;z-index:6}.video-player-volume-wrap:hover .video-player-volume-popup,.video-player-volume-wrap:focus-within .video-player-volume-popup{opacity:1;pointer-events:auto}.video-player-volume{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:64px;height:4px;border-radius:2px;cursor:pointer;margin:0;transform:rotate(-90deg);background:linear-gradient(to right,#fff var(--volume-pct, 100%),rgba(255,255,255,.28) var(--volume-pct, 100%))}.video-player-volume::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:10px;height:10px;border-radius:50%;background:#fff}.video-player-volume::-moz-range-thumb{width:10px;height:10px;border:0;border-radius:50%;background:#fff}.video-player-volume::-moz-range-track{height:4px;border-radius:2px;background:transparent}.video-player-speed-wrap{position:relative}.video-player-speed-menu{position:absolute;bottom:38px;right:0;background:#181b18f5;border-radius:10px;padding:6px;min-width:96px;box-shadow:0 6px 20px #0006;z-index:5}.video-player-speed-item{display:block;width:100%;padding:6px 10px;border:0;border-radius:6px;background:none;color:#ffffffd9;font-size:13px;font-family:inherit;text-align:left;cursor:pointer}.video-player-speed-item:hover{background:#ffffff1a}.video-player-speed-item.active{color:var(--teal-tint);font-weight:600}@media (max-width: 640px){.video-player-bar{gap:2px;padding:6px}.video-player-btn{width:24px;height:24px}.video-player-btn svg{width:16px;height:16px}.video-player-time{font-size:10.5px;padding:0 1px}}.media-tile{position:relative}.media-tile-btn{display:block;width:100%;height:100%;border:0;padding:0;background:none;cursor:zoom-in}.image-lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f1412e6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:200;padding:24px;animation:lightboxFadeIn .15s ease}.image-lightbox-img{max-width:100%;max-height:100%;border-radius:10px;object-fit:contain;box-shadow:0 12px 40px #00000059;animation:lightboxImgIn .18s ease;-webkit-user-select:none;user-select:none;touch-action:none;cursor:zoom-in}.image-lightbox-img.is-zoomed{cursor:zoom-out}@keyframes lightboxImgIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.image-lightbox-close{position:absolute;top:18px;right:18px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:#ffffff1f;color:#fff;transition:background .15s ease,transform .15s ease;z-index:2}.image-lightbox-close:hover{background:#ffffff3d;transform:scale(1.06)}.image-lightbox-close svg{width:18px;height:18px}.image-lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:#ffffff1f;color:#fff;transition:background .15s ease,transform .15s ease;z-index:2}.image-lightbox-nav:hover{background:#ffffff3d}.image-lightbox-nav:active{transform:translateY(-50%) scale(.92)}.image-lightbox-nav svg{width:22px;height:22px}.image-lightbox-prev{left:18px}.image-lightbox-next{right:18px}.image-lightbox-dots{position:absolute;bottom:22px;left:50%;transform:translate(-50%);display:flex;gap:7px;z-index:2}.image-lightbox-dot{width:7px;height:7px;border-radius:50%;border:0;padding:0;background:#ffffff59;cursor:pointer;transition:background .15s ease,transform .15s ease}.image-lightbox-dot.active{background:#fff;transform:scale(1.25)}@media (max-width: 640px){.image-lightbox-nav{width:38px;height:38px}.image-lightbox-prev{left:8px}.image-lightbox-next{right:8px}}@keyframes lightboxFadeIn{0%{opacity:0}to{opacity:1}}.media-tile.overlay:after{content:attr(data-more);position:absolute;top:0;right:0;bottom:0;left:0;background:#141a188c;color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:600;font-family:Fraunces,"Noto Serif SC",serif}.video-tile{position:relative}.video-tile .play{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:56px;height:56px;border-radius:50%;background:#ffffffeb;display:flex;align-items:center;justify-content:center}.video-tile .play svg{width:20px;height:20px;color:var(--teal-dark);margin-left:2px}.post-stats{display:flex;align-items:center;gap:6px;padding:12px 2px 0;font-size:12.5px;color:var(--muted)}.post-stats .likers{display:flex}.post-stats .likers span{width:20px;height:20px;border-radius:50%;background:var(--coral);color:#fff;display:flex;align-items:center;justify-content:center;border:2px solid #fff;margin-left:-6px;font-size:10px;font-weight:700}.post-stats .likers span svg{width:11px;height:11px}.post-stats .likers svg.likers-heart{fill:currentColor;stroke:none}.post-stats .likers svg.likers-plus{fill:none;stroke:currentColor;stroke-width:3}.post-stats .likers span:first-child{margin-left:0}.post-stats .likecount{font-family:JetBrains Mono,monospace}.post-actions{display:flex;align-items:center;gap:4px;margin-top:8px;padding-top:10px;border-top:1px solid var(--line)}.act-btn{display:flex;align-items:center;gap:7px;border:0;background:none;padding:9px 12px;border-radius:10px;font-size:13.5px;font-weight:600;color:var(--muted);transition:background .15s,color .15s}.act-btn svg{width:17px;height:17px}.act-btn:hover{background:var(--paper)}.act-btn.liked{color:var(--coral)}.act-btn.liked svg{fill:var(--coral);stroke:var(--coral)}.act-btn .n{font-family:JetBrains Mono,monospace;font-weight:400;color:var(--muted);margin-left:2px}.share-wrap{position:relative;margin-left:auto}.share-wrap .dropdown{width:200px;right:0}.comments{margin-top:12px;padding-top:12px;border-top:1px solid var(--line);display:none}.comments.open{display:block}.comment{display:flex;gap:8px;margin-bottom:16px}.comment .comment-body{display:flex;gap:10px;flex:1;min-width:0}.comment .comment-body .avatar{width:28px;height:28px;border-radius:50%;flex:none;background:var(--teal-tint);color:var(--teal-dark);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:11.5px}.comment-main{flex:1;min-width:0}.comment-head{display:flex;align-items:baseline;gap:8px;margin-bottom:2px}.comment-head b{font-size:13px}.comment-head time{font-size:11.5px;color:var(--muted)}.comment-text{font-size:13.5px;line-height:1.5;color:var(--ink);margin:6px 0;word-break:break-word}.comment-actions{display:flex;align-items:center;gap:4px;margin-left:-7px}.comment-actions button{display:flex;align-items:center;gap:5px;border:0;background:none;padding:4px 7px;font-size:12px;font-weight:600;color:var(--muted);border-radius:7px;transition:background .15s,color .15s}.comment-actions button svg{width:14px;height:14px}.comment-actions button:hover{color:var(--teal-dark);background:var(--teal-tint)}.comment-actions .comment-menu .dropdown{width:190px;right:auto;left:0;top:32px;padding:6px}.comment-actions .comment-menu .dropdown button{width:100%;justify-content:flex-start;padding:8px 10px;border-radius:8px}.comment-actions .comment-menu .dropdown button:hover{background:var(--paper);color:var(--ink)}.comment-form{display:flex;gap:10px;align-items:center;margin-top:4px}.comment-form .avatar{width:30px;height:30px;border-radius:50%;flex:none;background:var(--teal-tint);color:var(--teal-dark);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:12px}.comment-form input{flex:1;border:1px solid var(--line);border-radius:999px;padding:8px 14px;font:inherit;font-size:13.5px;background:var(--paper);color:var(--ink);transition:border-color .2s;font-family:Inter,Noto Sans SC,system-ui,sans-serif}.comment-form input:focus{border-color:var(--teal);outline:none;background:#fff}.comment-form button{border:0;background:var(--teal);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none;transition:background .15s}.comment-form button:hover{background:var(--teal-dark)}.comment-form button svg{width:14px;height:14px}.comment-thread{margin-bottom:16px}.comment-thread .comment{margin-bottom:0}.comment-replies{margin-top:10px;margin-left:38px;padding-left:14px;border-left:2px solid var(--line);display:flex;flex-direction:column;gap:12px}.comment-replies .comment{margin-bottom:0}.comment-replies .comment .comment-body .avatar{width:24px;height:24px;font-size:10.5px}.view-replies-btn{align-self:flex-start;border:0;background:none;padding:2px 0;font-size:12.5px;font-weight:700;color:var(--muted);transition:color .15s}.view-replies-btn:hover{color:var(--teal-dark)}.view-comments-btn{display:block;margin:4px 0 14px}.reply-to-name{color:var(--teal-dark);font-weight:700;margin-right:5px}.reply-target-chip{display:flex;align-items:center;gap:6px;align-self:flex-start;margin:4px 0 10px;padding:5px 10px;background:var(--teal-tint);color:var(--teal-dark);border-radius:999px;font-size:12px;font-weight:600}.reply-target-chip button{border:0;background:none;color:inherit;font-size:15px;line-height:1;padding:0 0 0 4px;opacity:.7}.reply-target-chip button:hover{opacity:1}.people-row{display:flex;gap:14px;overflow-x:auto;margin:0 -18px -18px;padding:0 18px 18px}.people-row::-webkit-scrollbar{display:none}.person-card{flex:none;width:150px;border:1px solid var(--line);border-radius:14px;padding:14px;text-align:center;background:var(--paper)}.person-card .avatar{width:52px;height:52px;border-radius:50%;margin:0 auto 8px;background:var(--teal-tint);color:var(--teal-dark);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px}.person-card h4{margin:0 0 2px;font-size:13.5px}.person-card p{margin:0 0 10px;font-size:11.5px;color:var(--muted)}.follow-btn{width:100%;border:0;padding:8px;border-radius:9px;background:var(--teal);color:#fff;font-size:12.5px;font-weight:700;letter-spacing:.02em;transition:background .15s}.follow-btn:hover{background:var(--teal-dark)}.follow-btn.following{background:var(--teal-tint);color:var(--teal-dark)}.follow-btn.following:hover{background:var(--line)}.section-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;padding:0 2px}.section-title h3{margin:0;font-size:14.5px;font-family:Inter,Noto Sans SC,system-ui,sans-serif;font-weight:600}.section-title a{font-size:12.5px;color:var(--teal);font-weight:600;cursor:pointer}.section-title a:hover{text-decoration:underline}.empty-state{padding:60px 24px;text-align:center;color:var(--muted);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.empty-state .leaf{font-size:32px;display:block;margin-bottom:10px}.rail-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;margin-bottom:18px}.req-item{display:flex;align-items:center;gap:10px;padding:8px 0}.req-item .avatar{width:42px;height:42px;border-radius:50%;flex:none;background:var(--teal-tint);color:var(--teal-dark);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}.req-info{flex:1;min-width:0}.req-info b{display:block;font-size:13.5px}.req-info span{font-size:12px;color:var(--muted)}.req-actions{display:flex;gap:6px;margin-top:8px}.btn-sm{border:0;padding:7px 12px;border-radius:8px;font-size:12px;font-weight:700;transition:background .15s}.btn-sm.confirm{background:var(--teal);color:#fff}.btn-sm.confirm:hover{background:var(--teal-dark)}.btn-sm.dismiss{background:var(--paper);color:var(--muted)}.btn-sm.dismiss:hover{background:var(--line)}.req-block{padding-bottom:12px;border-bottom:1px solid var(--line)}.req-block:last-child{border-bottom:0;padding-bottom:0}.group-photo{border-radius:12px;overflow:hidden;margin-bottom:10px;position:relative}.group-photo img{width:100%;height:110px;object-fit:cover}.group-meta{display:flex;align-items:center;justify-content:space-between;font-size:12.5px}.group-meta .avatars{display:flex}.group-meta .avatars span{width:22px;height:22px;border-radius:50%;background:var(--gold);border:2px solid #fff;margin-left:-7px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:9px;font-weight:700}.group-meta .avatars span:first-child{margin-left:0}.join-btn{background:var(--teal);color:#fff;border:0;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:700;transition:background .15s}.join-btn:hover{background:var(--teal-dark)}.join-btn.joined{background:var(--teal-tint);color:var(--teal-dark)}.join-btn.joined:hover{background:var(--line)}.page-row{display:flex;align-items:center;gap:10px;padding:8px 0}.page-row img{width:44px;height:44px;border-radius:12px;object-fit:cover;background:var(--line)}.page-row .pinfo{flex:1;min-width:0}.page-row b{font-size:13.5px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-row span{font-size:12px;color:var(--muted)}.like-page-btn{border:1px solid var(--teal);color:var(--teal);background:none;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:700;transition:background .15s,color .15s}.like-page-btn:hover{background:var(--teal-tint)}.like-page-btn.liked{background:var(--teal);color:#fff}.like-page-btn.liked:hover{background:var(--teal-dark)}.event-row{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.event-row:last-child{border-bottom:0;padding-bottom:0}.event-date{flex:none;width:48px;height:48px;border-radius:12px;background:var(--coral-tint);color:var(--coral);display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace}.event-date b{font-size:15px;line-height:1}.event-date span{font-size:9.5px;text-transform:uppercase}.event-info b{font-size:13.5px;display:block;margin-bottom:2px}.event-info span{font-size:11.5px;color:var(--muted)}.rail-card p{margin:0;font-size:13px;color:var(--muted);line-height:1.6}#toast{position:fixed;top:calc(var(--topbar-h) + 4px);left:50%;transform:translate(-50%) translateY(-14px);z-index:200;background:var(--teal);color:#fff;padding:11px 20px;border-radius:999px;font-size:13.5px;font-weight:500;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity .5s ease,transform .35s ease}#toast.show{opacity:1;transform:translate(-50%) translateY(0);transition:opacity .25s ease,transform .3s cubic-bezier(.2,.8,.2,1)}.live-badge{position:absolute;top:8px;left:8px;background:var(--coral);color:#fff;font-size:10px;font-weight:700;padding:3px 8px;border-radius:6px;letter-spacing:.04em;display:flex;align-items:center;gap:4px}.live-badge .dotpulse{width:6px;height:6px;border-radius:50%;background:#fff;animation:pulse 1.4s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.post-jump-highlight{animation:postJumpFlash 1.8s ease-out}@keyframes postJumpFlash{0%{box-shadow:0 0 0 3px var(--teal);background:var(--teal-tint)}to{box-shadow:0 0 #0e6e6300;background:var(--panel)}}.gate{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 30%,var(--teal-tint),var(--page-bg) 70%);display:flex;align-items:center;justify-content:center;z-index:80;padding:20px}.gate.hide{display:none}.gate-card{width:100%;max-width:380px;text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:36px 30px;box-shadow:0 20px 60px #20231f1f}.gate-card .logo{font-size:22px;justify-content:center;padding-bottom:16px;display:flex;align-items:center;gap:10px;color:var(--teal-dark);font-weight:700;font-family:Fraunces,"Noto Serif SC",serif}.gate-card .logo .mark{width:36px;height:36px;border-radius:50%;object-fit:cover}.gate-sub{color:var(--muted);font-size:13.5px;line-height:1.7;margin-bottom:26px}.gate-card input{width:100%;padding:13px 14px;margin-bottom:12px;border:1px solid var(--line);border-radius:10px;font-size:14px;font-family:inherit;background:var(--paper);color:var(--ink);outline:none;text-align:left;transition:border-color .2s,background .2s}.gate-card input:focus{border-color:var(--teal);background:#fff}.gate-card .modal-error{color:var(--coral);font-size:13px;margin:-4px 0 12px;min-height:16px}.gate-card .modal-submit{width:100%;padding:13px;border:none;border-radius:999px;background:var(--teal);color:#fff;font-weight:700;font-size:15px;transition:background .15s}.gate-card .modal-submit:hover{background:var(--teal-dark)}.gate-card .modal-submit:disabled{opacity:.5;cursor:not-allowed}.gate-card .gate-switch{margin-top:14px;text-align:center;font-size:13px;color:var(--muted)}.gate-card .gate-switch-link{background:none;border:none;padding:0;color:var(--teal);font-weight:600;font-size:13px;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.gate-card .gate-switch-link:hover{color:var(--teal-dark)}.dropdown-item.unread{background:var(--teal-tint)}.dropdown-item.unread b{color:var(--teal-dark)}.dropdown-footer-link{display:block;width:100%;margin-top:6px;padding:8px;background:none;border:none;color:var(--teal);font-weight:600;font-size:13px;text-align:center;cursor:pointer;border-radius:8px}.dropdown-footer-link:hover{background:var(--paper);color:var(--teal-dark)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#141a1880;display:none;align-items:center;justify-content:center;z-index:70;padding:20px}.modal-overlay.show{display:flex}.modal{background:var(--panel);border-radius:var(--radius);width:100%;max-width:480px;padding:28px;border:1px solid var(--line);box-shadow:0 20px 60px #20231f26}.modal .modal-close{float:right;background:none;border:none;font-size:20px;color:var(--muted);cursor:pointer;padding:0 4px}.modal .modal-close:hover{color:var(--ink)}.modal h2{margin:0 0 18px;font-size:20px;font-weight:700;color:var(--ink);font-family:Fraunces,"Noto Serif SC",serif}.modal .avatar{width:42px;height:42px;border-radius:50%;flex:none;background:var(--teal-tint);color:var(--teal-dark);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:17px}.modal textarea{width:100%;border:none;background:transparent;resize:none;font-size:17px;font-family:Inter,Noto Sans SC,system-ui,sans-serif;color:var(--ink);outline:none;min-height:120px;line-height:1.5}.modal textarea::placeholder{color:var(--muted)}.modal .publish-btn{background:var(--teal);color:#fff;border:0;padding:10px 24px;border-radius:999px;font-weight:700;font-size:14px;transition:background .15s}.modal .publish-btn:hover{background:var(--teal-dark)}.modal .publish-btn:disabled{opacity:.4;cursor:not-allowed}.inline-icon{width:14px;height:14px;vertical-align:-2px;color:var(--teal)}.toast-with-icon{display:inline-flex;align-items:center;gap:6px}.toast-with-icon .inline-icon{color:var(--gold)}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown.open{animation:dropdownIn .16s cubic-bezier(.2,.8,.2,1)}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-overlay.show{animation:overlayIn .18s ease}.modal-overlay.show .modal{animation:modalIn .22s cubic-bezier(.2,.8,.2,1)}@keyframes postIn{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.card.post{animation:postIn .38s cubic-bezier(.2,.8,.2,1)}@keyframes confirmOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes confirmDialogIn{0%{opacity:0;transform:translateY(14px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#141a188c;display:flex;align-items:center;justify-content:center;z-index:300;padding:20px;animation:confirmOverlayIn .16s ease}.confirm-overlay.closing{animation:confirmOverlayIn .16s ease reverse}.confirm-dialog{width:100%;max-width:360px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 24px 64px #20231f38;padding:26px 24px 22px;text-align:center;animation:confirmDialogIn .2s cubic-bezier(.2,.8,.2,1)}.confirm-dialog.closing{animation:confirmDialogIn .16s ease reverse}.confirm-icon{width:46px;height:46px;margin:0 auto 14px;border-radius:50%;background:var(--teal-tint);color:var(--teal-dark);display:flex;align-items:center;justify-content:center}.confirm-dialog.danger .confirm-icon{background:var(--coral-tint);color:var(--coral)}.confirm-icon svg{width:22px;height:22px}.confirm-dialog h3{margin:0 0 6px;font-family:Fraunces,"Noto Serif SC",serif;font-size:18px;color:var(--ink)}.confirm-dialog p{margin:0 0 20px;font-size:13.5px;color:var(--muted);line-height:1.55}.confirm-actions{display:flex;gap:10px}.confirm-actions button{flex:1;border:0;padding:11px 14px;border-radius:999px;font-weight:700;font-size:13.5px;transition:background .15s,color .15s,transform .1s}.confirm-actions button:active{transform:scale(.97)}.confirm-actions .confirm-cancel{background:var(--paper);color:var(--ink);border:1px solid var(--line)}.confirm-cancel:hover{background:var(--line)}.confirm-ok{background:var(--teal);color:#fff}.confirm-ok:hover{background:var(--teal-dark)}.confirm-dialog.danger .confirm-ok{background:var(--coral)}.confirm-dialog.danger .confirm-ok:hover{background:#e6532e}@media (max-width: 1180px){:root{--rail-w: 0px}.shell{grid-template-columns:var(--sidebar-w) minmax(0,1fr)}.rail{display:block;position:fixed;top:0;right:0;left:auto;height:100%;width:82vw;max-width:320px;z-index:100;background:var(--paper);padding:16px;transform:translate(105%);transition:transform .25s ease;overflow-y:auto;box-shadow:-20px 0 40px #00000026}.rail.open{transform:translate(0)}.rail-scrim{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#141a1866;z-index:90}.rail-scrim.open{display:block}}.topbar .rail-toggle{display:none}@media (max-width: 880px){.shell{grid-template-columns:minmax(0,1fr);padding:16px}.nav{position:fixed;top:0;left:0;height:100%;width:82vw;max-width:300px;z-index:100;background:var(--paper);padding:16px 16px 40px;transform:translate(-105%);transition:transform .25s ease;overflow-y:auto;box-shadow:20px 0 40px #00000026}.nav.open{transform:translate(0)}.nav-scrim{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#141a1866;z-index:90}.nav-scrim.open{display:block}.menu-toggle{display:flex}.search-wrap,.topbar .topnav{display:none}.topbar .top-actions .icon-btn:not(.menu-toggle):not(.rail-toggle):not(.mobile-search-toggle){display:none}.topbar .rail-toggle,.topbar .top-actions .mobile-search-toggle{display:flex}.topbar .top-actions{margin-left:auto;gap:4px}.topbar .top-actions .avatar{margin-left:6px}.topbar-inner{padding:10px 14px;gap:10px}.topbar .brand{margin-right:0}.profile-card .stats{gap:12px}.profile-card .stats div b{font-size:14px}.composer textarea,.composer-target select,.emoji-search input,.post-edit-textarea,.comment-form input,.gate-card input{font-size:16px}}@media (max-width: 500px){.topbar .brand span{display:none}.topbar .brand .mark{width:28px;height:28px}.post,.composer{padding:14px}.composer-top .avatar{width:34px;height:34px;font-size:14px}.composer textarea{font-size:16px;padding:10px 12px;min-height:36px}.post-head .avatar{width:36px;height:36px;font-size:14px}.post-who .name{font-size:13px}.post-text{font-size:13.5px}.story{width:72px}.stamp{width:60px;height:60px}.stamp .pin{width:18px;height:18px}.stamp .pin svg{width:9px;height:9px}.story span{font-size:11px}.post-submit{padding:8px 14px;font-size:13px}}.settings-col{overflow:visible;max-height:none;position:static}.settings-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.settings-overview{padding:28px 30px 34px}.settings-overview h1{margin:0 0 22px;font-size:25px}.settings-group{margin-bottom:20px}.settings-group:last-child{margin-bottom:0}.settings-group-label{font-size:11.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 8px 4px}.settings-row{display:flex;align-items:center;gap:14px;padding:11px 8px;border-radius:12px;cursor:pointer;transition:background .15s}.settings-row:hover{background:var(--paper)}.settings-row.danger .settings-row-label{color:var(--coral)}.settings-row-icon{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none;color:#fff}.settings-row-icon svg{width:19px;height:19px}.settings-row-icon.c-teal{background:var(--teal)}.settings-row-icon.c-teal-dark{background:var(--teal-dark)}.settings-row-icon.c-coral{background:var(--coral)}.settings-row-icon.c-gold{background:var(--gold)}.settings-row-label{flex:1;min-width:0;font-weight:600;font-size:14.5px;color:var(--ink)}.settings-row-chevron{width:16px;height:16px;color:var(--muted);flex:none}.settings-subpage-header{display:flex;align-items:center;gap:14px;padding:20px 26px;color:#fff;background:linear-gradient(120deg,#12897a,#0e6e63 55%,#0a4f47)}.settings-subpage-header button{width:34px;height:34px;border-radius:50%;border:0;background:#ffffff2e;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none;transition:background .15s}.settings-subpage-header button:hover{background:#ffffff4d}.settings-subpage-header button svg{width:18px;height:18px}.settings-subpage-header h2{margin:0;font-size:17px;font-family:Inter,Noto Sans SC,system-ui,sans-serif;font-weight:700}.settings-subpage-body{padding:28px 30px 32px}.settings-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px}.settings-form-grid--single{grid-template-columns:1fr;max-width:440px}.settings-field{display:flex;flex-direction:column;gap:6px}.settings-field.full{grid-column:1 / -1}.settings-field label{font-size:12.5px;font-weight:600;color:var(--ink)}.settings-field input,.settings-field textarea{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:10px;font-size:14px;font-family:inherit;background:var(--paper);color:var(--ink);outline:none;transition:border-color .2s,background .2s}.settings-field input:focus,.settings-field textarea:focus{border-color:var(--teal);background:#fff}.settings-field textarea{resize:vertical;min-height:90px}.settings-error{color:var(--coral);font-size:13px;margin-top:14px;min-height:16px}.settings-save-row{margin-top:24px}.settings-btn-primary{padding:12px 30px;border-radius:11px;border:0;background:var(--teal);color:#fff;font-weight:700;font-size:14px;font-family:inherit;cursor:pointer;transition:background .15s}.settings-btn-primary:hover{background:var(--teal-dark)}.settings-btn-ghost{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:11px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font-weight:600;font-size:13.5px;font-family:inherit;cursor:pointer;transition:background .15s,border-color .15s}.settings-btn-ghost:hover{background:var(--paper);border-color:var(--teal)}.settings-btn-ghost svg{width:16px;height:16px;color:var(--teal)}.settings-link-btn{border:0;background:none;color:var(--coral);font-weight:600;font-size:13px;cursor:pointer;font-family:inherit}.settings-avatar-block{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:28px;text-align:center}.settings-avatar-block .avatar{width:88px;height:88px;font-size:28px;border-radius:50%;background:var(--teal-tint);color:var(--teal-dark);display:flex;align-items:center;justify-content:center;font-weight:700;border:3px solid var(--teal-tint)}.settings-avatar-block h3{margin:6px 0 0;font-size:16px}.settings-avatar-block p{margin:0;font-size:12.5px;color:var(--muted)}.settings-dropzone{grid-column:1 / -1;border:2px dashed var(--line);border-radius:var(--radius-sm);padding:32px 20px;display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--muted);font-size:13.5px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}.settings-dropzone:hover{border-color:var(--teal);background:var(--teal-tint)}.settings-dropzone svg{width:28px;height:28px;color:var(--teal)}.settings-map{grid-column:1 / -1;border-radius:var(--radius-sm);border:1px solid var(--line);height:220px;position:relative;overflow:hidden;background:radial-gradient(circle at 20% 30%,rgba(14,110,99,.12),transparent 45%),radial-gradient(circle at 80% 70%,rgba(215,154,59,.14),transparent 45%),var(--teal-tint);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.settings-map-pin{color:var(--coral)}.settings-map-pin svg{width:34px;height:34px;filter:drop-shadow(0 6px 10px rgba(255,106,72,.35))}.settings-map-label{font-size:12.5px;color:var(--teal-dark);font-weight:600}.settings-cards-list{display:flex;flex-direction:column;gap:4px;margin-bottom:18px}.settings-card-row{display:flex;align-items:center;gap:14px;padding:12px 8px;border-radius:12px;border-bottom:1px solid var(--line)}.settings-card-row:last-child{border-bottom:0}.settings-card-info{display:flex;flex-direction:column;gap:2px;flex:1}.settings-card-info span{font-size:12px;color:var(--muted)}.settings-add-card-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:11px;border:1.5px dashed var(--line);background:none;color:var(--teal);font-weight:700;font-size:13.5px;font-family:inherit;cursor:pointer;transition:border-color .15s,background .15s}.settings-add-card-btn:hover{border-color:var(--teal);background:var(--teal-tint)}.settings-add-card-btn svg{width:16px;height:16px}.settings-notif-head{display:flex;align-items:center;justify-content:space-between;padding:24px 26px 4px}.settings-notif-head h1{margin:0;font-size:21px;display:flex;align-items:center;gap:10px}.settings-notif-head .count{background:var(--coral-tint);color:var(--coral);font-size:12px;font-weight:700;padding:2px 10px;border-radius:999px}.settings-notif-actions{display:flex;gap:8px}.settings-notif-actions button{width:34px;height:34px;border-radius:9px;border:1px solid var(--line);background:var(--panel);display:flex;align-items:center;justify-content:center;color:var(--muted);cursor:pointer;transition:background .15s}.settings-notif-actions button:hover{background:var(--paper)}.settings-notif-actions svg{width:16px;height:16px}.settings-notif-list{padding:6px 16px 22px}.settings-notif-day{font-size:12px;color:var(--muted);padding:14px 10px 6px;font-weight:600}.settings-notif-item{display:flex;align-items:flex-start;gap:12px;padding:11px 10px;border-radius:12px;cursor:pointer;transition:background .15s}.settings-notif-item:hover{background:var(--paper)}.settings-notif-item.unread{background:var(--teal-tint)}.settings-notif-avatar-wrap{position:relative;flex:none}.settings-notif-avatar-wrap .avatar{width:42px;height:42px}.settings-notif-avatar-wrap .badge-dot{position:absolute;bottom:-2px;right:-2px;width:17px;height:17px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #fff;color:#fff}.settings-notif-avatar-wrap .badge-dot.c-teal{background:var(--teal)}.settings-notif-avatar-wrap .badge-dot.c-coral{background:var(--coral)}.settings-notif-avatar-wrap .badge-dot svg{width:9px;height:9px}.settings-notif-item p{margin:0;font-size:13.5px;line-height:1.55;color:var(--ink);flex:1;min-width:0}.settings-notif-item time{font-size:11.5px;color:var(--muted)}.settings-notif-more{width:16px;height:16px;color:var(--muted);flex:none;margin-top:4px}.settings-help-intro{display:flex;align-items:center;gap:16px;margin-bottom:24px}.settings-help-intro h3{margin:0 0 4px;font-size:16px}.settings-help-intro p{margin:0;font-size:13px;color:var(--muted);line-height:1.6}.settings-help-faqs{border-top:1px solid var(--line);padding-top:6px;margin-bottom:24px}.settings-help-contact{display:flex;gap:12px;flex-wrap:wrap}@media (max-width: 640px){.settings-form-grid{grid-template-columns:1fr}.settings-overview,.settings-subpage-body{padding:22px 18px 26px}.settings-subpage-header{padding:16px 18px}.settings-notif-head{padding:18px 16px 4px}}.group-page-head{padding:20px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.group-create-form{padding:20px;display:flex;flex-direction:column;gap:14px}.group-form-field{display:flex;flex-direction:column;gap:6px}.group-form-field label{font-size:12.5px;font-weight:600;color:var(--muted)}.group-form-field input,.group-form-field textarea,.group-form-field select{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:13.5px;font-family:inherit;background:var(--paper);color:var(--ink);resize:vertical;box-sizing:border-box;width:100%}.group-form-field select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23697782' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 12px center;padding-right:34px;cursor:pointer}.group-form-field input:focus,.group-form-field textarea:focus,.group-form-field select:focus{background-color:#fff;border-color:var(--teal);outline:none}.group-create-form>.post-submit{align-self:flex-start}.groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.group-card{padding:14px;margin:0;cursor:pointer;transition:transform .12s,box-shadow .12s}.group-card:hover{transform:translateY(-2px)}.group-card b{font-size:14.5px}.group-card-desc{margin:6px 0 0;font-size:12.5px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.group-header{padding:20px}.group-back{display:inline-flex;align-items:center;gap:6px;border:0;background:none;color:var(--muted);font-size:12.5px;font-weight:600;padding:0 0 12px;cursor:pointer}.group-back:hover{color:var(--teal-dark)}.group-cover{border-radius:14px;overflow:hidden;margin-bottom:14px}.group-cover img{width:100%;height:180px;object-fit:cover;display:block}.group-header-body{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.group-owner-badge{font-size:12px;font-weight:600;color:var(--teal-dark);background:var(--teal-tint);padding:7px 12px;border-radius:8px;white-space:nowrap}.group-members-row{display:flex;align-items:center;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.group-member-chip{width:34px;height:34px;margin-left:-8px;border:2px solid #fff;border-radius:50%;overflow:hidden}.group-member-chip:first-child{margin-left:0}.group-member-chip .avatar{width:100%;height:100%;font-size:12px}.group-member-more{margin-left:8px;font-size:12px;color:var(--muted);font-weight:600}.profile-header{justify-content:space-between}.profile-header-friend{flex:none;display:flex;gap:8px;margin-left:auto;align-self:center}.friend-btn{background:var(--teal);color:#fff;border:0;padding:8px 18px;border-radius:999px;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s,color .15s;min-width:96px}.friend-btn:hover:not(:disabled){background:var(--teal-dark)}.friend-btn:disabled{opacity:.6;cursor:default}.friend-btn--outgoing,.friend-btn--friends{background:var(--teal-tint);color:var(--teal-dark)}.friend-btn--outgoing:hover:not(:disabled),.friend-btn--friends:hover:not(:disabled){background:var(--line);color:var(--teal-dark)}.friend-btn--accept{background:var(--teal);color:#fff}.friend-btn--ignore{background:var(--paper);color:var(--muted)}.friend-btn--ignore:hover:not(:disabled){background:var(--line);color:var(--ink)}.req-empty{color:var(--muted);font-size:13px;padding:8px 4px 12px}@media (max-width: 640px){.profile-header{flex-wrap:wrap}.profile-header-friend{margin-left:0;width:100%}.friend-btn{flex:1}}.hovercard-trigger{cursor:pointer}.hovercard-trigger:hover .name,.hovercard-trigger:hover b,.hovercard-trigger:hover .reply-to-name{text-decoration:underline}.hovercard-inline{display:inline}.user-hovercard{position:absolute;z-index:500;width:320px;max-width:calc(100vw - 16px);padding:14px 16px;background:var(--paper, #fff);border-radius:14px;box-shadow:0 10px 30px #0000002e,0 2px 6px #00000014;cursor:pointer;animation:hovercard-in .12s ease-out}@keyframes hovercard-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.user-hovercard-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}.user-hovercard-avatar{width:56px;height:56px;font-size:20px}.user-hovercard .follow-btn{width:auto;padding:6px 14px;border-radius:999px;font-size:12.5px;cursor:pointer}.user-hovercard-name{display:flex;align-items:center;gap:8px;font-size:15px;line-height:1.2}.user-hovercard-name b{font-size:15px}.hovercard-tag{background:var(--teal-tint);color:var(--teal-dark);font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:4px;letter-spacing:.02em;text-transform:uppercase}.user-hovercard-handle{color:var(--muted);font-size:13px;margin:2px 0 8px}.user-hovercard-bio{font-size:13.5px;line-height:1.4;margin:0 0 10px;color:var(--ink);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.user-hovercard-stats{display:flex;gap:16px;font-size:13px;color:var(--muted)}.user-hovercard-stats b{color:var(--ink);font-weight:700;margin-right:3px}.user-hovercard-skeleton{display:flex;gap:12px;align-items:center}.hovercard-skel-avatar{width:56px;height:56px;border-radius:50%;background:var(--line, #eee);animation:hovercard-shimmer 1.2s infinite ease-in-out}.hovercard-skel-lines{flex:1;display:flex;flex-direction:column;gap:8px}.hovercard-skel-line{height:12px;border-radius:4px;background:var(--line, #eee);animation:hovercard-shimmer 1.2s infinite ease-in-out}.hovercard-skel-line.long{width:70%}.hovercard-skel-line.short{width:40%}@keyframes hovercard-shimmer{0%,to{opacity:1}50%{opacity:.5}}.profile-header-stats{display:flex;gap:18px;margin-top:8px;font-size:13.5px;color:var(--muted)}.profile-header-stats b{color:var(--ink);font-weight:700;margin-right:3px}.profile-follows-you-tag{display:inline-block;background:var(--teal-tint);color:var(--teal-dark);font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:4px;margin-left:8px;letter-spacing:.02em;text-transform:uppercase;vertical-align:middle}.profile-header-actions{flex:none;display:flex;gap:8px;margin-left:auto;align-self:center;flex-wrap:wrap;justify-content:flex-end}.profile-header-actions .follow-btn{width:auto;padding:8px 18px;border-radius:999px;font-size:13px;font-weight:700;min-width:96px;cursor:pointer}@media (max-width: 640px){.profile-header-actions{margin-left:0;width:100%;justify-content:stretch}.profile-header-actions .follow-btn,.profile-header-actions .friend-btn{flex:1;min-width:0}.user-hovercard{width:calc(100vw - 24px)}}.user-hovercard-stat,.profile-header-stat{color:var(--muted);text-decoration:none;cursor:pointer;transition:color .12s ease}.user-hovercard-stat:hover,.profile-header-stat:hover{color:var(--ink)}.user-hovercard-stat:hover b,.profile-header-stat:hover b{text-decoration:underline}.follow-list-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.follow-list-page{padding:12px 0 24px}.follow-list-header{display:flex;align-items:center;gap:14px;padding:18px 24px 16px;border-bottom:1px solid var(--line, #eee)}.follow-list-back{background:transparent;border:none;font-size:14px;color:var(--muted);cursor:pointer;padding:6px 10px;border-radius:6px;transition:background .12s ease,color .12s ease}.follow-list-back:hover{background:var(--line, #f2f2f2);color:var(--ink)}.follow-list-title{display:flex;flex-direction:column;line-height:1.25}.follow-list-title-name{font-size:17px;font-weight:700;color:var(--ink);text-decoration:none}.follow-list-title-name:hover{text-decoration:underline}.follow-list-title-handle{font-size:13px;color:var(--muted)}.follow-list-tabs{display:flex;border-bottom:1px solid var(--line, #eee)}.follow-list-tab{flex:1;background:transparent;border:none;padding:14px 0;font-size:14.5px;font-weight:600;color:var(--muted);cursor:pointer;position:relative;transition:color .12s ease,background .12s ease}.follow-list-tab:hover{background:var(--line, #f7f7f7);color:var(--ink)}.follow-list-tab.active{color:var(--ink)}.follow-list-tab.active:after{content:"";position:absolute;left:50%;bottom:0;transform:translate(-50%);width:56px;height:3px;background:var(--teal, #1d9bf0);border-radius:3px}.follow-list-body{padding:4px 0 0}.follow-list-empty{padding:56px 24px;text-align:center;color:var(--muted);font-size:14px}.follow-list-row{display:flex;align-items:flex-start;gap:14px;padding:16px 24px;border-bottom:1px solid var(--line, #f0f0f0);transition:background .12s ease}.follow-list-row:hover{background:var(--line, #fafafa)}.follow-list-avatar-link{flex-shrink:0;display:inline-block}.follow-list-avatar{width:48px;height:48px}.follow-list-row-main{flex:1;min-width:0}.follow-list-row-head{display:flex;align-items:center;gap:6px;flex-wrap:wrap;line-height:1.3}.follow-list-row-name{font-size:15px;font-weight:700;color:var(--ink);text-decoration:none}.follow-list-row-name:hover{text-decoration:underline}.follow-list-row-handle{font-size:13.5px;color:var(--muted)}.follow-list-row-tag{display:inline-block;background:var(--teal-tint);color:var(--teal-dark);font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:4px;margin-left:4px}.follow-list-row-bio{margin:4px 0 0;font-size:13.5px;color:var(--ink);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.follow-list-row-btn{width:auto;flex-shrink:0;align-self:flex-start;margin-left:8px;padding:8px 16px;border-radius:999px;cursor:pointer}.follow-list-more{display:block;width:100%;padding:16px 24px;background:transparent;border:none;border-top:1px solid var(--line, #eee);color:var(--teal, #1d9bf0);font-size:14px;font-weight:600;cursor:pointer;transition:background .12s ease}.follow-list-more:hover:not(:disabled){background:var(--line, #fafafa)}.follow-list-more:disabled{color:var(--muted);cursor:default}.saved-page-head{display:flex;align-items:center;gap:16px;padding:20px 22px}.saved-page-head-icon{width:44px;height:44px;border-radius:50%;background:var(--teal-tint);color:var(--teal-dark);display:flex;align-items:center;justify-content:center;flex-shrink:0}.saved-page-head-icon svg{width:22px;height:22px}.messages-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;min-height:60vh}.messages-header{display:flex;align-items:center;gap:14px;padding:18px 24px 16px;border-bottom:1px solid var(--line)}.messages-header-title{margin:0;font-size:20px;color:var(--ink)}.messages-back{background:transparent;border:none;color:var(--muted);font-size:18px;cursor:pointer;padding:6px 12px;border-radius:8px;transition:background .12s ease,color .12s ease}.messages-back:hover{background:var(--line);color:var(--ink)}.messages-thread-header{justify-content:flex-start}.messages-thread-peer{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;border-radius:10px;padding:4px 8px;transition:background .12s ease}.messages-thread-peer:hover{background:var(--paper)}.messages-thread-avatar{width:40px;height:40px}.messages-thread-peer-name{font-size:15.5px;font-weight:700;color:var(--ink);line-height:1.2}.messages-thread-peer-handle{font-size:12.5px;color:var(--muted)}.messages-inbox{display:flex;flex-direction:column}.messages-empty{padding:60px 24px;text-align:center;color:var(--muted);font-size:14px}.messages-row{display:flex;align-items:flex-start;gap:12px;padding:14px 22px;text-decoration:none;color:inherit;border-bottom:1px solid var(--line);transition:background .12s ease}.messages-row:hover{background:var(--paper)}.messages-row-avatar{width:44px;height:44px;flex-shrink:0}.messages-row-main{flex:1;min-width:0}.messages-row-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.messages-row-name{font-size:15px;font-weight:700;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messages-row-time{font-size:12px;color:var(--muted);flex-shrink:0}.messages-row-preview{display:flex;align-items:center;gap:8px;margin-top:2px}.messages-row-preview-text{flex:1;font-size:13.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messages-row-preview-text.unread{color:var(--ink);font-weight:600}.messages-row-badge{background:var(--teal);color:#fff;font-size:11.5px;font-weight:700;padding:1px 8px;border-radius:999px;min-width:20px;text-align:center}.messages-thread-body{flex:1;overflow-y:auto;padding:16px 22px;max-height:60vh;min-height:300px;background:var(--paper, #fafafa)}.messages-day+.messages-day{margin-top:12px}.messages-day-label{text-align:center;font-size:11.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:10px 0 14px}.messages-bubble{max-width:72%;padding:9px 14px;border-radius:18px;margin-bottom:6px;font-size:14.5px;line-height:1.4;word-break:break-word;white-space:pre-wrap}.messages-bubble-time{font-size:11px;color:var(--muted);margin-top:3px;opacity:.85}.messages-bubble.theirs{background:var(--panel);color:var(--ink);border:1px solid var(--line);margin-right:auto;border-bottom-left-radius:6px}.messages-bubble.mine{background:var(--teal);color:#fff;margin-left:auto;border-bottom-right-radius:6px}.messages-bubble.mine .messages-bubble-time{color:#ffffffbf}.messages-composer{display:flex;align-items:flex-end;gap:10px;padding:12px 16px;border-top:1px solid var(--line);background:var(--panel)}.messages-composer-input{flex:1;resize:none;border:1px solid var(--line);border-radius:18px;padding:10px 14px;font-size:14.5px;font-family:inherit;color:var(--ink);background:var(--paper, #fafafa);max-height:160px;min-height:40px;line-height:1.4;outline:none;transition:border-color .12s ease,background .12s ease}.messages-composer-input:focus{border-color:var(--teal);background:var(--panel)}.messages-composer-send{flex-shrink:0;width:40px;height:40px;border-radius:50%;background:var(--teal);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .12s ease,opacity .12s ease}.messages-composer-send:hover:not(:disabled){background:var(--teal-dark)}.messages-composer-send:disabled{opacity:.4;cursor:default}.messages-composer-send svg{width:18px;height:18px}.user-hovercard-actions{display:flex;align-items:center;gap:8px}.hovercard-message-btn{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:5px 14px;font-size:13px;font-weight:600;cursor:pointer;transition:background .12s ease,border-color .12s ease}.hovercard-message-btn:hover:not(:disabled){background:var(--paper);border-color:var(--ink)}.hovercard-message-btn:disabled{opacity:.5;cursor:default}.friends-section{padding:16px 18px;margin-top:12px}.friends-section-title{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:15px;font-weight:600;color:var(--ink)}.friends-section-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;background:var(--teal-tint);color:var(--teal-dark);border-radius:999px;font-size:12px;font-weight:700}.friends-empty-line{margin:4px 0 0;color:var(--muted);font-size:13.5px}.friends-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 4px;border-top:1px solid var(--line)}.friends-row:first-of-type{border-top:none}.friends-row-user{display:flex;align-items:center;gap:12px;flex:1 1 auto;min-width:0;text-decoration:none;color:inherit}.friends-row-user:hover b{color:var(--teal-dark)}.friends-row-user .avatar{width:42px;height:42px;flex:none}.friends-row-meta{display:flex;flex-direction:column;min-width:0}.friends-row-meta b{font-size:14px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friends-row-sub{font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friends-row-actions{display:flex;gap:8px;flex:none}.friends-btn{padding:6px 14px;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease;border:1px solid var(--line);background:var(--panel);color:var(--ink)}.friends-btn:hover:not(:disabled){background:var(--paper);border-color:var(--ink)}.friends-btn.primary{background:var(--teal);border-color:var(--teal);color:#fff}.friends-btn.primary:hover:not(:disabled){background:var(--teal-dark);border-color:var(--teal-dark);color:#fff}.friends-btn.ghost.danger{color:var(--coral)}.friends-btn.ghost.danger:hover:not(:disabled){background:var(--paper);border-color:var(--coral)}.friends-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 640px){.friends-row{flex-wrap:wrap}.friends-row-actions{width:100%;justify-content:flex-end}}.explore-header{padding:20px 20px 4px}.explore-title{margin:0;font-size:22px;font-weight:700;color:var(--ink)}.explore-subtitle{margin:4px 0 0;color:var(--muted);font-size:13.5px}.explore-tabs{display:flex;gap:4px;padding:12px 16px 8px;border-bottom:1px solid var(--line);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.explore-tabs::-webkit-scrollbar{display:none}.explore-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;padding:8px 14px;border-radius:999px;cursor:pointer;font-size:14px;font-weight:600;color:var(--muted);white-space:nowrap;transition:background .15s,color .15s}.explore-tab:hover{background:var(--teal-tint);color:var(--teal-dark)}.explore-tab.active{background:var(--teal);color:#fff}.explore-list{display:flex;flex-direction:column;gap:10px;padding:16px}.explore-row{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.explore-row-main{display:flex;align-items:flex-start;gap:12px;flex:1;min-width:0}.explore-row .avatar{width:56px;height:56px;flex:0 0 56px;font-size:18px}.explore-row-body{min-width:0;display:flex;flex-direction:column;gap:2px}.explore-row-name{font-weight:700;color:var(--ink);font-size:15px}.explore-row-meta{font-size:12.5px;color:var(--muted)}.explore-row-bio{font-size:13.5px;color:var(--ink);margin-top:2px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.explore-row-stats{font-size:12px;color:var(--muted);margin-top:4px}.explore-row .btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:8px 14px;border-radius:999px;font-size:13.5px;font-weight:600;cursor:pointer;transition:opacity .15s,background .15s;white-space:nowrap}.explore-row .btn:hover{background:var(--teal-tint)}.explore-row .btn.primary{background:var(--teal);color:#fff;border-color:var(--teal)}.explore-row .btn.primary:hover{background:var(--teal-dark)}.explore-row .btn:disabled{opacity:.5;cursor:default}@media (max-width: 640px){.explore-row{flex-direction:column;align-items:stretch}.explore-row .btn{width:100%}}.group-owner-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.group-owner-buttons{display:flex;gap:8px;flex-wrap:wrap}.group-owner-actions .btn-ghost,.group-owner-actions .btn-danger,.group-edit-form .btn-ghost,.group-edit-form .btn-primary,.group-request-actions .btn-ghost,.group-request-actions .btn-primary,.group-manage-row .btn-ghost{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);padding:7px 14px;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;background:var(--paper);color:var(--ink);transition:background .15s,border-color .15s,color .15s,opacity .15s}.group-owner-actions .btn-ghost:hover,.group-edit-form .btn-ghost:hover,.group-request-actions .btn-ghost:hover,.group-manage-row .btn-ghost:hover{background:var(--teal-tint)}.group-owner-actions .btn-ghost svg,.group-owner-actions .btn-danger svg{width:14px;height:14px}.group-owner-actions .btn-danger,.group-request-actions .btn-danger{background:transparent;border-color:var(--coral);color:var(--coral)}.group-owner-actions .btn-danger:hover{background:var(--coral-tint)}.group-edit-form .btn-primary,.group-request-actions .btn-primary{background:var(--teal);color:#fff;border-color:var(--teal)}.group-edit-form .btn-primary:hover,.group-request-actions .btn-primary:hover{background:var(--teal-dark)}.group-manage-row .btn-small{font-size:12.5px;padding:6px 12px}button.btn-primary:disabled,button.btn-ghost:disabled,button.btn-danger:disabled{opacity:.5;cursor:default}.group-edit-card{padding:16px 18px}.group-edit-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.group-edit-head .icon-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;padding:4px;cursor:pointer;border-radius:8px;color:var(--muted);display:inline-flex;align-items:center;justify-content:center}.group-edit-head .icon-btn:hover{background:var(--teal-tint);color:var(--teal-dark)}.group-edit-form{display:flex;flex-direction:column;gap:12px}.group-edit-form label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600;color:var(--ink)}.group-edit-form label>span{color:var(--muted);font-weight:500;font-size:12.5px}.group-edit-form input[type=text],.group-edit-form input[type=number],.group-edit-form textarea,.group-edit-form select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:14px;background:var(--paper);color:var(--ink);font-family:inherit;transition:border-color .15s,background .15s;width:100%;box-sizing:border-box}.group-edit-form textarea{resize:vertical;min-height:68px}.group-edit-form select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23697782' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 12px center;padding-right:34px;cursor:pointer}.group-edit-form input:focus,.group-edit-form textarea:focus,.group-edit-form select:focus{outline:none;border-color:var(--teal);background:#fff}.group-edit-row{display:flex;gap:12px}.group-edit-form .modal-error{color:var(--coral);font-size:13px;margin:-4px 0 0}.group-edit-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:4px}.group-transfer-card{padding:16px 18px}.group-transfer-list{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:8px}.group-transfer-row{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--paper);border:1px solid var(--line);border-radius:12px;cursor:pointer;text-align:left;transition:background .15s,border-color .15s}.group-transfer-row:hover{background:var(--teal-tint);border-color:var(--teal)}.group-transfer-row>div{flex:1;min-width:0}.group-transfer-cta{color:var(--teal-dark);font-size:12.5px;font-weight:700}.group-transfer-row:disabled{opacity:.5;cursor:default}.group-requests-card{padding:16px 18px}.group-requests-count{display:inline-block;background:var(--coral);color:#fff;border-radius:999px;font-size:12px;font-weight:700;padding:2px 8px;margin-left:6px;vertical-align:middle}.group-requests-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.group-request-row{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--paper);border:1px solid var(--line);border-radius:12px}.group-request-body{flex:1;min-width:0}.group-request-actions{display:flex;gap:6px}.group-manage-card{padding:16px 18px}.group-manage-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.group-manage-row{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:10px;transition:background .15s}.group-manage-row:hover{background:var(--teal-tint)}.group-manage-body{flex:1;min-width:0}@media (max-width: 640px){.group-owner-actions{align-items:stretch;width:100%}.group-owner-buttons{justify-content:flex-end}.group-edit-row{flex-direction:column}.group-edit-row label[style]{width:100%!important;flex:unset!important}.group-request-row{flex-wrap:wrap}.group-request-actions{width:100%;justify-content:flex-end}}.sr-tabs{display:flex;gap:4px;padding:20px 24px 4px;border-bottom:1px solid var(--line)}.sr-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;padding:10px 18px;border-radius:999px;cursor:pointer;font-size:14px;font-weight:600;color:var(--muted);white-space:nowrap;transition:background .15s,color .15s}.sr-tab:hover{background:var(--paper);color:var(--ink)}.sr-tab.active{background:var(--teal);color:#fff}.sr-empty{padding:40px 24px;text-align:center;color:var(--muted);font-size:14.5px}.sr-feed{display:flex;flex-direction:column}.sr-row{display:flex;align-items:stretch;gap:20px;padding:16px 24px;cursor:pointer;border-bottom:1px solid var(--line);transition:background .15s}.sr-row:hover{background:var(--paper)}.sr-row:last-child{border-bottom:0}.sr-row-left{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.sr-row-meta{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted);min-width:0}.sr-row-meta .avatar{width:22px;height:22px;flex:0 0 22px;font-size:10px;border-radius:50%}.sr-row-author{font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.sr-row-dot{color:var(--muted);-webkit-user-select:none;user-select:none}.sr-row-time{white-space:nowrap}.sr-row-title{margin:0;font-size:18px;font-weight:700;color:var(--ink);line-height:1.35;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.sr-row-title--person{font-size:14.5px;font-weight:500;color:var(--ink);letter-spacing:0;-webkit-line-clamp:2}.sr-row-stats{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted)}.sr-row-thumb{position:relative;flex:0 0 120px;width:120px;height:92px;border-radius:12px;overflow:hidden;background:var(--paper);align-self:center}.sr-row-thumb img{width:100%;height:100%;object-fit:cover;display:block}.sr-row-thumb-play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#00000014,#00000047);color:#fff;pointer-events:none}.sr-row-thumb-play svg{width:28px;height:28px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}.sr-row-thumb--video-empty{display:flex;align-items:center;justify-content:center;background:#1f2a26;color:#fff}.sr-row-thumb--video-empty svg{width:32px;height:32px}.sr-row--person{cursor:default}.sr-follow-btn{align-self:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 18px;font-size:13.5px;font-weight:600;color:var(--ink);cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.sr-follow-btn:hover{background:var(--paper)}.sr-follow-btn.primary{background:var(--teal);color:#fff;border-color:var(--teal)}.sr-follow-btn.primary:hover{background:var(--teal-dark);border-color:var(--teal-dark)}.sr-follow-btn:disabled{opacity:.6;cursor:default}.sr-load-more{display:block;margin:16px auto 28px;padding:10px 28px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-size:14px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.sr-load-more:hover:not(:disabled){background:var(--paper)}.sr-load-more:disabled{opacity:.6;cursor:default}.post-detail-bar{display:flex;align-items:center;padding:12px 4px 4px}.post-detail-back{display:inline-flex;align-items:center;gap:6px;padding:6px 12px 6px 8px;border:0;background:transparent;color:var(--muted);font-size:14px;border-radius:999px;cursor:pointer;transition:background .15s,color .15s}.post-detail-back:hover{background:var(--paper);color:var(--ink)}.post-detail-back svg{width:18px;height:18px}.post-detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#141a1873;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding:40px 20px;overflow-y:auto;animation:srOverlayIn .2s ease}@keyframes srOverlayIn{0%{opacity:0}to{opacity:1}}.post-detail-panel{position:relative;width:100%;max-width:640px;animation:srPanelIn .25s cubic-bezier(.2,.8,.2,1)}@keyframes srPanelIn{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.post-detail-panel .card.post{margin-bottom:0}.post-detail-close{position:absolute;top:-44px;right:0;width:36px;height:36px;border-radius:50%;border:0;background:#ffffffe6;color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #00000026;transition:background .15s;z-index:1}.post-detail-close:hover{background:#fff}.post-detail-close svg{width:18px;height:18px}@media (max-width: 640px){.sr-tabs{padding:12px 16px 4px}.sr-row{padding:12px 16px;gap:12px}.sr-row-thumb{flex:0 0 84px;width:84px;height:68px}.sr-row-title{font-size:16px}.sr-empty{padding:32px 16px}.post-detail-overlay{padding:20px 12px}}@media (max-width: 880px){.settings-field input,.settings-field textarea,.group-form-field input,.group-form-field textarea,.group-form-field select,.messages-composer-input,.group-edit-form input[type=text],.group-edit-form input[type=number],.group-edit-form textarea,.group-edit-form select{font-size:16px}}