:root{--keyboard-height:0px}body.keyboard-open{width:100%;position:fixed;overflow:hidden}.keyboard-open .thread-messages{padding-bottom:var(--keyboard-height,0px);transition:padding-bottom .15s ease-out}button,.nav-item,.post-action-btn,.btn-primary,.btn-outline,.btn-connect{-webkit-tap-highlight-color:transparent;min-height:44px}button:active,.nav-item:active,.post-action-btn:active{transition:transform .1s;transform:scale(.97)}.skeleton{background:linear-gradient(90deg, var(--bg-3) 25%, var(--border-light) 50%, var(--bg-3) 75%);background-size:200% 100%;border-radius:12px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}input,textarea,select{font-size:16px!important}html{scroll-behavior:smooth}body{overscroll-behavior-y:none}.dm-action-btn{transition:transform .1s}.thread-messages{-webkit-overflow-scrolling:touch;overflow-y:auto}input,textarea,.dm-input-wrap{appearance:none}:root{--bg:#0a0a0f;--bg-2:#111118;--bg-3:#1a1a25;--bg-4:#222230;--accent:#7c6af7;--accent-light:#9d8fff;--accent-dim:#7c6af726;--accent-glow:#7c6af759;--text:#f0f0ff;--text-2:#a0a0c0;--text-3:#5a5a80;--border:#ffffff12;--border-light:#ffffff1f;--danger:#f04060;--success:#30d080;--warning:#f0a030;--online:#30e080;--radius:14px;--radius-sm:8px;--radius-full:9999px;--font-display:"Syne", sans-serif;--font-body:"DM Sans", sans-serif;--nav-h:64px;--top-h:52px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}[data-theme=light]{--bg:#f5f5f7;--bg-2:#fff;--bg-3:#f0f0f2;--bg-4:#e8e8ed;--card-bg:#fff;--text:#1a1a2e;--text-2:#4a4a6a;--text-3:#8a8aaa;--border:#00000014;--border-light:#0000001f}[data-theme=midnight]{--bg:#0a0a1a;--bg-2:#0f0f1f;--bg-3:#151528;--bg-4:#1a1a30;--text:#e0e0ff;--text-2:#9090b0;--text-3:#5a5a7a;--accent:#6c5ce7;--accent-light:#8b7df0;--border:#ffffff0f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}*{-webkit-tap-highlight-color:transparent;max-width:100%}html,body{overscroll-behavior:none;height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-overflow-scrolling:touch;font-size:15px;line-height:1.5;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.screen{position:fixed;inset:0;overflow:hidden}.screen.hidden{display:none!important}.screen.active{flex-direction:column;display:flex}.page{-webkit-overflow-scrolling:touch;overscroll-behavior-y:none;opacity:0;pointer-events:none;height:100%;padding-bottom:env(safe-area-inset-bottom,0px);padding-top:env(safe-area-inset-top,0px);transition:opacity .18s,transform .18s;overflow-y:auto;transform:translateY(6px)}.page.page-active{opacity:1;pointer-events:all;transform:translateY(0)}.page.hidden{display:none}.nav-item,.btn-primary,.btn-outline,.post-action-btn{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.auth-bg{z-index:0;position:absolute;inset:0;overflow:hidden}.auth-orb{filter:blur(80px);opacity:.4;border-radius:50%;animation:8s ease-in-out infinite float;position:absolute}.orb1{background:var(--accent);width:300px;height:300px;top:-100px;left:-50px}.orb2{background:#4040b0;width:250px;height:250px;animation-delay:-3s;bottom:100px;right:-80px}.orb3{background:#b040d0;width:180px;height:180px;animation-delay:-6s;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-20px)scale(1.05)}}.auth-container{z-index:1;width:100%;max-width:420px;padding:calc(24px + var(--safe-top)) 20px 40px;flex-direction:column;gap:24px;max-height:100vh;margin:auto;display:flex;position:relative;overflow-y:auto}.auth-logo{text-align:center;padding-top:32px}.auth-logo .logo-icon{margin-bottom:8px;font-size:48px;display:block}.auth-logo h1{font-family:var(--font-display);background:linear-gradient(135deg, var(--accent-light), #d090ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(24px,7vw,32px);font-weight:800}.auth-logo p{color:var(--text-2);margin-top:4px;font-size:14px}.auth-form{border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0a;flex-direction:column;gap:14px;padding:24px 20px;display:flex}.auth-form h2{font-family:var(--font-display);color:var(--text);font-size:20px;font-weight:700}.form-group{position:relative}.form-group input,.form-group select{background:var(--bg-3);border-radius:var(--radius-sm);width:100%;color:var(--text);font-family:var(--font-body);outline:none;padding:12px 14px;font-size:15px;transition:border-color .2s}.form-group input:focus,.form-group select:focus{border-color:var(--accent)}.form-group select{cursor:pointer}.form-group select option{background:var(--bg-3)}.pw-toggle{cursor:pointer;background:0 0;border:none;padding:4px;font-size:16px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.s-select{width:100%;position:relative}.s-select__input-row{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:text;align-items:center;padding:0 12px 0 14px;transition:border-color .2s;display:flex}.s-select.open .s-select__input-row,.s-select__input-row:focus-within{border-color:var(--accent)}.s-select__search{color:var(--text);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:11px 6px 11px 0;font-size:14px}.s-select__search::placeholder{color:var(--text-2)}.s-select__clear{color:var(--text-3);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 4px;font-size:18px;line-height:1}.s-select__clear:hover{color:var(--text-2)}.s-select__chevron{color:var(--text-3);pointer-events:none;flex-shrink:0;margin-left:2px;transition:transform .2s}.s-select.open .s-select__chevron{transform:rotate(180deg)}.s-select-dropdown{background:var(--bg-3);border:1px solid var(--border-light);border-radius:var(--radius-sm);z-index:9999;scrollbar-width:thin;box-sizing:border-box;max-height:240px;margin:0;padding:4px 0;list-style:none;position:fixed;overflow-y:auto;box-shadow:0 6px 24px #00000080}.s-select-dropdown li{color:var(--text);cursor:pointer;border-bottom:1px solid var(--border);padding:10px 14px;font-size:14px;transition:background .1s}.s-select-dropdown li:last-child{border-bottom:none}.s-select-dropdown li:hover,.s-select-dropdown li.focused{color:var(--accent-light,var(--accent));background:#7c6af721}.s-select-dropdown li.selected{color:var(--accent);font-weight:600}.s-select-dropdown li.divider-item{border-top:1px solid var(--border-light);color:var(--text-2);font-size:13px;font-style:italic}.s-select-dropdown li.empty{color:var(--text-3);cursor:default;font-size:13px}.s-select-dropdown li.empty:hover{background:0 0}.auth-switch{color:var(--text-2);text-align:center;font-size:14px}.auth-switch a{color:var(--accent-light);cursor:pointer;font-weight:500}.tos-row{color:var(--text-2);align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;display:flex}.tos-row label{cursor:pointer;line-height:1.5}.tos-row a,.auth-form a{color:var(--accent-light);text-underline-offset:2px;cursor:pointer;font-weight:500;text-decoration:underline;transition:color .2s}.tos-row a:hover,.auth-form a:hover{color:#fff}html.uc-authed #auth-screen{display:none!important}.auth-error{color:var(--danger);border-radius:var(--radius-sm);text-align:center;background:#f0406026;border:1px solid #f040604d;padding:10px 14px;font-size:13px}.btn-primary{background:var(--accent);color:#fff;border-radius:var(--radius-sm);width:100%;font-family:var(--font-body);cursor:pointer;border:none;padding:13px;font-size:15px;font-weight:600;transition:background .2s,transform .1s,box-shadow .2s}.btn-primary:hover{background:var(--accent-light);box-shadow:0 0 20px var(--accent-glow)}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-primary.btn-sm{width:auto;padding:8px 16px;font-size:13px}.btn-outline{border:1.5px solid var(--accent);color:var(--accent);border-radius:var(--radius-sm);font-family:var(--font-body);cursor:pointer;background:0 0;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.btn-outline:hover{background:var(--accent-dim)}.btn-connect{background:var(--accent-dim);border:1px solid var(--accent);color:var(--accent-light);border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;padding:7px 16px;font-size:13px;font-weight:500;transition:all .2s}.btn-connect:hover{background:var(--accent);color:#fff}.btn-connect.connected{border-color:var(--text-3);color:var(--text-3);background:0 0}.btn-connect.pending{border-color:var(--warning);color:var(--warning);background:0 0}.top-bar{z-index:100;padding-top:var(--safe-top);height:calc(var(--top-h) + var(--safe-top));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#0a0a0ff5;justify-content:space-between;align-items:flex-end;padding-bottom:8px;padding-left:16px;padding-right:16px;display:flex;position:fixed;top:0;left:0;right:0}.app-logo{font-family:var(--font-display);background:linear-gradient(135deg, var(--accent-light), #d090ff);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:800}.icon-btn{cursor:pointer;color:var(--text);background:0 0;border:none;padding:6px;font-size:20px;line-height:1;position:relative}.badge{background:var(--danger);color:#fff;border-radius:var(--radius-full);pointer-events:none;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;display:flex;position:absolute;top:0;right:0}.badge.hidden{display:none}.app-main{top:calc(var(--top-h) + var(--safe-top));bottom:calc(var(--nav-h) + var(--safe-bottom));overscroll-behavior-y:none;position:fixed;left:0;right:0;overflow:hidden;transform:translateY(0)!important}#page-outlet{position:absolute;inset:0;overflow:hidden}#page-outlet>*{height:100%}.bottom-nav{z-index:100;height:calc(var(--nav-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border);background:#0a0a0ffa;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{cursor:pointer;color:var(--text-3);font-size:10px;font-family:var(--font-body);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:6px 0;transition:color .2s;display:flex;position:relative}.nav-item.active{color:var(--accent-light)}.nav-item .nav-icon{margin-bottom:2px;font-size:22px;line-height:1}.nav-create{flex:1.2}.nav-icon-create{background:var(--accent);color:#fff;width:48px;height:48px;box-shadow:0 0 20px var(--accent-glow);border-radius:14px;justify-content:center;align-items:center;font-size:28px;font-weight:300;transition:transform .2s,box-shadow .2s;display:flex}.nav-create:active .nav-icon-create{transform:scale(.92)}.stories-row{scrollbar-width:none;background:var(--bg);border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;padding:14px 16px;display:flex;overflow-x:auto}.stories-row::-webkit-scrollbar{display:none}.stories-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:thin;gap:12px;display:flex;overflow-x:auto}.story-circle{cursor:pointer;flex-direction:column;flex-shrink:0;align-items:center;gap:4px;display:flex}.story-ring{background:linear-gradient(135deg, var(--accent), #d040c0);border-radius:50%;width:clamp(50px,12vw,60px);height:clamp(50px,12vw,60px);padding:2px}.story-ring.viewed{background:var(--bg-4)}.story-ring img{border:2.5px solid var(--bg);object-fit:cover;border-radius:50%;width:100%;height:100%}.story-circle span{color:var(--text-2);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:64px;font-size:11px;overflow:hidden}.story-add-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;flex-shrink:0;align-items:center;gap:4px;display:flex}.story-add-circle{background:var(--bg-3);border:2px dashed var(--accent);width:60px;height:60px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;font-size:26px;line-height:1;display:flex}.story-add-btn span{color:var(--text-2);font-size:11px}.hashtag-bar{background:var(--accent-dim);border-bottom:1px solid var(--accent);color:var(--accent-light);justify-content:space-between;align-items:center;padding:8px 16px;font-size:14px;display:flex}.hashtag-bar button{color:var(--accent);cursor:pointer;background:0 0;border:none;font-size:13px}.feed-container{padding:0 0 calc(16px + var(--safe-bottom));overflow-x:hidden}.post-card{background:var(--bg-2);border-bottom:1px solid var(--border);max-width:100%;padding:14px 16px;animation:.3s fadeUp;overflow-x:hidden}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.post-header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.post-header .post-user-info{flex:1}.post-header .post-name{cursor:pointer;font-size:14px;font-weight:600}.post-header .post-name:hover{color:var(--accent-light)}.post-header .post-meta{color:var(--text-2);font-size:12px}.post-content{white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;margin-bottom:10px;font-size:15px;line-height:1}.post-content .hashtag{color:var(--accent-light);cursor:pointer;font-weight:500}.post-content .hashtag:hover{text-decoration:underline}.post-media{object-fit:fill;border-radius:var(--radius-sm);width:100%;max-width:100%;height:auto;margin-bottom:10px;display:block}.post-media-video{border-radius:var(--radius-sm);width:100%;max-width:100%;height:auto;margin-bottom:10px;display:block}.post-actions{border-top:1px solid var(--border);align-items:center;gap:20px;padding-top:8px;display:flex}.post-action-btn{cursor:pointer;color:var(--text-2);font-size:13px;font-family:var(--font-body);background:0 0;border:none;align-items:center;gap:5px;padding:4px 0;transition:color .2s;display:flex}.post-action-btn:hover{color:var(--text)}.post-action-btn.liked{color:var(--danger)}.post-action-btn .icon{font-size:17px}@media (width<=480px){.post-card{padding:12px}.post-header{gap:8px}.avatar-sm{width:40px;height:40px}.post-name{font-size:14px}.post-meta{font-size:11px}.post-actions{gap:16px}.post-action-btn{font-size:12px}.post-action-btn .icon{font-size:18px}}.quote-preview{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-3);cursor:pointer;margin:8px 0;padding:8px 10px}@media (width<=480px){.quote-preview{padding:8px}.quote-preview p{font-size:12px}}.quote-preview:hover{border-color:var(--accent)}.comments-section{border-top:1px solid var(--border);padding:10px 0 0;display:none}.comments-section.open{display:block}.comment-item{border-bottom:1px solid #ffffff08;gap:8px;padding:8px 0;display:flex}.comment-body{flex:1;min-width:0}.comment-author{cursor:pointer;color:var(--accent-light);margin-bottom:2px;font-size:13px;font-weight:600}.comment-text{color:var(--text);word-break:break-word;font-size:14px}.comment-time{color:var(--text-3);font-size:11px}.comment-actions-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:4px;display:flex}.comment-action-btn{cursor:pointer;color:var(--text-3);font-size:12px;font-family:var(--font-body);background:0 0;border:none;align-items:center;gap:3px;padding:2px 0;transition:color .2s;display:flex}.comment-action-btn:hover{color:var(--text-2)}.comment-action-btn.liked,.comment-action-btn.danger:hover{color:var(--danger)}.replies-list{border-left:2px solid var(--border);flex-direction:column;gap:6px;margin-top:8px;margin-left:4px;padding-left:10px;display:flex}.reply-item{gap:8px;padding:6px 0;display:flex}.reply-input-row{gap:6px;margin-top:8px;display:flex}.reply-input-row input{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text);font-family:var(--font-body);outline:none;flex:1;padding:7px 12px;font-size:13px}.reply-input-row input:focus{border-color:var(--accent)}.comment-input-row{border-top:1px solid var(--border);gap:8px;margin-top:8px;padding-top:8px;display:flex}.comment-input-row input{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text);font-family:var(--font-body);outline:none;flex:1;padding:8px 14px;font-size:14px}.comment-input-row input:focus{border-color:var(--accent)}.comment-send-btn{background:var(--accent);border-radius:var(--radius-full);cursor:pointer;color:#fff;border:none;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;transition:background .2s;display:flex}.comment-send-btn:hover{background:var(--accent-light)}.avatar-sm{object-fit:cover;background:var(--bg-4);border-radius:50%;flex-shrink:0;width:36px;height:36px}.avatar-md{object-fit:cover;background:var(--bg-4);border-radius:50%;flex-shrink:0;width:48px;height:48px}.avatar-lg{object-fit:cover;background:var(--bg-4);border:3px solid var(--accent);border-radius:50%;width:clamp(64px,15vw,84px);height:clamp(64px,15vw,84px)}.discover-header{background:var(--bg);border-bottom:1px solid var(--border);z-index:10;padding:14px 16px;position:sticky;top:0}.search-bar{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius-full);align-items:center;gap:8px;margin-bottom:10px;padding:8px 14px;display:flex}.search-bar input{color:var(--text);font-family:var(--font-body);background:0 0;border:none;outline:none;flex:1;font-size:14px}.search-icon{color:var(--text-3);font-size:16px}.discover-filters{gap:8px;display:flex}.discover-filters input,.discover-filters select{background:var(--bg-3);color:var(--text);font-family:var(--font-body);outline:none;flex:1;padding:8px 12px;font-size:13px}.discover-filters select option{background:var(--bg-3)}.discover-grid{box-sizing:border-box;width:100%;min-height:300px;padding:14px 12px;padding-bottom:calc(80px + env(safe-area-inset-bottom,0px));grid-template-columns:repeat(auto-fill,minmax(150px,1fr));align-content:start;gap:12px;display:grid}@media (width<=380px){.discover-grid{grid-template-columns:repeat(2,1fr);gap:10px;padding:12px 10px}.discover-card{padding:12px 8px}.discover-card img{width:48px;height:48px}.discover-card .dc-name{font-size:13px}.discover-card .dc-meta{font-size:11px}}@media (width>=500px) and (width<=767px){.discover-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=768px) and (width<=1023px){.discover-grid{grid-template-columns:repeat(4,1fr)}}@media (width>=1024px){.discover-grid{grid-template-columns:repeat(5,1fr)}}.discover-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;display:flex}.discover-card img{object-fit:cover;border:2px solid var(--bg-4);border-radius:50%;width:56px;height:56px}.discover-card .dc-name{cursor:pointer;font-size:14px;font-weight:600}.discover-card .dc-name:hover{color:var(--accent-light)}.discover-card .dc-meta{color:var(--text-2);font-size:12px}.discover-card .dc-connections{color:var(--text-3);font-size:11px}.create-post-card{padding:20px 16px}.create-post-card h2{font-family:var(--font-display);margin-bottom:16px;font-size:22px}.post-author-row{align-items:center;gap:10px;margin-bottom:12px;display:flex}.post-author-row span{color:var(--text-2);font-weight:600}textarea{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);font-family:var(--font-body);resize:none;outline:none;padding:12px 14px;font-size:15px;line-height:1.6;transition:border-color .2s}textarea:focus{border-color:var(--accent)}.create-post-actions{justify-content:space-between;align-items:center;margin-bottom:12px;padding:12px 0;display:flex}.media-btn{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-2);cursor:pointer;padding:8px 14px;font-size:13px;transition:all .2s}.media-btn:hover{border-color:var(--accent);color:var(--accent)}.char-count{color:var(--text-3);font-size:12px}.media-preview{margin-bottom:10px;position:relative}.media-preview img,.media-preview video{object-fit:cover;border-radius:var(--radius-sm);width:100%;max-height:280px;display:block}.trim-preview-wrap{border-radius:var(--radius-sm);cursor:pointer;background:#000;width:100%;position:relative;overflow:hidden}.trim-preview-wrap video{object-fit:cover;border-radius:var(--radius-sm);width:100%;max-height:280px;display:block}.trim-preview-play-btn{color:#fff;cursor:pointer;pointer-events:auto;z-index:2;background:#0000008c;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:auto;transition:opacity .2s,transform .15s,background .15s;display:flex;position:absolute;inset:0}.trim-preview-play-btn:hover{background:#000000b3;transform:scale(1.05)}.trim-preview-play-btn svg,.trim-preview-play-btn i{width:26px;height:26px}.trim-preview-play-btn .icon-pause,.trim-preview-wrap.is-playing .trim-preview-play-btn .icon-play{display:none}.trim-preview-wrap.is-playing .trim-preview-play-btn .icon-pause{display:block}.trim-preview-wrap.is-playing .trim-preview-play-btn{background:#0006}.remove-media{color:#fff;cursor:pointer;background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex;position:absolute;top:8px;right:8px}.chat-tabs{border-bottom:1px solid var(--border);background:var(--bg);z-index:5;display:flex;position:sticky;top:0}.chat-tab{color:var(--text-3);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:12px;font-size:14px;font-weight:500;transition:all .2s;position:relative}.chat-tab.active{color:var(--accent-light);border-bottom-color:var(--accent)}.chat-list{overflow-y:auto}.chat-item{border-bottom:1px solid var(--border);cursor:pointer;align-items:center;gap:12px;padding:12px 16px;transition:background .15s;display:flex}.chat-item:hover{background:var(--bg-2)}.chat-avatar-wrap{flex-shrink:0;position:relative}.online-dot{background:var(--online);border:2px solid var(--bg);border-radius:50%;width:10px;height:10px;position:absolute;bottom:1px;right:1px}.chat-item-body{flex:1;overflow:hidden}.chat-item-top{justify-content:space-between;align-items:center;display:flex}.chat-item-name{font-size:14px;font-weight:600}.chat-item-time{color:var(--text-3);font-size:11px}.chat-item-preview{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:13px;overflow:hidden}.chat-unread{background:var(--accent);color:#fff;border-radius:var(--radius-full);justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;display:flex}#chat-thread-view{z-index:120;background:var(--bg);flex-direction:column;height:100dvh;display:flex;position:fixed;inset:0;overflow:hidden}#chat-thread-view.hidden{display:none!important}body:has(#chat-thread-view:not(.hidden)) .bottom-nav{display:none!important}.thread-header{border-bottom:1px solid var(--border);background:var(--bg);z-index:5;flex-shrink:0;align-items:center;gap:10px;padding:10px 14px;display:flex;position:sticky;top:0}.back-btn{color:var(--text);cursor:pointer;background:0 0;border:none;padding:4px 8px 4px 0;font-size:22px}.thread-info{flex-direction:column;display:flex}.thread-info span:first-child{font-size:15px;font-weight:600}.status-text{color:var(--text-3);font-size:12px}.thread-messages{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;min-height:0;padding:12px 14px;padding-bottom:max(12px, env(safe-area-inset-bottom,12px));flex-direction:column;flex:1;gap:8px;display:flex;overflow-y:auto}.msg-bubble{word-break:break-word;border-radius:16px;max-width:80%;padding:10px 14px;font-size:14px;line-height:1.5;animation:.2s fadeUp}@media (width<=480px){.msg-bubble{max-width:85%;font-size:14px}}.msg-bubble.sent{background:var(--accent);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.msg-bubble.received{background:var(--bg-3);color:var(--text);border-bottom-left-radius:4px;align-self:flex-start}.msg-bubble img,.msg-bubble video{border-radius:8px;max-width:100%;margin-bottom:4px;display:block}.msg-time{opacity:.6;text-align:right;margin-top:3px;font-size:10px}.msg-status{opacity:.6;font-size:10px}#thread-input-bar{background:var(--bg);border-top:1px solid var(--border);width:100%;padding:8px 10px;padding-bottom:max(10px, env(safe-area-inset-bottom,10px));z-index:15;flex-shrink:0;align-items:center;gap:8px;display:flex;position:relative}.dm-input-wrap{background:var(--bg-3);border-radius:28px;flex:1;align-items:center;gap:8px;height:44px;padding:4px 12px;display:flex}.dm-emoji-btn{color:#5a5a80;cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;padding:0;display:flex}.dm-input-wrap input{color:var(--text);font-family:var(--font-body);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:16px}.dm-input-wrap input::placeholder{color:#5a5a80}.dm-attach-btn{color:#5a5a80;cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;padding:0;display:flex;position:relative}.dm-attach-btn input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.dm-action-btn{background:var(--accent);color:#fff;cursor:pointer;width:44px;height:44px;box-shadow:0 2px 12px var(--accent-glow);-webkit-user-select:none;user-select:none;touch-action:none;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform .15s,background .2s;display:flex}.dm-action-btn:active{transform:scale(.92)}.profile-cover{background:linear-gradient(135deg,#1a1040,#2d1b69,#1a1040);flex-shrink:0;height:clamp(120px,25vw,180px);position:relative;overflow:hidden}.profile-banner-img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.banner-edit-btn{cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;display:flex;position:absolute;bottom:8px;right:8px}.profile-info{background:var(--bg);z-index:1;flex-wrap:wrap;align-items:flex-start;gap:10px;margin-top:-50px;margin-bottom:8px;padding:0 16px;display:flex;position:relative}@media (width<=480px){.profile-info{flex-direction:row;align-items:flex-end;gap:10px;margin-top:-45px}.profile-details{text-align:left;flex:1;width:auto}.profile-details h2{justify-content:flex-start}}.profile-avatar-wrap{flex-shrink:0;position:relative}.change-avatar-btn{background:var(--accent);border:2px solid var(--bg);cursor:pointer;color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;min-height:32px;font-size:11px;display:flex;position:absolute;bottom:0;right:0}.change-avatar-btn svg,.change-avatar-btn i{flex-shrink:0;width:14px;height:14px}.profile-details{flex:1;min-width:0;padding-bottom:4px}.profile-details h2{font-family:var(--font-display);word-break:break-word;flex-wrap:wrap;align-items:center;gap:6px;font-size:clamp(18px,5vw,22px);font-weight:700;display:inline-flex}.profile-handle{color:var(--text-2);word-break:break-word;overflow-wrap:break-word;margin-top:2px;font-size:14px}.profile-meta{color:var(--text-2);margin-top:4px;font-size:13px;line-height:1.4}.profile-bio{color:var(--text);word-break:break-word;white-space:pre-wrap;flex-basis:100%;width:100%;margin-top:4px;padding-right:8px;font-size:14px;line-height:1.5}.profile-header{border-bottom:1px solid var(--border);background:var(--bg);padding-bottom:0}.profile-stats{border-bottom:1px solid var(--border);justify-content:center;gap:32px;padding:10px 16px;display:flex}.stat{cursor:pointer;flex-direction:column;align-items:center;gap:4px;display:flex}.stat span{font-family:var(--font-display);color:var(--text);font-size:clamp(18px,5vw,22px);font-weight:700}.stat label{color:var(--text-2);font-size:clamp(11px,3vw,13px)}.profile-header .btn-outline{text-align:center;width:calc(100% - 32px);margin:6px 16px 10px;display:block}.profile-header .profile-action-row .btn-outline{margin:0}.profile-action-row{flex-wrap:nowrap;display:flex}.profile-bio-full{box-sizing:border-box;width:100%;padding:0 16px}.profile-posts-grid{padding:2px;padding-bottom:calc(var(--nav-h) + var(--safe-bottom) + 8px);grid-template-columns:repeat(3,1fr);gap:2px;display:grid;overflow-x:hidden}@media (width<=360px){.profile-posts-grid{grid-template-columns:repeat(3,1fr);gap:1px}}@media (width>=768px){.profile-posts-grid{grid-template-columns:repeat(4,1fr)}}.profile-grid-item{aspect-ratio:1;cursor:pointer;background:var(--bg-3);position:relative;overflow:hidden}.profile-grid-item img,.profile-grid-item video{object-fit:cover;width:100%;height:100%;transition:transform .2s}.profile-grid-item:hover img,.profile-grid-item:hover video{transform:scale(1.05)}.profile-grid-text{aspect-ratio:1;background:var(--bg-3);cursor:pointer;justify-content:center;align-items:center;padding:8px;display:flex}.profile-grid-text p{color:var(--text-2);-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;font-size:12px;display:-webkit-box;overflow:hidden}.overlay{z-index:200;background:#000;position:fixed;inset:0}.story-viewer{flex-direction:column;height:100%;display:flex;position:relative}.story-progress{z-index:5;gap:3px;padding:10px 12px 0;display:flex;position:absolute;top:0;left:0;right:0}.story-prog-bar{background:#ffffff4d;border-radius:2px;flex:1;height:3px;overflow:hidden}.story-prog-fill{background:#fff;height:100%;animation:5s linear forwards storyProgress}@keyframes storyProgress{0%{width:0%}to{width:100%}}.story-top{z-index:5;justify-content:space-between;align-items:center;padding:8px 12px;display:flex;position:absolute;top:22px;left:0;right:0}.story-user-info{align-items:center;gap:8px;display:flex}.story-user-info span{color:#fff;text-shadow:0 1px 4px #00000080;font-size:14px;font-weight:600}.story-time{opacity:.7;font-size:12px!important}.story-close{color:#fff;cursor:pointer;background:0 0;border:none;padding:6px;font-size:22px}.story-media-wrap{flex:1;justify-content:center;align-items:center;display:flex}.story-media{object-fit:contain;max-width:100%;max-height:100%}.story-caption{text-align:center;color:#fff;text-shadow:0 1px 6px #0009;padding:0 20px;font-size:15px;position:absolute;bottom:70px;left:0;right:0}.story-like-wrap{z-index:5;align-items:center;gap:6px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.story-like-btn{border-radius:var(--radius-full);cursor:pointer;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:none;align-items:center;gap:6px;padding:8px 14px;font-size:20px;transition:background .2s,transform .15s;display:flex}.story-like-btn:active{transform:scale(.9)}.story-like-btn.liked{background:#f040604d}.story-like-count{color:#fff;text-shadow:0 1px 4px #00000080;font-size:14px;font-weight:600}.story-nav{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:4px;padding:20px 12px;font-size:32px;position:absolute;top:50%;transform:translateY(-50%)}.story-prev{left:0}.story-next{right:0}.modal-overlay{z-index:300;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius) var(--radius) 0 0;padding:24px 20px;padding-bottom:max(24px, calc(32px + var(--safe-bottom)));flex-direction:column;gap:12px;width:100%;max-width:480px;max-height:80vh;display:flex;overflow-y:auto}.modal-card h3{font-family:var(--font-display);font-size:18px;font-weight:700}.modal-actions{gap:10px;margin-top:4px;display:flex}.modal-actions .btn-outline{flex:1}.modal-actions .btn-primary{flex:2}.modal-card input,.modal-card select,.modal-card textarea{background:var(--bg-3);border-radius:var(--radius-sm);width:100%;color:var(--text);font-family:var(--font-body);outline:none;padding:11px 14px;font-size:14px}.modal-card input:focus,.modal-card select:focus,.modal-card textarea:focus{border-color:var(--accent)}.media-btn-full{background:var(--bg-3);border:2px dashed var(--border);border-radius:var(--radius);width:100%;color:var(--text-2);cursor:pointer;text-align:center;justify-content:center;align-items:center;padding:40px 20px;font-size:15px;transition:all .2s;display:flex}.media-btn-full:hover{border-color:var(--accent);color:var(--accent)}.story-preview-wrap{position:relative}.story-preview-wrap img,.story-preview-wrap video{object-fit:cover;border-radius:var(--radius-sm);width:100%;max-height:250px;display:block}.panel{z-index:250;background:var(--bg-2);border-left:1px solid var(--border);flex-direction:column;width:min(380px,100vw);transition:transform .3s;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.panel:not(.hidden){transform:translate(0)}.panel.hidden{transform:translate(100%);display:flex!important}.panel-header{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:8px;padding:14px 16px;display:flex}.panel-header h3{font-family:var(--font-display);flex:1;font-size:17px}.panel-header button{color:var(--text-2);cursor:pointer;background:0 0;border:none;font-size:13px}.close-panel{color:var(--text)!important;font-size:20px!important}.notif-list{flex:1;overflow-y:auto}.notif-item{border-bottom:1px solid var(--border);cursor:pointer;gap:10px;padding:12px 16px;transition:background .15s;display:flex}.notif-item:hover{background:var(--bg-3)}.notif-item.unread{background:var(--accent-dim)}.notif-body{flex:1}.notif-msg{font-size:14px;line-height:1.4}.notif-time{color:var(--text-3);margin-top:3px;font-size:11px}.toast{bottom:calc(var(--nav-h) + 16px + var(--safe-bottom));background:var(--bg-3);color:var(--text);border-radius:var(--radius-full);z-index:1000;white-space:nowrap;border:1px solid var(--border);padding:10px 20px;font-size:14px;animation:.3s toastIn;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0006}.toast.hidden{display:none}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.ios-pwa-banner{z-index:400;background:var(--bg-2);border-top:1px solid var(--border);padding:12px 14px;padding-bottom:calc(12px + var(--safe-bottom));position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000004d}.ios-banner-content{align-items:center;gap:10px;margin-bottom:6px;display:flex}.ios-banner-icon{border-radius:8px;flex-shrink:0;width:40px;height:40px}.ios-banner-text{flex:1}.ios-banner-text strong{color:var(--text);font-size:14px;display:block}.ios-banner-text span{color:var(--text-2);align-items:center;gap:3px;font-size:12px;display:flex}.ios-banner-close{color:var(--text-3);cursor:pointer;background:0 0;border:none;padding:4px;font-size:18px}.ios-arrow{text-align:center;color:var(--accent);font-size:20px;animation:1.5s infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.android-pwa-banner{top:calc(var(--top-h) + var(--safe-top) + 10px);z-index:400;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:10px;padding:12px 14px;display:flex;position:fixed;left:10px;right:10px;box-shadow:0 4px 24px #0006}.android-icon{border-radius:8px;flex-shrink:0;width:40px;height:40px}.android-text{flex:1}.android-text strong{font-size:14px;display:block}.android-text span{color:var(--text-2);font-size:12px}.android-dismiss{color:var(--text-3);cursor:pointer;background:0 0;border:none;padding:4px;font-size:18px}.loading-spinner{text-align:center;color:var(--text-3);padding:40px 20px;font-size:14px}.loading-spinner:before{content:"";border:2px solid var(--bg-4);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;margin:0 auto 12px;animation:.8s linear infinite spin;display:block}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;color:var(--text-3);padding:60px 24px;font-size:14px}.empty-state .empty-icon{margin-bottom:12px;font-size:48px;display:block}.empty-state p{margin-top:6px}.hidden{display:none!important}#profile-view-overlay{background:var(--bg);flex-direction:column;display:flex}#profile-view-overlay.hidden{display:none!important}#profile-view-overlay .thread-header{background:var(--bg);top:0}.mention{color:var(--accent-light);cursor:pointer;font-weight:500}.mention:hover{text-decoration:underline}.mention-dropdown{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);z-index:999;width:220px;max-height:200px;position:absolute;overflow-y:auto;box-shadow:0 4px 20px #0006}.mention-item{cursor:pointer;align-items:center;gap:8px;padding:8px 12px;font-size:14px;transition:background .15s;display:flex}.mention-item:hover{background:var(--bg-3)}.mention-item img{object-fit:cover;border-radius:50%;width:28px;height:28px}.verify-tick{background:var(--text-3);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-weight:700;transition:background .3s;display:inline-flex}.verify-tick.premium{background:var(--accent)}.verify-tick.hidden{display:none}.settings-item{justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.settings-item-btn{cursor:pointer;width:100%;font-family:var(--font-body);color:var(--text);background:0 0;border:none;justify-content:flex-start}.settings-item-info{flex:1;align-items:center;gap:12px;display:flex}.settings-item-icon{color:var(--text-2);flex-shrink:0;justify-content:center;align-items:center;font-size:20px;display:inline-flex}.settings-item-icon svg{stroke:currentColor;fill:none}.settings-item-label{color:var(--text);font-size:15px;font-weight:500}.settings-item-sub{color:var(--text-3);margin-top:2px;font-size:12px}.msg-options-menu{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);z-index:1000;min-width:180px;position:fixed;top:50%;left:50%;overflow:hidden;box-shadow:0 4px 20px #0006}.msg-options-menu button{width:100%;color:var(--text);font-family:var(--font-body);text-align:left;cursor:pointer;border:none;border-bottom:1px solid var(--border);background:0 0;padding:12px 16px;font-size:14px;display:block}.msg-options-menu button:last-child{border-bottom:none}.msg-options-menu button:hover{background:var(--bg-3)}.msg-edited{opacity:.5;margin-left:4px;font-size:10px;font-style:italic}.gold-badge{vertical-align:middle;filter:drop-shadow(0 0 6px gold)drop-shadow(0 0 12px #ffd700cc)sepia()saturate(5)hue-rotate(5deg);margin-left:4px;font-size:14px;line-height:1;animation:2.5s ease-in-out infinite goldPulse;display:inline-block}.post-meta .gold-badge{vertical-align:middle;margin-left:2px;font-size:11px;display:inline-block}@keyframes goldPulse{0%,to{filter:drop-shadow(0 0 6px gold)drop-shadow(0 0 12px #ffd700cc)sepia()saturate(5)hue-rotate(5deg)}50%{filter:drop-shadow(0 0 10px gold)drop-shadow(0 0 20px #ffd700e6)sepia()saturate(8)hue-rotate(5deg)}}.theme-btn{background:var(--bg-3);border:1.5px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;transition:all .2s;display:flex}.theme-btn.active{border-color:var(--accent);background:var(--accent-dim)}.toggle-switch{flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background:var(--bg-4);border-radius:var(--radius-full);transition:all .3s;position:absolute;inset:0}.toggle-slider:before{content:"";background:var(--text-3);border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px}.toggle-switch input:checked+.toggle-slider{background:var(--accent)}.toggle-switch input:checked+.toggle-slider:before{background:#fff;transform:translate(20px)}.chat-fab{bottom:calc(var(--nav-h) + var(--safe-bottom) + 16px);background:var(--accent);color:#fff;cursor:pointer;width:52px;height:52px;box-shadow:0 4px 20px var(--accent-glow);z-index:50;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:26px;transition:transform .2s,box-shadow .2s;display:flex;position:fixed;right:20px}.chat-fab:active{transform:scale(.92)}.community-item{cursor:pointer}.community-item:hover{background:var(--bg-3)}#post-expand-overlay{background:var(--bg);z-index:160;flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.voice-btn{background:var(--bg-3);width:38px;height:38px;color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;transition:background .15s,transform .1s;display:flex}.voice-btn:active{background:var(--danger);color:#fff;transform:scale(1.15)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.2}}.media-btn,.media-btn-full,.media-btn-sm{cursor:pointer;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;display:inline-flex;position:relative}.media-btn input[type=file],.media-btn-full input[type=file],.media-btn-sm input[type=file]{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;position:absolute;inset:0}#voice-preview-bar{background:var(--bg-2);border-top:1px solid var(--border);z-index:20;flex-shrink:0;align-items:center;gap:10px;padding:10px 14px}:root{--keyboard-height:0px;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px)}html.keyboard-open .thread-input-wrap,html.keyboard-open .chat-input-area{margin-bottom:var(--keyboard-height);transition:margin-bottom .25s}@media (width<=768px){button,.nav-item,.post-action-btn,.btn-primary,.btn-outline,.btn-connect{min-height:44px}.post-action-btn{min-height:auto;padding:8px 0}input,textarea,select{font-size:16px}}.msg-bubble{will-change:transform;-webkit-user-select:text;user-select:text;transition:transform .15s,opacity .15s;position:relative}.msg-bubble.grouped-top{border-radius:16px 16px 16px 4px;margin-bottom:1px}.msg-bubble.grouped-mid{border-radius:4px 16px 16px 4px;margin-bottom:1px}.msg-bubble.grouped-bottom{border-radius:4px 16px 16px}.msg-bubble.sent.grouped-top{border-radius:16px 16px 4px}.msg-bubble.sent.grouped-mid{border-radius:16px 4px 4px 16px}.msg-bubble.sent.grouped-bottom{border-radius:16px 4px 16px 16px}@keyframes msgSlideIn{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.msg-bubble.new-msg{animation:.22s cubic-bezier(.34,1.56,.64,1) forwards msgSlideIn}.msg-row{flex-direction:column;display:flex;position:relative;overflow:visible}.msg-row.swiping .msg-bubble{transition:transform 50ms linear}.msg-row .reply-icon-hint{opacity:0;background:var(--bg-4);width:32px;height:32px;color:var(--accent-light);pointer-events:none;z-index:5;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s cubic-bezier(.34,1.56,.64,1),opacity .2s;display:flex;position:absolute;top:50%;left:4px;transform:translateY(-50%)scale(0)}.msg-row.sent .reply-icon-hint{left:auto;right:4px}.msg-row.reply-hint-show .reply-icon-hint{opacity:1;transform:translateY(-50%)scale(1)}.reply-preview-bubble{cursor:pointer;background:#ffffff1a;border-left:3px solid #fff9;border-radius:6px;max-width:100%;margin-bottom:5px;padding:5px 8px;font-size:12px;transition:background .15s;overflow:hidden}.msg-bubble.received .reply-preview-bubble{border-left-color:var(--accent);background:#7c6af726}.reply-preview-bubble:hover{background:#ffffff2e}.reply-preview-sender{color:#ffffffe6;margin-bottom:2px;font-size:11px;font-weight:700}.msg-bubble.received .reply-preview-sender{color:var(--accent-light)}.reply-preview-text{color:#ffffffb3;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.reply-preview-media{color:#fff9;align-items:center;gap:5px;font-size:11px;display:flex}#reply-input-preview{background:var(--bg-3);border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:10px;padding:8px 14px;animation:.2s slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}#reply-input-preview .reply-bar-accent{background:var(--accent);border-radius:2px;flex-shrink:0;width:3px;height:100%;min-height:32px}#reply-input-preview .reply-bar-content{flex:1;min-width:0}#reply-input-preview .reply-bar-sender{color:var(--accent-light);margin-bottom:2px;font-size:12px;font-weight:700}#reply-input-preview .reply-bar-text{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}#reply-input-preview .reply-bar-close{color:var(--text-3);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:color .2s,background .2s;display:flex}#reply-input-preview .reply-bar-close:hover{color:var(--text);background:var(--bg-4)}.msg-bubble.highlight-jump{animation:1.2s highlightPulse}@keyframes highlightPulse{0%{box-shadow:0 0 #7c6af7cc}40%{box-shadow:0 0 0 6px #7c6af74d}to{box-shadow:0 0 #7c6af700}}#voice-btn{position:relative;overflow:visible}#voice-btn.recording{animation:1.5s infinite recordPulse;transform:scale(1.12);box-shadow:0 0 0 8px #f0406033;background:var(--danger)!important}@keyframes recordPulse{0%,to{box-shadow:0 0 0 8px #f0406026}50%{box-shadow:0 0 0 14px #f040600d}}#voice-btn.locked{animation:2s infinite lockPulse;box-shadow:0 0 0 8px #7c6af733;background:var(--accent)!important}@keyframes lockPulse{0%,to{box-shadow:0 0 0 6px #7c6af726}50%{box-shadow:0 0 0 12px #7c6af70d}}#voice-lock-indicator{background:var(--bg-2);border:1px solid var(--border);z-index:500;pointer-events:none;border-radius:30px;flex-direction:column;align-items:center;gap:10px;width:44px;padding:8px 0;transition:opacity .2s;display:flex;position:fixed;box-shadow:0 4px 20px #0006}#voice-lock-indicator .lock-icon{color:var(--text-3);font-size:20px;transition:color .2s,transform .2s}#voice-lock-indicator .lock-icon.ready{color:var(--accent);transform:scale(1.2)}#voice-lock-indicator .arrow-up{color:var(--text-3);font-size:14px;animation:1s infinite arrowBounce}@keyframes arrowBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}#voice-recording-bar{flex:1;align-items:center;gap:8px;padding:0 4px;display:none}.voice-waveform{flex:1;justify-content:center;align-items:center;gap:2px;height:32px;display:flex;overflow:hidden}.waveform-bar{background:var(--danger);border-radius:2px;width:3px;min-height:4px;transition:height 80ms}.voice-rec-dot{background:var(--danger);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1s infinite blinkDot}@keyframes blinkDot{0%,to{opacity:1}50%{opacity:.2}}#voice-timer{color:var(--danger);font-variant-numeric:tabular-nums;min-width:36px;font-size:13px;font-weight:700}#voice-locked-bar{background:var(--bg);border-top:1px solid var(--border);z-index:50;align-items:center;gap:10px;padding:10px 14px;animation:.2s slideDown;display:flex;position:absolute;bottom:100%;left:0;right:0}#scroll-to-bottom-btn{background:var(--bg-3);border:1px solid var(--border);width:38px;height:38px;color:var(--text);cursor:pointer;z-index:30;opacity:0;pointer-events:none;border-radius:50%;justify-content:center;align-items:center;transition:opacity .2s,transform .2s,background .2s;display:flex;position:absolute;bottom:14px;right:14px;transform:translateY(10px)scale(.9);box-shadow:0 2px 12px #0006}#scroll-to-bottom-btn.visible{opacity:1;pointer-events:all;transform:translateY(0)scale(1)}#scroll-to-bottom-btn:hover{background:var(--bg-4)}#scroll-to-bottom-btn .scroll-unread-badge{background:var(--accent);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.typing-bubble{background:var(--bg-3);border-radius:16px 16px 16px 4px;align-self:flex-start;align-items:center;gap:4px;width:fit-content;margin-bottom:4px;padding:10px 14px;animation:.2s msgSlideIn;display:flex}.typing-bubble span{background:var(--text-3);border-radius:50%;width:6px;height:6px;animation:1.2s infinite typingDot}.typing-bubble span:nth-child(2){animation-delay:.2s}.typing-bubble span:nth-child(3){animation-delay:.4s}@keyframes typingDot{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}.msg-status-row{justify-content:flex-end;align-items:center;gap:3px;margin-top:2px;padding-right:2px;display:flex}.msg-tick{color:#ffffff80;align-items:center;transition:color .3s;display:flex}.msg-tick.read{color:#53bdeb}.msg-tick.delivered{color:#fff9}#msg-action-sheet{z-index:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;flex-direction:column;justify-content:flex-end;animation:.15s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#msg-action-sheet .sheet-content{background:var(--bg-2);padding:0;padding-bottom:max(20px, env(safe-area-inset-bottom));border-radius:20px 20px 0 0;animation:.25s cubic-bezier(.34,1.4,.64,1) sheetUp;overflow:hidden}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-reactions{border-bottom:1px solid var(--border);justify-content:space-around;padding:16px 20px 10px;display:flex}.reaction-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:50%;padding:6px;font-size:28px;transition:transform .15s,background .15s}.reaction-btn:active{background:var(--bg-3);transform:scale(1.35)}.sheet-msg-preview{border-bottom:1px solid var(--border);color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;background:var(--bg-3);padding:10px 16px;font-size:13px;overflow:hidden}.sheet-action{border:none;border-bottom:1px solid var(--border);width:100%;color:var(--text);font-family:var(--font-body);cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;background:0 0;align-items:center;gap:14px;padding:15px 20px;font-size:15px;transition:background .15s;display:flex}.sheet-action:last-child{border-bottom:none}.sheet-action:active{background:var(--bg-3)}.sheet-action.danger{color:var(--danger)}.sheet-action .sheet-action-icon{background:var(--bg-3);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.sheet-action.danger .sheet-action-icon{background:#f040601f}.msg-reactions{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.msg-reaction-chip{background:var(--bg-3);border:1px solid var(--border);cursor:pointer;color:var(--text-2);border-radius:12px;align-items:center;gap:3px;padding:2px 8px;font-size:12px;transition:all .15s;display:flex}.msg-reaction-chip.mine{background:var(--accent-dim);border-color:var(--accent);color:var(--accent-light)}.msg-reaction-chip:active{transform:scale(.92)}.msg-date-sep{color:var(--text-3);text-align:center;justify-content:center;align-items:center;gap:10px;padding:8px 0;font-size:12px;font-weight:600;display:flex}.msg-date-sep:before,.msg-date-sep:after{content:"";background:var(--border);flex:1;height:1px}.msg-date-label{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius-full);white-space:nowrap;padding:3px 10px;font-size:11px}.unread-marker{color:var(--accent-light);justify-content:center;align-items:center;gap:10px;padding:6px 0;font-size:12px;font-weight:600;display:flex}.unread-marker:before,.unread-marker:after{content:"";background:var(--accent);opacity:.3;flex:1;height:1px}.voice-note-bubble{align-items:center;gap:10px;width:100%;min-width:200px;max-width:260px;display:flex}.voice-note-bubble .vn-play-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:background .15s,transform .1s;display:flex}.voice-note-bubble .vn-play-btn:active{transform:scale(.9)}.voice-note-bubble .vn-play-btn.playing{background:#ffffff4d}.voice-note-bubble .vn-waveform{flex-direction:column;flex:auto;gap:4px;min-width:0;display:flex}.vn-progress-track{cursor:pointer;background:#ffffff40;border-radius:2px;height:4px;position:relative;overflow:visible}.vn-progress-fill{pointer-events:none;background:#fff;border-radius:2px;height:100%;transition:width .1s linear}.vn-progress-thumb{pointer-events:none;opacity:0;background:#fff;border-radius:50%;width:10px;height:10px;margin-left:-5px;transition:opacity .2s;position:absolute;top:50%;transform:translateY(-50%)}.vn-progress-track:hover .vn-progress-thumb{opacity:1}.vn-time-row{color:#ffffff80;justify-content:space-between;font-size:10px;display:flex}.vn-bars{flex:1;justify-content:space-between;align-items:center;width:100%;height:24px;display:flex}.vn-bar{background:#ffffff4d;border-radius:2px;flex-shrink:0;width:3px;transition:background .1s}.vn-bar.played{background:#ffffffd9}.forwarded-label{color:#ffffff80;align-items:center;gap:4px;margin-bottom:4px;font-size:11px;font-style:italic;display:flex}.msg-bubble[data-status=sending]{opacity:.7}.msg-bubble[data-status=failed]{opacity:.6}.msg-bubble[data-status=failed]:after{content:"!";background:var(--danger);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:700;display:flex;position:absolute;bottom:4px;right:-20px}#voice-btn svg,#voice-btn i,#voice-btn .lucide{flex-shrink:0;visibility:visible!important;opacity:1!important;width:22px!important;height:22px!important;display:block!important}#voice-btn:before{content:none}#thread-input-bar{transition:padding-bottom .2s}.voice-cancel-zone{color:var(--text-3);white-space:nowrap;flex:1;justify-content:center;align-items:center;gap:5px;font-size:13px;animation:.2s fadeIn;display:flex;overflow:hidden}.voice-cancel-zone .slide-arrow{color:var(--text-3);animation:.8s infinite slideLeft}@keyframes slideLeft{0%,to{transform:translate(0)}50%{transform:translate(-4px)}}#forward-modal .conn-forward-item{cursor:pointer;border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:10px 16px;transition:background .15s;display:flex}#forward-modal .conn-forward-item:hover{background:var(--bg-3)}#forward-modal .conn-forward-item.selected{background:var(--accent-dim);border-color:var(--accent)}#forward-modal .check-circle{border:2px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-left:auto;transition:all .15s;display:flex}#forward-modal .conn-forward-item.selected .check-circle{background:var(--accent);border-color:var(--accent);color:#fff}.online-dot.active{animation:2.5s infinite onlinePulse}@keyframes onlinePulse{0%,to{box-shadow:0 0 #30e08080}50%{box-shadow:0 0 0 4px #30e08000}}.thread-messages-wrap{flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.chat-item-wrap{position:relative;overflow:hidden}.chat-item-delete-bg{background:var(--danger);color:#fff;pointer-events:none;justify-content:flex-end;align-items:center;padding-right:20px;font-size:14px;font-weight:600;display:flex;position:absolute;inset:0}#voice-preview-bar{background:var(--bg-2);border-top:2px solid var(--accent);flex-shrink:0;align-items:center;gap:8px;padding:10px 14px;display:none}#voice-preview-bar.visible{display:flex}html{height:calc(var(--vh,1vh) * 100)}body{min-height:calc(var(--vh,1vh) * 100);width:100%;position:fixed}#app-screen,.screen.active{height:calc(var(--vh,1vh) * 100);position:fixed;inset:0;overflow:hidden}#chat-thread-view{height:calc(var(--vh,1vh) * 100)!important;max-height:calc(var(--vh,1vh) * 100)!important}#thread-input-bar{bottom:0;bottom:env(safe-area-inset-bottom,0px);z-index:20;background:var(--bg);position:sticky}.dm-input-wrap input:focus,#dm-input:focus{background:0 0!important}#auth-screen{-webkit-overflow-scrolling:touch;overflow-y:auto}.auth-container{min-height:calc(var(--vh,1vh) * 100)}#page-me{width:100%;max-width:100vw;padding-bottom:calc(var(--nav-h) + var(--safe-bottom) + 16px);overflow-x:hidden}.profile-header{width:100%;max-width:100%;overflow:hidden}.profile-cover{width:100%;height:clamp(140px,30vw,200px)}#page-me>.profile-header>div[style*=display\:flex][style*=gap\:10px]{box-sizing:border-box;width:100%;padding:0 16px 12px!important}button[aria-label=Settings]{border:1.5px solid var(--accent)!important;border-radius:var(--radius-sm)!important;background:var(--accent-dim)!important;width:46px!important;min-width:46px!important;height:46px!important;color:var(--accent-light)!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;padding:0!important;display:flex!important}button[aria-label=Settings] svg{visibility:visible!important;opacity:1!important;width:20px!important;height:20px!important;color:var(--accent-light)!important;stroke:var(--accent-light)!important;display:block!important}.profile-tabs{border-bottom:1px solid var(--border);background:var(--bg);z-index:5;display:flex;position:sticky;top:0}.discover-header{background:var(--bg);border-bottom:1px solid var(--border);z-index:10;box-sizing:border-box;width:100%;padding:12px 16px;position:sticky;top:0}.discover-header .search-bar{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius-full);box-sizing:border-box;align-items:center;gap:8px;width:100%;margin-bottom:10px;padding:10px 16px;display:flex}.discover-header .search-bar input{color:var(--text);font-family:var(--font-body);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:15px}.discover-filters{box-sizing:border-box;align-items:center;gap:8px;width:100%;display:flex}.discover-filters input[type=hidden]{display:none!important}.discover-filters>.s-select,.discover-filters>select{box-sizing:border-box;flex:1 1 0;min-width:0}.discover-filters>select#filter-level{flex:none;width:96px;min-width:84px}.discover-filters select{background-color:var(--bg-3);height:38px;color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-body);box-sizing:border-box;appearance:none;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a0a0c0' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;outline:none;padding:0 22px 0 10px;font-size:13px;transition:border-color .2s;overflow:hidden}.discover-filters .s-select__input-row{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius-sm);box-sizing:border-box;height:38px;padding:0 8px 0 10px}.discover-filters .s-select__search{height:100%;color:var(--text);white-space:nowrap;text-overflow:ellipsis;padding:0;font-size:13px;overflow:hidden}.discover-filters select:focus,.discover-filters .s-select__input-row:focus-within,.discover-filters .s-select.open .s-select__input-row{border-color:var(--accent)}@media (width<=480px){.discover-filters{gap:6px}.discover-filters>select#filter-level{width:86px;min-width:76px;padding-left:8px;padding-right:18px;font-size:12px}.discover-filters .s-select__search{font-size:12px}.discover-filters .s-select__input-row{padding-left:8px;padding-right:6px}}@media (width<=360px){.discover-filters{flex-wrap:wrap}.discover-filters>.s-select{flex:calc(50% - 4px);min-width:120px}.discover-filters>select#filter-level{flex:100%;width:100%}}.page{box-sizing:border-box;width:100%;max-width:100vw;overflow-x:hidden}#app-screen{max-width:100vw;overflow-x:hidden}.campus-context-bar{background:var(--bg);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:8px 16px;display:flex}.campus-context-text{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;flex:1;align-items:center;gap:5px;min-width:0;font-size:12px;font-weight:500;display:flex;overflow:hidden}.campus-context-text i{color:var(--accent);opacity:.7;flex-shrink:0}.campus-filter-btn{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-2);cursor:pointer;font-size:12px;font-family:var(--font-body);flex-shrink:0;align-items:center;gap:5px;max-width:110px;padding:5px 12px;transition:all .2s;display:flex}.campus-filter-btn:hover{border-color:var(--accent);color:var(--accent-light)}.campus-filter-btn span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.comm-accordion-empty{color:var(--text-3);padding:12px 16px 16px 42px;font-size:13px}.comm-accordion-section{border-bottom:1px solid var(--border);background:var(--bg)}.comm-accordion-header{cursor:pointer;text-align:left;appearance:none;outline:none;align-items:center;gap:10px;width:100%;padding:13px 16px;font-size:14px;font-weight:600;display:flex;background:var(--bg)!important;color:var(--text)!important;font-family:var(--font-body)!important;border:none!important}.comm-accordion-header:active{background:var(--bg-3)!important}.comm-accordion-count{background:var(--bg-3);color:var(--text-3);border-radius:var(--radius-full);border:1px solid var(--border);margin-left:auto;padding:2px 8px;font-size:11px;font-weight:700}.comm-accordion-body{background:var(--bg-2)}.comm-accordion-body.hidden{display:none}.comm-accordion-chevron{color:var(--text-3);flex-shrink:0;transition:transform .2s}.comm-accordion-section.expanded .comm-accordion-chevron{transform:rotate(180deg)}.pinned-announcement-card{cursor:pointer;background:linear-gradient(90deg,#7c6af71a,#7c6af70a);border-bottom:1px solid #7c6af740;align-items:center;gap:12px;padding:13px 16px;transition:background .2s;display:none}.pinned-announcement-card:hover{background:linear-gradient(90deg,#7c6af729,#7c6af714)}.pac-icon{background:var(--accent-dim);width:36px;height:36px;color:var(--accent-light);border:1px solid #7c6af74d;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.pac-body{flex:1;min-width:0}.pac-title{color:var(--accent-light);letter-spacing:.01em;font-size:13px;font-weight:700}.pac-sub{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12px;overflow:hidden}.post-action-btn.save-btn{margin-left:auto}.post-action-btn.save-btn.saved{color:var(--accent-light)}.post-action-btn.save-btn.saved i{fill:currentColor}.trending-section{border-bottom:1px solid var(--border);background:var(--bg);padding:12px 16px}.trending-section-header{color:var(--text-2);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:6px;margin-bottom:10px;font-size:13px;font-weight:700;display:flex}#trending-hashtags-list{flex-wrap:wrap;gap:8px;display:flex}.trending-tag-chip{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-body);flex-direction:column;align-items:flex-start;min-width:80px;padding:7px 12px;transition:all .2s;display:flex}.trending-tag-chip:hover{border-color:var(--accent);background:var(--accent-dim)}.trending-tag-chip:active{transform:scale(.97)}.trending-tag-name{color:var(--accent-light);font-size:14px;font-weight:600}.trending-tag-count{color:var(--text-3);margin-top:2px;font-size:11px}.horizontal-section{border-bottom:1px solid var(--border);background:var(--bg);padding:14px 0 14px 16px}.section-header{color:var(--text-2);align-items:center;gap:6px;margin-bottom:12px;padding-right:16px;font-size:13px;font-weight:700;display:flex}.horizontal-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:10px;padding-bottom:4px;padding-right:16px;display:flex;overflow-x:auto}.horizontal-scroll::-webkit-scrollbar{display:none}.pymk-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:center;flex-direction:column;flex-shrink:0;align-items:center;gap:6px;min-width:120px;max-width:130px;padding:14px 12px;transition:border-color .2s;display:flex}.pymk-card:hover{border-color:var(--accent)}.pymk-card img{object-fit:cover;border:2px solid var(--bg-4);border-radius:50%;width:52px;height:52px}.pymk-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:13px;font-weight:600;overflow:hidden}.pymk-meta{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:11px;overflow:hidden}.study-group-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:center;flex-direction:column;flex-shrink:0;align-items:center;gap:6px;min-width:130px;max-width:140px;padding:14px 12px;transition:border-color .2s;display:flex}.study-group-card:hover{border-color:var(--accent)}.sg-icon{background:var(--accent-dim);width:40px;height:40px;color:var(--accent-light);border:1px solid #7c6af74d;border-radius:12px;justify-content:center;align-items:center;display:flex}.sg-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:13px;font-weight:600;overflow:hidden}.sg-meta{color:var(--text-3);font-size:11px}.active-now-card{cursor:pointer;flex-direction:column;flex-shrink:0;align-items:center;gap:6px;min-width:70px;display:flex}.anc-avatar-wrap{position:relative}.anc-avatar-wrap img{object-fit:cover;border:2px solid var(--online);border-radius:50%;width:50px;height:50px}.anc-dot{background:var(--online);border:2px solid var(--bg);border-radius:50%;width:12px;height:12px;position:absolute;bottom:1px;right:1px}.anc-name{color:var(--text-2);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:70px;font-size:11px;overflow:hidden}.academic-identity-card{border-radius:var(--radius);background:linear-gradient(135deg,#7c6af71f,#7c6af70d);border:1px solid #7c6af740;align-items:center;gap:12px;margin:10px 16px;padding:12px 14px;display:none}.aic-icon{background:var(--accent-dim);width:40px;height:40px;color:var(--accent-light);border:1px solid #7c6af74d;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.aic-info{flex:1;min-width:0}.aic-school{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;display:block;overflow:hidden}.aic-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:3px;display:flex}.aic-dept{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:12px;overflow:hidden}.aic-level{background:var(--accent-dim);color:var(--accent-light);border-radius:var(--radius-full);border:1px solid #7c6af74d;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:700}#profile-bio-extras{margin-top:6px;padding:0 16px 8px;display:none}.bio-extra-row{color:var(--text-2);align-items:flex-start;gap:8px;margin-bottom:5px;font-size:13px;display:flex}.bio-extra-row i{color:var(--accent);flex-shrink:0;margin-top:1px}.bio-extra-label{color:var(--text-3);flex-shrink:0;margin-right:4px;font-weight:600}.feed-pymk-section{border-bottom:1px solid var(--border);background:var(--bg);padding:14px 0 14px 16px}.feed-pymk-header{justify-content:space-between;align-items:center;margin-bottom:12px;padding-right:16px;display:flex}.feed-pymk-title{color:var(--text);align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.feed-pymk-see-all{color:var(--accent);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-body);background:0 0;border:none;padding:0}.post-type-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg-3);color:var(--text-3);align-items:center;margin-bottom:8px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.post-type-badge.type-meme{color:var(--warning);background:#f0a0301f;border-color:#f0a0304d}.post-type-badge.type-note{background:var(--accent-dim);color:var(--accent-light);border-color:#7c6af74d}.comm-tab{white-space:nowrap;flex:none!important;min-width:auto!important;padding:12px 14px!important}#feed-back-top{background:var(--accent);color:#fff;cursor:pointer;opacity:0;pointer-events:none;z-index:99;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:80px;right:20px;transform:translateY(20px);box-shadow:0 4px 12px #0000004d}#feed-back-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.custom-check{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;margin-top:2px;appearance:auto!important}.video-player-shell{--audio-peak:0;opacity:0;background:#000;border-radius:14px;width:100%;margin-bottom:10px;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .3s,box-shadow .4s;position:relative;overflow:hidden;transform:scale(.97);box-shadow:0 4px 24px #00000080,0 0 0 1px #7c6af714,0 0 30px #7c6af700}.video-player-shell.vps-ready{opacity:1;transform:scale(1)}.video-player-shell.vps-playing{box-shadow:0 4px 24px #00000080, 0 0 0 1px #7c6af71f, 0 0 calc(20px + calc(var(--audio-peak) * 40px)) rgba(124,106,247,calc(var(--audio-peak) * .4));transform:scale(calc(1 + var(--audio-peak) * .004))}body.video-fullscreen-active{background:#000}body.video-fullscreen-active:before{content:"";-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:-1;background:#000000b3;position:fixed;inset:0}.video-player-shell.vps-fullscreen{border-radius:0;max-height:100vh}.vps-aspect-wrap{background:#000;width:100%;display:block;position:relative;overflow:hidden}.vps-aspect-wrap .post-media-video{object-fit:fill;will-change:transform;border-radius:0;width:100%;height:auto;margin-bottom:0;transition:transform .2s;display:block}.vps-light-leak{pointer-events:none;opacity:0;z-index:2;mix-blend-mode:screen;background:linear-gradient(135deg,#fff0c826 0%,#0000 60%);transition:opacity .1s;position:absolute;inset:0}.vps-light-leak.flash{animation:.4s forwards vps-light-flash}@keyframes vps-light-flash{0%{opacity:0}15%{opacity:.7}to{opacity:0}}.vps-buffering-ring{border:3px solid #ffffff26;border-top-color:var(--accent);opacity:0;pointer-events:none;z-index:5;border-radius:50%;width:44px;height:44px;transition:opacity .2s;animation:.8s linear infinite vps-spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vps-buffering-ring.visible{opacity:1}@keyframes vps-spin{to{transform:translate(-50%,-50%)rotate(360deg)}}.vps-seek-indicator{color:#fff;font-size:13px;font-weight:700;font-family:var(--font-body);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;opacity:0;z-index:6;background:#0000008c;border-radius:40px;align-items:center;gap:6px;padding:8px 14px;transition:opacity .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.vps-seek-indicator svg{width:18px;height:18px}.vps-seek-left{left:16px}.vps-seek-right{right:16px}.vps-seek-indicator.active{animation:.65s cubic-bezier(.25,.46,.45,.94) forwards vps-seek-pulse}@keyframes vps-seek-pulse{0%{opacity:0;transform:translateY(-50%)scale(.8)}20%{opacity:1;transform:translateY(-50%)scale(1.08)}60%{opacity:1;transform:translateY(-50%)scale(1)}to{opacity:0;transform:translateY(-50%)scale(.9)}}.vps-speed-badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-size:16px;font-weight:800;font-family:var(--font-display);opacity:0;pointer-events:none;z-index:7;background:#000000bf;border-radius:30px;padding:6px 16px;transition:opacity .15s,transform .2s cubic-bezier(.34,1.56,.64,1);position:absolute;top:14px;left:50%;transform:translate(-50%)scale(.8)}.vps-speed-badge.visible{opacity:1;transform:translate(-50%)scale(1)}.vps-play-icon{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;pointer-events:none;opacity:1;z-index:5;background:#0009;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;transition:opacity .2s,transform .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vps-play-icon svg{width:28px;height:28px}.video-player-shell.vps-playing .vps-play-icon{opacity:0;transform:translate(-50%,-50%)scale(.8)}.vps-play-icon.show{animation:.75s cubic-bezier(.25,.46,.45,.94) forwards vps-play-flash}@keyframes vps-play-flash{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}25%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}60%{opacity:.8;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.2)}}.vps-bubbles-wrap{z-index:8;pointer-events:none;flex-direction:column;gap:6px;max-width:calc(100% - 90px);display:flex;position:absolute;bottom:80px;left:14px}.vps-comment-bubble{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:12px;font-family:var(--font-body);word-break:break-word;opacity:0;background:#000000b8;border:1px solid #ffffff1a;border-radius:20px;max-width:220px;padding:7px 14px;line-height:1.4;transition:opacity .4s,transform .4s cubic-bezier(.34,1.56,.64,1);transform:translateY(12px)}.vps-comment-bubble.show{opacity:1;transform:translateY(0)}.vps-comment-bubble .vcb-user{color:var(--accent-light);margin-right:4px;font-weight:700}.vps-controls-bar{z-index:10;opacity:0;pointer-events:none;background:linear-gradient(#0000 0%,#000000d9 100%);align-items:center;gap:8px;padding:10px 12px;transition:opacity .25s,transform .25s;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(6px)}.vps-controls-bar.visible{opacity:1;pointer-events:all;transform:translateY(0)}.video-player-shell .icon-pause,.video-player-shell.vps-playing .icon-play{display:none}.video-player-shell.vps-playing .icon-pause{display:block}.video-player-shell .icon-muted,.video-player-shell.vps-muted .icon-vol{display:none}.video-player-shell.vps-muted .icon-muted{display:block}.video-player-shell .icon-compress,.video-player-shell.vps-fullscreen .icon-expand{display:none}.video-player-shell.vps-fullscreen .icon-compress{display:block}.vps-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;min-height:32px;padding:4px;transition:background .15s,transform .1s;display:flex}.vps-btn:hover{background:#ffffff1f}.vps-btn:active{transform:scale(.9)}.vps-btn svg{width:17px;height:17px}.vps-progress-wrap{cursor:pointer;flex:1;align-items:center;height:20px;padding:8px 0;display:flex;position:relative}.vps-progress-bg{background:#ffffff40;border-radius:4px;width:100%;height:4px;transition:height .15s;position:relative;overflow:visible}.vps-progress-wrap:hover .vps-progress-bg{height:6px}.vps-progress-buffered{background:#ffffff59;border-radius:4px;width:0;transition:width .3s;position:absolute;top:0;bottom:0;left:0}.vps-progress-played{background:linear-gradient(90deg, var(--accent), var(--accent-light));border-radius:4px;width:0;transition:width .1s linear;position:absolute;top:0;bottom:0;left:0}.vps-progress-thumb{background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .15s,left .1s linear;position:absolute;top:50%;left:0;transform:translate(-50%,-50%)scale(0);box-shadow:0 1px 4px #0006}.vps-progress-wrap:hover .vps-progress-thumb{transform:translate(-50%,-50%)scale(1)}.vps-time{color:#ffffffe6;font-size:11px;font-family:var(--font-body);white-space:nowrap;font-variant-numeric:tabular-nums;text-align:right;min-width:72px}.vps-creator-overlay{z-index:11;opacity:0;pointer-events:none;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;transition:opacity .3s,transform .35s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;bottom:62px;left:0;right:14px;transform:translateY(8px)}.video-player-shell:hover .vps-creator-overlay,.video-player-shell.controls-visible .vps-creator-overlay{opacity:1;pointer-events:all;transform:translateY(0)}.vco-info{align-items:center;gap:8px;min-width:0;display:flex}.vco-avatar{object-fit:cover;border:2px solid #ffffff4d;border-radius:50%;flex-shrink:0;width:34px;height:34px}.vco-text{flex-direction:column;min-width:0;display:flex}.vco-name{color:#fff;font-size:13px;font-weight:700;font-family:var(--font-body);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.vco-handle{color:#ffffffa6;font-size:11px;font-family:var(--font-body)}.vco-follow-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:12px;font-weight:700;font-family:var(--font-body);cursor:pointer;background:#ffffff26;border:1.5px solid #ffffff80;border-radius:20px;flex-shrink:0;min-height:32px;padding:5px 14px;transition:background .2s,transform .15s cubic-bezier(.34,1.56,.64,1),border-color .2s}.vco-follow-btn:hover{background:#ffffff47;transform:scale(1.06)}.vco-follow-btn:active{transform:scale(.94)}.vco-follow-btn.vco-follow-sent{background:var(--accent-dim);border-color:var(--accent);color:var(--accent-light)}.vps-engagement-bar{z-index:9;opacity:0;pointer-events:none;flex-direction:column;align-items:center;gap:14px;transition:opacity .3s,transform .35s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;bottom:70px;right:10px;transform:translate(10px)}.video-player-shell:hover .vps-engagement-bar,.video-player-shell.controls-visible .vps-engagement-bar{opacity:1;pointer-events:all;transform:translate(0)}.veb-btn{color:#fff;cursor:pointer;width:46px;height:46px;min-height:unset;background:0 0;border:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0;transition:background .2s,transform .15s cubic-bezier(.34,1.56,.64,1),border-color .2s;display:flex}.veb-btn:hover{background:#ffffff2e;transform:scale(1.1)}.veb-btn:active{transform:scale(.88)}.veb-icon svg{width:19px;height:19px}.veb-count{color:#fff;font-size:10px;font-weight:700;font-family:var(--font-body);line-height:1}.veb-like.liked{color:var(--danger);border-color:#f0406066;animation:.4s cubic-bezier(.34,1.56,.64,1) forwards vps-heart-pop}@keyframes vps-heart-pop{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}.vps-share-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;background:#12121cf5;border:1px solid #ffffff1a;border-radius:16px 0 0;width:200px;padding:14px;transition:transform .35s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:0;right:0;transform:translate(100%)}.vps-share-panel.open{transform:translate(0)}.vsp-header{color:var(--text);font-size:13px;font-weight:700;font-family:var(--font-body);justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.vsp-close{color:var(--text-3);cursor:pointer;min-height:unset;background:0 0;border:none;border-radius:6px;padding:2px 6px;font-size:14px;transition:color .2s}.vsp-close:hover{color:var(--text)}.vsp-actions{flex-direction:column;gap:8px;display:flex}.vsp-action{color:var(--text);font-family:var(--font-body);cursor:pointer;text-align:left;min-height:unset;background:#ffffff0f;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;transition:background .2s,transform .15s;display:flex}.vsp-action svg{flex-shrink:0;width:16px;height:16px}.vsp-action:hover{background:#ffffff1f}.vsp-action:active{transform:scale(.97)}.vps-zoom-hint{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#ffffffd9;font-size:11px;font-family:var(--font-body);pointer-events:none;opacity:0;z-index:8;white-space:nowrap;background:#000000a6;border-radius:20px;padding:4px 12px;transition:opacity .2s,transform .2s;position:absolute;top:14px;left:50%;transform:translate(-50%)translateY(-4px)}.vps-zoom-hint.visible{opacity:1;transform:translate(-50%)translateY(0)}.vps-pip-overlay{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:2000;opacity:0;background:#0c0c14f7;border:1px solid #ffffff1f;border-radius:14px;width:240px;transition:opacity .3s,transform .35s cubic-bezier(.34,1.56,.64,1);position:fixed;bottom:80px;right:16px;overflow:hidden;transform:scale(.85)translateY(20px);box-shadow:0 12px 40px #0009,0 0 0 1px #7c6af71a}.vps-pip-overlay.open{opacity:1;transform:scale(1)translateY(0)}.vps-pip-video{object-fit:contain;background:#000;width:100%;max-height:140px;display:block}.vps-pip-header{background:#ffffff0a;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.vps-pip-title{color:var(--text-2);font-size:12px;font-weight:600;font-family:var(--font-body);white-space:nowrap;text-overflow:ellipsis;max-width:140px;overflow:hidden}.vps-pip-btns{gap:4px;display:flex}.vps-pip-btn{color:var(--text-2);cursor:pointer;width:24px;height:24px;min-height:unset;background:#ffffff14;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:13px;transition:background .2s;display:flex}.vps-pip-btn:hover{background:#ffffff29}.vps-pip-actions{justify-content:space-around;gap:8px;padding:8px 10px;display:flex}.vps-pip-like,.vps-pip-share{color:var(--text-2);font-size:11px;font-family:var(--font-body);cursor:pointer;min-height:unset;background:#ffffff0f;border:1px solid #ffffff14;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:4px;padding:6px;transition:background .2s,transform .1s;display:flex}.vps-pip-like:hover,.vps-pip-share:hover{background:#ffffff1f}.vps-pip-like:active,.vps-pip-share:active{transform:scale(.95)}.vps-reel-overlay{z-index:3000;opacity:0;background:#000;outline:none;flex-direction:column;transition:opacity .35s,transform .35s cubic-bezier(.34,1.56,.64,1);display:flex;position:fixed;inset:0;overflow:hidden;transform:scale(.96)}.vps-reel-overlay.open{opacity:1;transform:scale(1)}.vps-reel-header{padding:calc(14px + env(safe-area-inset-top,0px)) 16px 14px;z-index:10;background:linear-gradient(#000000b3 0%,#0000 100%);justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.vps-reel-title{font-family:var(--font-display);color:#fff;letter-spacing:-.3px;font-size:20px;font-weight:800}.vps-reel-close{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;width:38px;height:38px;min-height:unset;background:#ffffff1a;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;font-size:16px;transition:background .2s,transform .15s;display:flex}.vps-reel-close:hover{background:#fff3}.vps-reel-close:active{transform:scale(.9)}.vps-reel-track{will-change:transform;position:absolute;inset:0}.vps-reel-track::-webkit-scrollbar{display:none}.vps-reel-slide{background:#000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;left:0;overflow:hidden}.vps-reel-video{object-fit:cover;cursor:pointer;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.vps-reel-slide .reel-creator{opacity:1;pointer-events:all;position:absolute;bottom:10px;left:0;right:0;transform:none}.vps-reel-slide .reel-engagement{opacity:1;pointer-events:all;position:absolute;bottom:150px;right:12px;transform:none}.vps-reel-hint{color:#ffffff73;font-size:12px;font-family:var(--font-body);pointer-events:none;z-index:10;transition:opacity .4s;animation:2.5s ease-in-out infinite vps-hint-bounce;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.vps-reel-hint.hidden{opacity:0;pointer-events:none}.vps-reel-tap-icon{color:#ffffffe6;pointer-events:none;z-index:20;text-shadow:0 2px 12px #0009;opacity:0;font-size:56px;transition:transform .1s,opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.vps-reel-tap-icon.flash{animation:.6s forwards reel-tap-flash}@keyframes reel-tap-flash{0%{opacity:1;transform:translate(-50%,-50%)scale(.6)}40%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.3)}}@keyframes vps-hint-bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-6px)}}html.reel-open,body.reel-open{height:100dvh!important;overflow:hidden!important}.reel-comment-sheet{background:var(--bg-2,#111118);z-index:20;border-radius:20px 20px 0 0;flex-direction:column;height:65%;transition:transform .32s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.reel-comment-sheet.open{transform:translateY(0)}.rcs-header{border-bottom:1px solid #ffffff12;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 16px 10px;display:flex}.rcs-title{color:var(--text,#f0f0ff);font-size:15px;font-weight:700}.rcs-close{color:#fff;cursor:pointer;width:28px;height:28px;min-height:unset;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:13px;display:flex}.rcs-list{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.rcs-input-row{padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid #ffffff12;flex-shrink:0;gap:8px;display:flex}.rcs-input{background:var(--bg-3,#1a1a25);color:var(--text,#f0f0ff);font-family:var(--font-body,sans-serif);border:1px solid #ffffff1a;border-radius:20px;outline:none;flex:1;padding:9px 14px;font-size:14px}.rcs-input:focus{border-color:var(--accent,#7c6af7)}.rcs-send{background:var(--accent,#7c6af7);color:#fff;cursor:pointer;width:38px;height:38px;min-height:unset;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s;display:flex}.rcs-send:hover{background:var(--accent-light,#9d8fff)}.rcs-loading{text-align:center;color:var(--text-3,#5a5a80);padding:20px;font-size:13px}.post-skeleton{animation:.4s both vps-skeleton-mount}@keyframes vps-skeleton-mount{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.post-skeleton-media{background:linear-gradient(90deg, var(--bg-3) 0%, var(--bg-4) 40%, var(--bg-3) 80%);background-size:200% 100%;border-radius:10px;width:100%;height:220px;margin:8px 0;animation:1.6s ease-in-out infinite skeleton-shimmer}.skeleton-shimmer{background:linear-gradient(90deg, var(--bg-3) 0%, var(--bg-4) 45%, var(--bg-3) 90%);background-size:200% 100%;animation:1.6s ease-in-out infinite skeleton-shimmer}.skeleton-block{border-radius:6px}.skeleton-circle{border-radius:50%}.post-skeleton-header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.post-skeleton-avatar{flex-shrink:0;width:42px;height:42px}.post-skeleton-user-info{flex-direction:column;flex:1;gap:6px;display:flex}.post-skeleton-name{width:60%;height:13px}.post-skeleton-meta{width:40%;height:10px}.post-skeleton-content{flex-direction:column;gap:7px;margin-bottom:10px;display:flex}.post-skeleton-line{height:12px}.post-skeleton-line.l1{width:100%}.post-skeleton-line.l2{width:80%}.post-skeleton-line.l3{width:55%}.post-skeleton-actions{gap:14px;padding-top:8px;display:flex}.post-skeleton-action{width:48px;height:16px}.post-skeleton:first-child{animation-delay:0s}.post-skeleton:nth-child(2){animation-delay:80ms}.post-skeleton:nth-child(3){animation-delay:.16s}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.video-player-shell,.video-player-shell.vps-playing,.vps-controls-bar,.vps-creator-overlay,.vps-engagement-bar,.vps-share-panel,.vps-pip-overlay,.vps-reel-overlay,.vps-comment-bubble,.vco-follow-btn,.veb-btn,.vps-seek-indicator{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.vps-buffering-ring{animation:none}}.vps-btn:focus-visible,.veb-btn:focus-visible,.vco-follow-btn:focus-visible,.vsp-action:focus-visible,.vps-reel-close:focus-visible,.vps-pip-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.vps-progress-wrap:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}@media (width<=480px){.vps-engagement-bar{gap:10px;bottom:60px;right:6px}.veb-btn{width:40px;height:40px}.vps-creator-overlay{padding:8px 10px;bottom:54px;right:12px}.vco-avatar{width:28px;height:28px}.vco-name{font-size:12px}.vco-handle{font-size:10px}.vco-follow-btn{padding:4px 10px;font-size:11px}.vps-controls-bar{gap:5px;padding:8px}.vps-btn svg{width:15px;height:15px}.vps-time{min-width:60px;font-size:10px}.vps-pip-overlay{width:200px;bottom:72px;right:10px}.vps-share-panel{width:180px}}.video-trimmer-overlay{z-index:500;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);background:#000000eb;flex-direction:column;align-items:stretch;animation:.32s cubic-bezier(.22,1,.36,1) forwards vtSlideUp;display:flex;position:fixed;inset:0;overflow:hidden}@keyframes vtSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.video-trimmer-overlay.vt-closing{animation:.28s cubic-bezier(.55,0,.45,1) forwards vtSlideDown}@keyframes vtSlideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}body.trimmer-open{overflow:hidden!important}.vt-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px 10px;display:flex}.vt-title{font-family:var(--font-display);color:var(--text);font-size:17px;font-weight:700}.vt-close-btn{background:var(--bg-3);color:var(--text);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;transition:background .2s;display:flex}.vt-close-btn:hover{background:var(--bg-4)}.vt-video-wrap{cursor:pointer;background:#000;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.vt-video{object-fit:contain;max-width:100%;max-height:100%;display:block}.vt-play-hint{color:#fff;pointer-events:none;opacity:0;background:#0000008c;border:2px solid #ffffffb3;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;transition:opacity .2s;display:flex;position:absolute}.vt-video-wrap:hover .vt-play-hint{opacity:1}.vt-controls{background:var(--bg-2);border-top:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:12px;padding:14px 16px 16px;display:flex}.vt-timeline{background:var(--bg-3);border-radius:var(--radius-sm);-webkit-user-select:none;user-select:none;touch-action:none;width:100%;height:36px;position:relative;overflow:visible}.vt-range-fill{border-top:2px solid var(--accent);border-bottom:2px solid var(--accent);pointer-events:none;background:#7c6af740;position:absolute;top:0;bottom:0}.vt-handle-start,.vt-handle-end{background:var(--accent);cursor:grab;touch-action:none;z-index:2;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:36px;display:flex;position:absolute;top:50%}.vt-handle-start:active,.vt-handle-end:active{cursor:grabbing}.vt-handle-start:before,.vt-handle-end:before{content:"";background:#ffffffb3;border-radius:2px;width:2px;height:14px;display:block;box-shadow:3px 0 #ffffffb3,-3px 0 #ffffffb3}.vt-handle-start{border-radius:4px 0 0 4px;left:0;transform:translateY(-50%)}.vt-handle-end{border-radius:0 4px 4px 0;left:100%;transform:translate(-100%,-50%)}.vt-playhead{pointer-events:none;z-index:3;will-change:left;background:#fff;border-radius:2px;width:2px;position:absolute;top:-3px;bottom:-3px}.vt-playhead:before{content:"";background:#fff;border-radius:50%;width:8px;height:8px;position:absolute;top:-4px;left:50%;transform:translate(-50%)}.vt-size-indicator{color:var(--text-2);align-items:center;gap:4px;font-size:13px;font-weight:600;transition:color .2s;display:flex}.vt-size-indicator.vt-size-ok{color:var(--success)}.vt-size-indicator.vt-size-over{color:var(--danger)}.vt-size-uncertainty{color:var(--text-3);font-size:11px;font-weight:400}.vt-info-row{justify-content:space-between;align-items:center;display:flex}.vt-clip-duration{color:var(--text-2);font-variant-numeric:tabular-nums;font-size:12px}.vt-done-btn{background:var(--accent);color:#fff;border-radius:var(--radius-sm);width:100%;font-family:var(--font-body);cursor:pointer;border:none;padding:13px;font-size:15px;font-weight:600;transition:background .2s,opacity .2s,box-shadow .2s}.vt-done-btn:hover:not(:disabled){background:var(--accent-light);box-shadow:0 0 20px var(--accent-glow)}.vt-done-btn:disabled{opacity:.4;cursor:not-allowed}.vt-processing-wrap{flex-direction:column;align-items:center;gap:10px;padding:6px 0;display:none}.vt-processing-wrap.visible{display:flex}.vt-progress-bar-track{background:var(--bg-4);border-radius:var(--radius-full);width:100%;height:4px;overflow:hidden}.vt-progress-bar{background:linear-gradient(90deg, var(--accent), var(--accent-light));border-radius:var(--radius-full);width:0%;height:100%;transition:width .3s}.vt-processing-label{color:var(--text-2);text-align:center;font-size:13px}.vt-inline-error{color:var(--danger,#e53e3e);border-radius:var(--radius-sm,8px);text-align:center;background:#e53e3e14;border:1px solid #e53e3e40;margin-bottom:8px;padding:8px 12px;font-size:13px;font-weight:500}[data-theme=blackgrey]{--bg:#000;--bg-2:#0d0d0d;--bg-3:#1a1a1a;--bg-4:#262626;--text:#f0f0f0;--text-2:#999;--text-3:#555;--border:#ffffff0f}.vps-reel-heart-burst{opacity:0;pointer-events:none;z-index:30;filter:drop-shadow(0 2px 8px #0006);width:90px;height:90px;transition:transform .35s cubic-bezier(.17,.89,.32,1.49),opacity .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.3)}.vps-reel-heart-burst.pop{opacity:1;transform:translate(-50%,-50%)scale(1)}.vps-reel-heart-burst.fade{opacity:0;transition:opacity .25s}