:root{--bg-color:#0f0f0f;--surface-color:#1a1a1a;--surface-hover:#2a2a2a;--text-primary:#fff;--text-secondary:#a0a0a0;--primary:#9146ff;--secondary:#00e701;--accent:#ff4b4b;--glass:#ffffff0d;--glass-border:#ffffff1a;--shadow:0 8px 32px 0 #000c;--nav-height:64px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}.top-nav{height:var(--nav-height);z-index:200;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);background:#0f0f0fd9;justify-content:space-between;align-items:center;padding:0 2rem;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{background:linear-gradient(45deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;white-space:nowrap;-webkit-background-clip:text;background-clip:text;flex-shrink:0;font-size:1.6rem;font-weight:800}.nav-center{flex:1;justify-content:center;align-items:center;gap:.25rem;display:flex}.nav-link{color:var(--text-secondary);border-radius:10px;align-items:center;gap:.5rem;padding:.55rem 1.1rem;font-size:.92rem;font-weight:600;transition:all .2s;display:flex}.nav-link:hover,.nav-link.active{color:var(--text-primary);background:var(--glass)}.nav-link.active{color:var(--primary)}.nav-right{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.nav-search{background:var(--glass);border:1px solid var(--glass-border);border-radius:22px;align-items:center;gap:.5rem;padding:.4rem 1rem;transition:border-color .2s;display:flex}.nav-search:focus-within{border-color:var(--primary)}.nav-search input{color:var(--text-primary);background:0 0;border:none;outline:none;width:180px;font-size:.88rem}.nav-search i{color:var(--text-secondary);font-size:.85rem}.nav-user-chip{border:1px solid var(--glass-border);background:var(--glass);cursor:pointer;border-radius:40px;align-items:center;gap:.6rem;padding:.3rem .8rem .3rem .3rem;transition:border-color .2s;display:flex}.nav-user-chip:hover{border-color:var(--primary)}.nav-user-chip img{border:2px solid var(--primary);object-fit:cover;border-radius:50%;width:32px;height:32px}.nav-user-chip span{text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:.85rem;font-weight:600;overflow:hidden}.staff-badge{color:var(--secondary);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;background:#00e7011f;border:1px solid #00e70138;border-radius:999px;align-items:center;gap:.35rem;padding:.25rem .55rem;font-size:.68rem;font-weight:800;display:inline-flex}.staff-badge i{font-size:.72rem}.role-pill{letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .5rem;font-size:.66rem;font-weight:800;display:inline-flex}.role-pill.staff{color:#00e701;background:#00e7011f;border:1px solid #00e70138}.role-pill.admin{color:#fbbf24;background:#fbbf241f;border:1px solid #fbbf243d}.role-pill.mod{color:#3b82f6;background:#3b82f61f;border:1px solid #3b82f640}.role-pill.partner{color:#f59e0b;background:#f59e0b1f;border:1px solid #f59e0b40}.role-pill.member{color:var(--text-secondary);border:1px solid var(--glass-border);background:#ffffff0a}.user-badge{border:1px solid var(--glass-border);width:1.4rem;height:1.4rem;color:var(--text-secondary);vertical-align:middle;background:#ffffff0a;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.user-badge i{font-size:.68rem;line-height:1}.user-badge.admin{color:#fbbf24;background:#fbbf241f;border-color:#fbbf243d}.user-badge.staff{color:#00e701;background:#00e7011f;border-color:#00e70138}.user-badge.mod{color:#3b82f6;background:#3b82f61f;border-color:#3b82f640}.user-badge.partner{color:#f59e0b;background:#f59e0b1f;border-color:#f59e0b40}.user-badge.member{color:var(--text-secondary);border-color:var(--glass-border);background:#ffffff0a}.app-container{padding-top:var(--nav-height);min-height:100vh}.btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.4rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-secondary{background:var(--secondary);color:#000;font-weight:700}.btn-secondary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 4px 15px #00e7014d}.btn-glass{background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);color:var(--text-primary)}.btn-glass:hover{background:var(--glass-border);border-color:var(--primary)}.btn-sm{border-radius:8px;padding:.4rem .9rem;font-size:.8rem}.feed-page{justify-content:center;gap:0;display:flex}.feed-wrapper{width:100%;max-width:1320px;margin:0 auto}.home-top-stack{flex-direction:column;gap:1rem;width:min(100%,980px);margin:0 auto 1.5rem;display:flex}.home-stories-card,.home-compose-card{border-radius:22px;padding:1.25rem 1.4rem}.home-section-head,.home-compose-guest{justify-content:space-between;align-items:center;gap:1rem;display:flex}.home-section-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:.35rem;font-size:.72rem;font-weight:700}.home-stories-card h2,.home-compose-card h2{font-size:1.2rem;font-weight:800;line-height:1.2}.home-compose-card p{color:var(--text-secondary);max-width:620px;margin-top:.45rem}.home-compose-guest{flex-wrap:wrap}.stories-row{scrollbar-width:none;gap:1rem;padding-top:1rem;display:flex;overflow-x:auto}.stories-row::-webkit-scrollbar{display:none}.story-bubble{min-width:78px;max-width:78px;color:var(--text-primary);flex-direction:column;align-items:center;gap:.45rem;display:flex}.story-avatar-ring{background:linear-gradient(135deg, var(--primary), var(--secondary));border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;padding:3px;display:inline-flex;position:relative}.story-avatar,.story-avatar-create{object-fit:cover;background:#181818;border:3px solid #181818;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.story-avatar-create{color:#fff;background:linear-gradient(135deg,#9146ff59,#00e7012e);border:1px dashed #fff3;width:72px;height:72px;font-size:1.2rem}.story-bubble-own .story-avatar-ring{background:linear-gradient(135deg,#9146fff2,#00e701bf)}.story-plus-badge{background:var(--primary);color:#fff;border:2px solid #181818;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.68rem;display:inline-flex;position:absolute;bottom:1px;right:1px;box-shadow:0 8px 16px #00000059}.story-name{text-align:center;width:100%;color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:600;line-height:1.2;overflow:hidden}.story-bubble:hover .story-name{color:var(--text-primary)}.home-compose-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.x-composer{width:100%}.x-composer-main{align-items:flex-start;gap:1rem;display:flex}.x-composer-avatar,.post-card-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:48px;height:48px}.x-composer-body{flex:1;min-width:0}.x-composer-success,.x-composer-error{margin-bottom:.9rem;font-size:.85rem}.x-composer-success{color:var(--secondary)}.x-composer-error{color:var(--accent)}.x-composer-textarea{width:100%;min-height:112px;color:var(--text-primary);resize:vertical;background:0 0;border:0;outline:none;font-family:inherit;font-size:1.7rem;line-height:1.25}.x-composer-panel{border:1px solid var(--glass-border);background:#ffffff08;border-radius:16px;margin-top:1rem;padding:1rem}.x-composer-grid{gap:.75rem;display:grid}.x-composer-grid.two-up{grid-template-columns:repeat(2,minmax(0,1fr))}.x-option-row{align-items:center;gap:.5rem;display:flex}.x-composer-input{border:1px solid var(--glass-border);width:100%;color:var(--text-primary);background:#ffffff0a;border-radius:12px;outline:none;padding:.85rem 1rem;font-family:inherit}.x-composer-detail{resize:vertical;min-height:110px}.x-upload-dropzone{border:1px dashed var(--glass-border);color:var(--text-secondary);cursor:pointer;border-radius:12px;align-items:center;gap:.55rem;padding:.75rem 1rem;display:inline-flex;position:relative;overflow:hidden}.x-upload-dropzone input{opacity:0;cursor:pointer;position:absolute;inset:0}.x-attachment-list{flex-wrap:wrap;gap:.5rem;margin-top:.85rem;display:flex}.x-attachment-chip{color:var(--text-primary);background:#9146ff24;border-radius:999px;padding:.45rem .7rem;font-size:.78rem}.x-composer-footer{border-top:1px solid var(--glass-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding-top:1rem;display:flex}.x-composer-tools,.x-composer-actions{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.x-tool-icon{color:#1d9bf0;cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;width:38px;height:38px;transition:background .2s,color .2s;display:inline-flex}.x-tool-icon:hover,.x-tool-icon.active{background:#1d9bf024}.x-tool-icon.danger{color:var(--accent)}.x-gif-pill{border:1px solid;border-radius:6px;padding:.15rem .28rem;font-size:.7rem;font-weight:800}.x-inline-link{color:#1d9bf0;cursor:pointer;background:0 0;border:0;font-family:inherit;font-weight:700}.x-public-toggle{color:var(--text-secondary);align-items:center;gap:.45rem;font-size:.85rem;display:inline-flex}.x-post-button{border-radius:999px;min-width:96px}.post-feed-stack{flex-direction:column;gap:1rem;width:min(100%,980px);margin:0 auto 1.5rem;display:flex}.post-card{border-radius:22px;padding:1.2rem 1.3rem}.post-card-head{align-items:center;gap:.9rem;display:flex}.post-card-meta h3{font-size:1rem;font-weight:800;line-height:1.2}.post-card-meta p{color:var(--text-secondary);font-size:.8rem}.post-card-body{white-space:pre-wrap;margin-top:.9rem;font-size:1rem;line-height:1.55}.post-media-grid{grid-template-columns:1fr;gap:.5rem;margin-top:1rem;display:grid}.post-media-grid.multi{grid-template-columns:repeat(2,minmax(0,1fr))}.post-media-grid img,.post-media-grid video,.post-media-grid iframe,.post-gif-embed img{object-fit:cover;border-radius:16px;width:100%;max-height:420px}.post-gif-embed{margin-top:1rem}.clip-post-card.tiktok-item{background:var(--glass);border:1px solid var(--glass-border);box-shadow:none;overflow:hidden}.clip-post-title{font-size:1.12rem;font-weight:800;line-height:1.35;display:block}.clip-post-detail-card{margin-top:1rem}.clip-post-meta-row{flex-wrap:wrap;gap:.65rem;display:flex}.clip-post-chip{color:var(--primary);background:#9146ff1a;border:1px solid #9146ff2e;border-radius:999px;align-items:center;gap:.45rem;padding:.45rem .8rem;font-size:.8rem;font-weight:700;display:inline-flex}.clip-post-chip-muted{border-color:var(--glass-border);color:var(--text-secondary);background:#ffffff08}.clip-post-summary{color:var(--text-secondary);margin-top:.85rem;line-height:1.6}.clip-post-player-shell{grid-template-columns:1fr;margin-top:1rem}.clip-post-player{border:1px solid var(--glass-border);background:#000;border-radius:20px;overflow:hidden}.post-detail-card{border:1px solid var(--glass-border);background:#ffffff0a;border-radius:18px;margin-top:1rem;padding:1rem}.post-detail-label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:.45rem;font-size:.72rem;font-weight:700}.post-detail-card h4{margin-bottom:.75rem;font-size:1rem;font-weight:800}.post-detail-card p{color:var(--text-secondary)}.post-poll-options{flex-direction:column;gap:.55rem;display:flex}.post-poll-option{border:1px solid var(--glass-border);background:#ffffff08;border-radius:12px;padding:.8rem .9rem}.post-event-meta{color:var(--text-primary);flex-wrap:wrap;gap:1rem;margin-top:.9rem;font-size:.9rem;display:flex}.detail-view-page{max-width:980px;margin:0 auto;padding:2rem 0}.detail-view-stack{flex-direction:column;gap:1.5rem;display:flex}.detail-card{border-radius:24px;padding:1.5rem;overflow:hidden}.detail-card-head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.detail-card-head-main{align-items:center;gap:.9rem;min-width:0;display:flex}.detail-card-avatar{object-fit:cover;border:2px solid var(--primary);border-radius:50%;width:54px;height:54px}.detail-card-title{flex-wrap:wrap;align-items:center;gap:.45rem;font-size:1.35rem;font-weight:800;line-height:1.15;display:inline-flex}.detail-card-subtitle{color:var(--text-secondary);font-size:.85rem}.detail-card-head-actions{gap:.5rem;display:flex}.detail-content{flex-direction:column;gap:1rem;display:flex}.detail-comments-card{border-radius:24px;padding:1.5rem}.detail-related-card{border-radius:24px;flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.detail-related-item{color:inherit;border-radius:12px;gap:1rem;padding:.75rem;text-decoration:none;transition:transform .2s;display:flex}.detail-related-item:hover{transform:translateY(-2px)}.detail-related-media{background:#000;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.detail-related-media.square{aspect-ratio:1;width:100px}.detail-related-media.portrait{aspect-ratio:9/16;width:100px}.detail-related-media img{object-fit:cover;width:100%;height:100%}.detail-related-copy{min-width:0;padding:.25rem 0}.detail-related-copy p:first-child{margin-bottom:.4rem;font-size:.85rem;font-weight:600;line-height:1.25}.detail-related-copy p:last-child{color:var(--text-secondary);font-size:.75rem}.tiktok-feed-container{scroll-snap-type:none;flex-direction:column;gap:1.5rem;width:min(100%,980px);margin:0 auto;display:flex}.tiktok-item{width:100%;box-shadow:var(--shadow);scroll-snap-align:start;background:#111;border-radius:20px;flex-direction:column;gap:0;margin:0 auto;display:flex;overflow:hidden}.tiktok-video-col{aspect-ratio:9/16;background:#000;justify-content:center;align-items:center;width:100%;max-height:min(78vh,900px);display:flex;position:relative}.tiktok-item.is-landscape{min-height:auto}.tiktok-item.is-landscape .tiktok-video-col{aspect-ratio:16/9;max-height:560px}.tiktok-item.is-landscape .tiktok-panel{min-height:auto}.tiktok-video-col video{object-fit:contain;width:100%;height:100%;display:block}.tiktok-video-col iframe{border:0;width:100%;height:100%;display:block}.platform-badge{z-index:10;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;top:1rem;left:1rem;box-shadow:0 2px 10px #00000080}.tiktok-panel{background:var(--surface-color);border-top:1px solid var(--glass-border);flex-direction:column;width:100%;display:flex}.panel-creator-header{border-bottom:1px solid var(--glass-border);align-items:center;gap:1rem;padding:1.5rem;display:flex}.panel-creator-header img{border:2px solid var(--primary);border-radius:50%;flex-shrink:0;width:52px;height:52px}.panel-creator-info{flex:1}.panel-creator-info h3{margin-bottom:.1rem;font-size:1rem;font-weight:700}.panel-creator-info p{color:var(--text-secondary);font-size:.78rem}.panel-post-body{border-bottom:1px solid var(--glass-border);padding:0 1.5rem 1.5rem}.panel-post-title{font-size:1.1rem;font-weight:700;line-height:1.35}.panel-post-tag{color:var(--secondary);align-items:center;gap:.4rem;margin-top:.8rem;font-size:.8rem;font-weight:700;display:inline-flex}.panel-stats{border-bottom:1px solid var(--glass-border);gap:0;display:flex}.stat-pill{color:var(--text-secondary);border-right:1px solid var(--glass-border);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:.9rem .5rem;font-size:.78rem;transition:background .2s;display:flex}.stat-pill:last-child{border-right:none}.stat-pill:hover{background:var(--glass)}.stat-pill .stat-val{color:var(--text-primary);margin-bottom:.15rem;font-size:1.1rem;font-weight:800;line-height:1}.panel-actions{border-bottom:1px solid var(--glass-border);gap:.75rem;padding:1rem 1.5rem;display:flex}.action-icon-btn{background:var(--glass);border:1px solid var(--glass-border);color:var(--text-primary);cursor:pointer;border-radius:10px;align-items:center;gap:.4rem;padding:.55rem 1rem;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.action-icon-btn:hover{border-color:var(--primary);color:var(--primary);background:#9146ff14}.action-icon-btn.liked{color:var(--accent);border-color:var(--accent);background:#ff4b4b14}.comments-area{flex-direction:column;gap:.75rem;max-height:360px;padding:1rem 1.5rem;display:flex;overflow-y:auto}.comments-area::-webkit-scrollbar{width:4px}.comments-area::-webkit-scrollbar-track{background:0 0}.comments-area::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:4px}.comment-item{align-items:flex-start;gap:.75rem;display:flex}.comment-avatar{border:1px solid var(--glass-border);object-fit:cover;border-radius:50%;flex-shrink:0;width:32px;height:32px}.comment-bubble{background:var(--glass);border:1px solid var(--glass-border);border-radius:12px 12px 12px 4px;flex:1;padding:.55rem .9rem}.comment-username{color:var(--primary);align-items:center;gap:.4rem;margin-bottom:.15rem;font-size:.75rem;font-weight:700;display:flex}.comment-platform-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.comment-text{color:var(--text-primary);font-size:.85rem;line-height:1.4}.comment-time{color:var(--text-secondary);margin-top:.15rem;font-size:.7rem}.no-comments{color:var(--text-secondary);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:2rem 0;font-size:.85rem;display:flex}.no-comments i{opacity:.3;font-size:2rem}.comment-input-bar{border-top:1px solid var(--glass-border);background:var(--surface-color);align-items:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.comment-input-bar img{border:2px solid var(--primary);border-radius:50%;flex-shrink:0;width:34px;height:34px}.comment-input-wrap{background:var(--glass);border:1px solid var(--glass-border);border-radius:12px;flex:1;padding:.55rem 1rem;transition:border-color .2s}.comment-input-wrap:focus-within{border-color:var(--primary)}.comment-input-wrap textarea{color:var(--text-primary);resize:none;background:0 0;border:none;outline:none;width:100%;min-height:36px;max-height:100px;font-family:inherit;font-size:.85rem;line-height:1.5}.comment-input-wrap textarea::placeholder{color:var(--text-secondary)}.feed-tabs{border-bottom:1px solid var(--glass-border);gap:0;margin-bottom:1.5rem;display:flex}.feed-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-1px;padding:.75rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:700;transition:all .2s}.feed-tab.active{color:var(--text-primary);border-bottom-color:var(--primary)}.feed-tab:hover:not(.active){color:var(--text-primary)}.text-gradient{background:linear-gradient(45deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass-morphism{background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border)}.loader-item{color:var(--primary);justify-content:center;padding:2rem;display:flex}.clip-view-player{aspect-ratio:9/16;max-height:min(78vh,900px)}.clip-view-player-landscape{aspect-ratio:16/9;max-height:560px}@media (width<=760px){.home-section-head,.home-compose-guest{flex-direction:column;align-items:flex-start}.home-top-stack{margin-bottom:1rem}.x-composer-main{flex-direction:column}.x-composer-grid.two-up,.post-media-grid.multi{grid-template-columns:1fr}.tiktok-feed-container{scroll-snap-type:none;gap:1rem}.tiktok-item{flex-direction:column;height:auto;min-height:auto}.tiktok-item.is-landscape .tiktok-video-col{width:100%;max-height:none}.tiktok-video-col{aspect-ratio:9/16;max-height:70vh}.tiktok-panel,.comments-area{max-height:none}.nav-search{display:none}}@media (width<=600px){.top-nav{padding:0 1rem}.nav-center{display:none}main{padding:1rem}.tiktok-video-col{aspect-ratio:9/16}}:root{--bg-color:#eef3fb;--surface-color:#fff;--surface-hover:#f4f7ff;--text-primary:#1f2430;--text-secondary:#8c93a8;--primary:#3d5afe;--secondary:#7a8dfd;--accent:#ff5d80;--glass:#ffffffe6;--glass-border:#23386d14;--shadow:0 24px 60px #273d8326}:root[data-theme=dark]{--bg-color:#0f1726;--surface-color:#111827;--surface-hover:#182235;--text-primary:#f3f6ff;--text-secondary:#9aa6c0;--primary:#7b8fff;--secondary:#94a3ff;--accent:#ff7b9a;--glass:#111827e0;--glass-border:#94a3ff1f;--shadow:0 24px 60px #0006}body.app-body{min-height:100vh;color:var(--text-primary);background:radial-gradient(circle at 0 0,#3d5afe17,#0000 24%),radial-gradient(circle at 100% 0,#7a8dfd1f,#0000 22%),linear-gradient(#f7f9fe 0%,#edf2fb 100%)}:root[data-theme=dark] body.app-body{background:radial-gradient(circle at 0 0,#7b8fff1a,#0000 24%),radial-gradient(circle at 100% 0,#94a3ff1a,#0000 22%),linear-gradient(#111827 0%,#0b1220 100%)}.mobile-app-shell{justify-content:center;min-height:100vh;padding:1.5rem;display:flex}.mobile-app-screen{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc2;border:1px solid #fffc;border-radius:34px;width:min(100%,430px);min-height:calc(100vh - 3rem);position:relative;overflow:hidden;box-shadow:0 35px 90px #1c2d602e}:root[data-theme=dark] .mobile-app-screen,:root[data-theme=dark] .mobile-topbar,:root[data-theme=dark] .glass-morphism,:root[data-theme=dark] .home-stories-card,:root[data-theme=dark] .home-compose-card,:root[data-theme=dark] .post-card,:root[data-theme=dark] .detail-card,:root[data-theme=dark] .detail-comments-card,:root[data-theme=dark] .detail-related-card,:root[data-theme=dark] .desktop-side-card{background:#111827e0;border-color:#94a3ff1f;box-shadow:0 20px 50px #00000047}.mobile-app-screen-wide{width:min(100%,1040px)}.mobile-topbar{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#fffffff0,#ffffffd1);border-bottom:1px solid #2b427a0f;padding:1rem 1rem .85rem;position:sticky;top:0}.desktop-topbar-row,.desktop-nav-links,.desktop-top-actions{display:none}.mobile-topbar-row,.mobile-top-actions,.mobile-tab-pills,.mobile-bottom-nav{align-items:center;display:flex}.mobile-topbar-row{justify-content:space-between;gap:1rem}.mobile-brand{letter-spacing:-.05em;color:#4968ff;text-shadow:0 4px 18px #4968ff2e;font-size:2rem;font-weight:800;line-height:1}.mobile-page-title{color:var(--text-primary);font-size:1.15rem;font-weight:800}.mobile-top-actions{gap:.6rem}.mobile-icon-btn,.mobile-avatar-btn{width:42px;height:42px;color:var(--text-primary);background:#ffffffd1;border:1px solid #2f498e14;border-radius:14px;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 10px 30px #3b4f8d14}.mobile-icon-btn.active{color:var(--primary)}.mobile-avatar-btn{cursor:pointer;padding:0;overflow:hidden}.mobile-avatar-btn img{object-fit:cover;width:100%;height:100%}.mobile-top-menu{position:relative}.mobile-menu-panel{background:#fffffff5;border:1px solid #2f498e14;border-radius:18px;gap:.25rem;width:220px;padding:.5rem;display:grid;position:absolute;top:calc(100% + .65rem);right:0;box-shadow:0 24px 60px #273d8329}.mobile-menu-panel a,.mobile-menu-panel button{text-align:left;font:inherit;color:var(--text-primary);background:0 0;border:0;border-radius:14px;padding:.85rem .95rem}.mobile-menu-panel a:hover,.mobile-menu-panel button:hover{background:var(--surface-hover)}.mobile-tab-pills{scrollbar-width:none;gap:.55rem;margin-top:.95rem;overflow-x:auto}.mobile-tab-pills::-webkit-scrollbar{display:none}.mobile-tab-pill{color:var(--text-secondary);background:#ffffffc7;border:1px solid #2f498e1a;border-radius:14px;flex-shrink:0;padding:.62rem 1rem;font-size:.88rem;font-weight:700}.mobile-tab-pill.active{color:#fff;background:linear-gradient(#5272ff,#3253fc);border-color:#0000;box-shadow:0 14px 28px #3d5afe47}.app-container{min-height:100%;padding-top:0}.desktop-content-layout{display:block}.desktop-side-menu{display:none}main{max-width:none;margin:0;padding:1rem 1rem 6.75rem}.flash-message{border-radius:18px;margin-bottom:1rem;padding:.95rem 1rem;font-size:.92rem;font-weight:600}.flash-success{color:#1d7b44;background:#53c37c1f;border:1px solid #53c37c38}.flash-error{color:#c83d61;background:#ff5d801f;border:1px solid #ff5d8033}:root[data-theme=dark] .flash-success{color:#8be1a8;background:#53c37c1f}:root[data-theme=dark] .flash-error{color:#ff9ab0;background:#ff5d801f}.glass-morphism,.home-stories-card,.home-compose-card,.post-card,.detail-card,.detail-comments-card,.detail-related-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe0;border:1px solid #2f498e14;box-shadow:0 20px 50px #374e9214}.feed-wrapper,.home-top-stack,.post-feed-stack,.tiktok-feed-container,.detail-view-page{width:100%;max-width:none}.feed-page,.detail-view-page{display:block}.home-top-stack,.post-feed-stack,.tiktok-feed-container,.detail-view-stack{gap:1rem}.home-stories-card,.post-card,.detail-card,.detail-comments-card,.detail-related-card{border-radius:28px}.home-stories-card{padding:1rem}.home-stories-headline{margin-bottom:.25rem}.home-section-kicker,.post-detail-label{color:#98a0b4}.home-stories-card h2,.home-compose-card h2{color:var(--text-primary);font-size:1.12rem}.stories-row{gap:.9rem;padding-top:.85rem}.story-bubble{min-width:74px;max-width:74px}.story-avatar-ring{background:linear-gradient(#526eff,#3a57ff);width:68px;height:68px;padding:2px;box-shadow:0 16px 28px #3d5afe33}.story-avatar,.story-avatar-create{background:#edf2fb;border:3px solid #fff}.story-plus-badge{background:linear-gradient(#5b75ff,#3455fe);border:2px solid #fff;bottom:0;right:0}.story-name{color:#5f667b;font-weight:700}.home-empty-state{color:var(--text-secondary);padding-top:.85rem;font-size:.86rem}.home-feed-label{margin:.3rem 0 .8rem;padding:0 .2rem}.home-feed-label span{color:var(--text-primary);font-size:1rem;font-weight:800}.home-feed-label-secondary{margin-top:1.2rem}.home-composer-drawer{margin-top:.2rem}.home-compose-card{padding:1rem}.x-composer-avatar,.post-card-avatar{border:3px solid #536eff24;width:44px;height:44px}.x-composer-textarea{min-height:72px;color:var(--text-primary);font-size:1.05rem;line-height:1.45}.x-composer-textarea::placeholder{color:#a0a8ba}.x-composer-panel,.post-detail-card,.comment-input-wrap{background:#f7f9fe;border-color:#2f498e14}.x-composer-input,.comment-input-wrap{color:var(--text-primary)}.x-upload-dropzone{background:#fff;border-color:#536eff29}.x-tool-icon,.x-inline-link{color:var(--primary)}.btn{border-radius:16px}.btn-primary{background:linear-gradient(#5573ff,#3455fe);box-shadow:0 16px 28px #3d5afe38}.btn-primary:hover{filter:none;transform:translateY(-1px);box-shadow:0 18px 34px #3d5afe47}.btn-glass{color:var(--text-primary);background:#f6f8fe;border-color:#2f498e14}.post-card{padding:1rem}.post-card-head{align-items:flex-start}.post-card-meta h3,.detail-card-title{color:var(--text-primary)}.post-card-meta p,.detail-card-subtitle,.comment-time,.post-detail-card p,.clip-post-summary,.detail-related-copy p:last-child{color:var(--text-secondary)}.post-card-body{color:#30374a;font-size:.98rem}.post-media-grid img,.post-media-grid video,.post-media-grid iframe,.post-gif-embed img,.clip-post-player{border-radius:24px}.post-detail-card{border-radius:22px}.clip-post-chip{background:#3d5afe14;border-color:#3d5afe1f}.clip-post-chip-muted{color:var(--text-secondary);background:#f7f9fe;border-color:#2f498e14}.clip-post-player{background:#dfe6ff;border-color:#2f498e14}.clip-post-player .tiktok-video,.clip-post-player .tiktok-video-frame{object-fit:cover;border-radius:24px;width:100%;min-height:320px}.panel-actions{border-top-color:#2f498e14!important}.action-icon-btn{color:#50586f;background:#f8faff;border:1px solid #2f498e14;border-radius:999px;align-items:center;gap:.4rem;padding:.6rem .8rem;font-size:.84rem;font-weight:700;display:inline-flex}.action-icon-btn.liked{color:#c83d61;background:#ff5d801f;border-color:#ff5d8029}.comment-bubble{background:#f7f9fe}.comment-username{color:#516eff}.detail-card,.detail-comments-card,.detail-related-card{padding:1rem}.detail-related-item{background:#f7f9fe}.mobile-bottom-nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#ffffffd1,#fffffff7);border-top:1px solid #2f498e14;justify-content:space-between;padding:.7rem 1.1rem 1rem;position:absolute;bottom:0;left:0;right:0}.mobile-bottom-link{color:#767e92;flex-direction:column;align-items:center;gap:.35rem;width:74px;font-size:.74rem;font-weight:700;display:inline-flex}.mobile-bottom-link i{font-size:1rem}.mobile-bottom-link.active{color:var(--primary)}.mobile-bottom-link-spacer{pointer-events:none}.mobile-create-fab{color:#fff;z-index:30;background:linear-gradient(#5a76ff,#3455fe);border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;display:inline-flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%);box-shadow:0 24px 40px #3d5afe57}.mobile-login-btn{min-width:82px}@media (width>=901px){.mobile-app-shell{padding:1.75rem}.mobile-app-screen{border-radius:32px;width:min(100%,1380px);min-height:calc(100vh - 3.5rem);overflow:visible}.mobile-topbar{border-radius:32px 32px 0 0;padding:1.15rem 1.5rem}.desktop-topbar-row,.desktop-nav-links,.desktop-top-actions{align-items:center;display:flex}.desktop-topbar-row{justify-content:space-between;gap:1.5rem}.desktop-brand{letter-spacing:-.04em;color:#4968ff;flex-shrink:0;font-size:1.65rem;font-weight:800}.desktop-nav-links{flex:1;justify-content:center;gap:.55rem;min-width:0}.desktop-nav-link{color:#6f7890;border-radius:999px;padding:.72rem 1rem;font-size:.92rem;font-weight:700;transition:background .2s,color .2s,box-shadow .2s}.desktop-nav-link:hover,.desktop-nav-link.active{color:var(--primary);background:#3d5afe14;box-shadow:inset 0 0 0 1px #3d5afe14}.desktop-top-actions{flex-shrink:0;gap:.75rem}.desktop-icon-btn{width:42px;height:42px;color:var(--text-primary);background:#ffffffd1;border:1px solid #2f498e14;border-radius:14px;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 10px 30px #3b4f8d14}.desktop-icon-btn.active{color:var(--primary)}.desktop-user-menu{position:relative}.desktop-user-chip{height:42px;color:var(--text-primary);font:inherit;cursor:pointer;background:#ffffffe0;border:1px solid #2f498e14;border-radius:999px;align-items:center;gap:.55rem;padding:.3rem .65rem .3rem .35rem;display:inline-flex;box-shadow:0 10px 30px #3b4f8d14}.desktop-user-chip img{object-fit:cover;border-radius:50%;width:32px;height:32px}.desktop-user-chip span{text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:.88rem;font-weight:700;overflow:hidden}.desktop-user-chip i{color:#7d8497;font-size:.74rem}.mobile-header-shell,.mobile-bottom-nav,.mobile-create-fab{display:none}.app-container{min-height:auto}.desktop-content-layout.has-sidebar{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}.desktop-side-menu{display:block;position:sticky;top:6.9rem}.desktop-side-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe0;border:1px solid #2f498e14;border-radius:24px;padding:1rem;box-shadow:0 20px 50px #374e9214}.desktop-side-kicker{color:#98a0b4;letter-spacing:.14em;text-transform:uppercase;margin-bottom:.85rem;font-size:.74rem;font-weight:800}.desktop-side-links{gap:.4rem;display:grid}.desktop-side-link{color:#6f7890;border-radius:16px;align-items:center;gap:.75rem;padding:.82rem .9rem;font-size:.92rem;font-weight:700;transition:background .2s,color .2s,box-shadow .2s;display:inline-flex}.desktop-side-link i{text-align:center;color:#8a92a6;width:1rem;transition:color .2s}.desktop-side-link:hover,.desktop-side-link.active{color:var(--primary);background:#3d5afe14;box-shadow:inset 0 0 0 1px #3d5afe14}.desktop-side-link:hover i,.desktop-side-link.active i{color:var(--primary)}.desktop-following-panel{border-top:1px solid #2f498e14;margin-top:1.15rem;padding-top:1rem}.desktop-following-list{gap:.35rem;max-height:340px;padding-right:.2rem;display:grid;overflow-y:auto}.desktop-following-item{color:#6f7890;border-radius:16px;align-items:center;gap:.7rem;padding:.62rem .72rem;font-size:.88rem;font-weight:700;transition:background .2s,color .2s,box-shadow .2s;display:inline-flex}.desktop-following-item img,.desktop-profile-dock img{object-fit:cover;border-radius:50%;flex-shrink:0;width:34px;height:34px}.desktop-following-item:hover,.desktop-following-item.active,.desktop-profile-dock:hover,.desktop-profile-dock.active,.desktop-theme-toggle:hover{color:var(--primary);background:#3d5afe14;box-shadow:inset 0 0 0 1px #3d5afe14}.desktop-following-empty{color:var(--text-secondary);font-size:.88rem;line-height:1.5}.desktop-side-footer{border-top:1px solid #2f498e14;gap:.45rem;margin-top:1.15rem;padding-top:1rem;display:grid}.desktop-profile-dock,.desktop-theme-toggle{color:#6f7890;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:18px;align-items:center;gap:.7rem;width:100%;padding:.72rem;font-family:inherit;font-size:.9rem;font-weight:700;transition:background .2s,color .2s,box-shadow .2s;display:inline-flex}.desktop-theme-toggle i{width:34px;height:34px;color:var(--primary);background:#3d5afe14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}main{padding:1.75rem 2rem 2rem}.desktop-content-layout.has-sidebar main{padding-left:0}.feed-wrapper{max-width:1220px;margin:0 auto}.home-top-stack,.post-feed-stack,.tiktok-feed-container{width:min(100%,980px);margin-left:auto;margin-right:auto}.home-stories-card,.post-card,.detail-card,.detail-comments-card,.detail-related-card{padding:1.2rem 1.3rem}}@media (width<=900px){.desktop-side-menu{display:none}}:root[data-theme=dark] .desktop-following-panel,:root[data-theme=dark] .desktop-side-footer{border-top-color:#94a3ff1f}:root[data-theme=dark] .desktop-side-link,:root[data-theme=dark] .desktop-following-item,:root[data-theme=dark] .desktop-profile-dock,:root[data-theme=dark] .desktop-theme-toggle,:root[data-theme=dark] .desktop-nav-link,:root[data-theme=dark] .desktop-user-chip,:root[data-theme=dark] .desktop-icon-btn{color:#b4bfd6}:root[data-theme=dark] .desktop-side-link i,:root[data-theme=dark] .desktop-user-chip i{color:#95a3bf}:root[data-theme=dark] .x-composer-panel,:root[data-theme=dark] .post-detail-card,:root[data-theme=dark] .comment-input-wrap,:root[data-theme=dark] .comment-bubble,:root[data-theme=dark] .detail-related-item,:root[data-theme=dark] .clip-post-chip-muted,:root[data-theme=dark] .btn-glass{background:#162132;border-color:#94a3ff1f}:root[data-theme=dark] .post-card-body{color:#d4dcf0}@media (width<=760px){.mobile-app-shell{padding:0}.mobile-app-screen,.mobile-app-screen-wide{width:100%;min-height:100vh;box-shadow:none;border:0;border-radius:0}.mobile-topbar{padding-top:max(1rem, env(safe-area-inset-top))}main{padding-bottom:7rem}}