:root{--grad-1: #d97acb;--grad-2: #c35cfe;--accent: #b754f9;--accent-ink: #ffffff;--like: #ff5751;--follow: #3e8bff;--bg: #15161a;--surface: #1d1f25;--surface-2: #262830;--fg: #f4f4f6;--muted: #a3a6b1;--faint: #6c7080;--line: #2c2f38;--overlay: rgba(0, 0, 0, .55);--f-body: "Outfit", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--f-display: "Unbounded", "Outfit", ui-sans-serif, system-ui, sans-serif;--radius: 14px;--rail: 232px;--tabbar: 60px;color-scheme:dark}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--bg: #f9f9f9;--surface: #ffffff;--surface-2: #f0f0f0;--fg: #15161a;--muted: #5d5f68;--faint: #8b8b8b;--line: #e6e6e9;--overlay: rgba(0,0,0,.45);color-scheme:light}}:root[data-theme=light]{--bg: #f9f9f9;--surface: #ffffff;--surface-2: #f0f0f0;--fg: #15161a;--muted: #5d5f68;--faint: #8b8b8b;--line: #e6e6e9;--overlay: rgba(0,0,0,.45);color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font:15px/1.5 var(--f-body);-webkit-font-smoothing:antialiased;overscroll-behavior:none}button,input,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}h1,h2,h3{font-family:var(--f-display);font-weight:600;letter-spacing:-.01em;margin:0;text-wrap:balance}.muted{color:var(--muted)}.faint{color:var(--faint)}.tabular{font-variant-numeric:tabular-nums}.grad-text{background:linear-gradient(90deg,var(--grad-1),var(--grad-2));-webkit-background-clip:text;background-clip:text;color:transparent}.desk{display:grid;height:100%;grid-template-columns:var(--rail) minmax(0,1fr)}.desk.with-discover{grid-template-columns:var(--rail) minmax(0,1fr) var(--discover)}html[data-tier=tablet]{--rail: 76px;--discover: 0px}html[data-tier=laptop]{--rail: 232px;--discover: 0px}html[data-tier=desktop]{--rail: 240px;--discover: 340px;--context: 380px}html[data-tier=wide]{--rail: 264px;--discover: 360px;--context: 420px}.desk-main{min-width:0;height:100vh;overflow-y:auto;position:relative}.rail{border-right:1px solid var(--line);padding:20px 14px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh;overflow-y:auto}.rail-compact .rail{padding:20px 10px;align-items:center}.rail-compact .rail a.nav{justify-content:center;width:52px}.rail-compact .rail .create-btn{width:48px;padding:0;margin-inline:0}.logo{display:flex;align-items:center;gap:10px;padding:4px 10px 22px;font:700 20px var(--f-display)}.logo-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--grad-1),var(--grad-2));display:grid;place-items:center;color:#fff}.logo-mark svg{width:16px;height:16px}.rail a.nav{display:flex;align-items:center;gap:14px;padding:10px 12px;border-radius:12px;font-weight:500;color:var(--muted)}.rail a.nav:hover{background:var(--surface);color:var(--fg)}.rail a.nav.active{color:var(--fg);background:var(--surface)}.rail a.nav.active svg{color:var(--accent)}.rail a.nav svg{width:22px;height:22px;flex:none}.rail .create-btn{margin:14px 4px 4px}.rail-foot{margin-top:auto;font-size:12px;color:var(--faint);padding:0 6px;display:flex;flex-direction:column;gap:4px}.rail-foot .row b{font-size:14px;color:var(--fg)}.mobile{display:grid;grid-template-rows:minmax(0,1fr) auto;height:100%}.mobile-main{min-width:0;overflow-y:auto;position:relative}.tabbar{display:flex;justify-content:space-around;align-items:center;height:calc(var(--tabbar) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--bg);border-top:1px solid var(--line);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.tabbar a{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;color:var(--muted);padding:6px 10px}.tabbar a.active{color:var(--fg)}.tabbar svg{width:24px;height:24px}.tabbar .plus{width:46px;height:32px;border-radius:10px;background:linear-gradient(90deg,var(--grad-1),var(--grad-2));display:grid;place-items:center;color:#fff}.theater{display:grid;grid-template-columns:minmax(0,1fr) var(--context, 380px);height:100%}.theater-stage{position:relative;min-width:0;height:100%;overflow-y:auto}.theater-stage>.reels{height:100%}.theater-tabs{position:absolute;top:16px;left:24px;z-index:5;display:flex;gap:6px;background:color-mix(in srgb,var(--surface) 80%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:999px;padding:4px}.theater-tabs a{padding:6px 14px;border-radius:999px;font-weight:600;font-size:14px;color:var(--muted)}.theater-tabs a.active{background:var(--fg);color:var(--bg)}.context-panel{border-left:1px solid var(--line);background:var(--surface);display:flex;flex-direction:column;min-width:0;height:100vh;position:sticky;top:0}.context-head{padding:18px 18px 14px;border-bottom:1px solid var(--line)}.context-head .row b{display:flex;align-items:center;gap:4px}.discover{border-left:1px solid var(--line);padding:18px 18px 32px;display:flex;flex-direction:column;gap:16px;height:100vh;overflow-y:auto;position:sticky;top:0;min-width:0}.side-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.side-card h2{font-size:14px;margin-bottom:6px}.trend-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.trend-list a{display:grid;grid-template-columns:22px 1fr auto;gap:8px;align-items:baseline;padding:7px 0;border-top:1px solid var(--line)}.trend-list li:first-child a{border-top:0}.trend-list a:hover b{color:var(--accent)}.side-foot{font-size:12px;color:var(--faint);padding:0 4px}.side-foot a:hover{color:var(--fg)}.card-stack{display:flex;flex-direction:column;gap:18px;min-width:0}.card-wall{columns:2;column-gap:18px}.card-wall>*{break-inside:avoid;margin-bottom:18px}.section-grid{display:grid;gap:24px;grid-template-columns:minmax(0,1fr)}html[data-tier=wide] .section-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.user-grid{display:grid;gap:4px 18px;grid-template-columns:minmax(0,1fr)}html[data-tier=laptop] .user-grid,html[data-tier=desktop] .user-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-tier=wide] .user-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.column.profile-split{display:grid;grid-template-columns:300px minmax(0,1fr);gap:28px;align-items:start}.profile-split .profile-side{position:sticky;top:24px}.profile-split .profile-head{grid-template-columns:minmax(0,1fr);justify-items:start}.profile-content{display:flex;flex-direction:column;gap:18px;min-width:0}.split-2{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px;align-items:start}.notif-col{padding:6px 16px 14px;display:flex;flex-direction:column;gap:10px;min-width:0}.split-2>.notif-col:last-child{padding:0}.col-title{font-size:15px;padding:10px 0 2px}.settings-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:18px;align-items:start}.settings-grid>form{grid-row:span 2}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 18px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-weight:600;cursor:pointer;white-space:nowrap}.btn:hover{background:var(--surface-2)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn svg{width:18px;height:18px}.btn-grad{border:0;color:#fff;background:linear-gradient(90deg,var(--grad-1),var(--grad-2))}.btn-grad:hover{filter:brightness(1.06);background:linear-gradient(90deg,var(--grad-1),var(--grad-2))}.btn-follow{border:0;background:var(--follow);color:#fff}.btn-follow:hover{background:color-mix(in srgb,var(--follow) 88%,#000)}.btn-sm{height:32px;padding:0 14px;font-size:13.5px}.btn-block{width:100%}.icon-btn{width:40px;padding:0}.link{color:var(--accent);font-weight:600;background:none;border:0;padding:0;cursor:pointer}.feed-tabs{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);z-index:5;display:flex;gap:22px;font-weight:600}.feed-tabs a{color:#ffffffa6;padding-bottom:4px;border-bottom:2px solid transparent;text-shadow:0 1px 4px rgba(0,0,0,.4)}.feed-tabs a.active{color:#fff;border-color:#fff}.reels{height:100%;overflow-y:scroll;scroll-snap-type:y mandatory;position:relative;background:#000;scrollbar-width:none}.reels::-webkit-scrollbar{display:none}.reel{height:100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center;gap:18px;padding:16px 0;position:relative}.stage{position:relative;height:100%;aspect-ratio:9 / 16;max-width:100%;border-radius:16px;overflow:hidden;background:#111}.stage video,.stage img.poster{width:100%;height:100%;object-fit:cover;display:block}.stage .tap{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer}.stage .shade{position:absolute;inset:auto 0 0 0;height:45%;background:linear-gradient(transparent,#000000b8);pointer-events:none}.stage .meta{position:absolute;left:14px;right:70px;bottom:18px;color:#fff;display:flex;flex-direction:column;gap:6px;text-shadow:0 1px 3px rgba(0,0,0,.5)}.stage .meta .who{font-weight:700;display:flex;align-items:center;gap:6px}.stage .meta .caption{font-size:14.5px;line-height:1.4}.stage .meta .caption a{font-weight:700}.stage .meta .sound{display:flex;align-items:center;gap:6px;font-size:13px;opacity:.9}.stage .meta .sound svg{width:14px;height:14px}.stage .paused{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none}.stage .paused svg{width:64px;height:64px;color:#ffffffd9;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}.stage .progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:#fff3}.stage .progress span{display:block;height:100%;background:#fff;width:0}.stage .mute{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:50%;border:0;background:var(--overlay);color:#fff;display:grid;place-items:center;cursor:pointer}.stage .mute svg{width:18px;height:18px}.heart-burst{position:absolute;width:96px;height:96px;color:var(--like);pointer-events:none;transform:translate(-50%,-50%);animation:burst .8s ease-out forwards;filter:drop-shadow(0 4px 12px rgba(0,0,0,.35))}@keyframes burst{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}25%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}to{opacity:0;transform:translate(-50%,-80%) scale(1)}}.actions{display:flex;flex-direction:column;align-items:center;gap:16px;align-self:flex-end;padding-bottom:20px}.act{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:0;color:var(--fg);cursor:pointer;font-size:12.5px;font-weight:600}.act .bubble{width:48px;height:48px;border-radius:50%;background:var(--surface-2);display:grid;place-items:center;transition:transform .12s}.act:hover .bubble{background:color-mix(in srgb,var(--surface-2) 80%,var(--fg))}.act:active .bubble{transform:scale(.92)}.act svg{width:24px;height:24px}.act.on.like svg{color:var(--like)}.act.on.save svg{color:#ffc93c}.act-avatar{position:relative;margin-bottom:6px}.act-avatar img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--fg)}.act-avatar .plus{position:absolute;left:50%;bottom:-9px;transform:translate(-50%);width:22px;height:22px;border-radius:50%;border:0;background:var(--like);color:#fff;display:grid;place-items:center;cursor:pointer}.act-avatar .plus svg{width:14px;height:14px}.column{max-width:640px;margin:0 auto;padding:24px 16px 96px;display:flex;flex-direction:column;gap:18px}.wide{max-width:980px}.xwide{max-width:1240px}html[data-tier=wide] .wide{max-width:1180px}.page-title{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.page-title h1{font-size:22px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.post-card{overflow:hidden}.post-head{display:flex;align-items:center;gap:10px;padding:12px 14px}.post-head .names{min-width:0;flex:1;line-height:1.25}.post-head .names b{display:flex;align-items:center;gap:4px}.post-head .names span{font-size:13px;color:var(--muted)}.post-media{position:relative;background:#000}.post-media img,.post-media video{width:100%;max-height:640px;object-fit:contain;display:block;background:#000}.carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.carousel::-webkit-scrollbar{display:none}.carousel>*{flex:0 0 100%;scroll-snap-align:center}.dots{position:absolute;bottom:10px;left:0;right:0;display:flex;justify-content:center;gap:5px}.dots i{width:6px;height:6px;border-radius:50%;background:#ffffff80}.dots i.on{background:#fff}.text-post{padding:34px 26px;font:600 20px/1.45 var(--f-display);background:linear-gradient(135deg,color-mix(in srgb,var(--grad-1) 30%,var(--surface)),color-mix(in srgb,var(--grad-2) 35%,var(--surface)))}.post-body{padding:10px 14px 14px;display:flex;flex-direction:column;gap:8px}.post-bar{display:flex;align-items:center;gap:4px}.post-bar .spacer{flex:1}.chip-btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 10px;border-radius:999px;border:0;background:none;cursor:pointer;font-weight:600;color:var(--fg)}.chip-btn:hover{background:var(--surface-2)}.chip-btn svg{width:22px;height:22px}.chip-btn.on.like svg{color:var(--like)}.chip-btn.on.save svg{color:#ffc93c}.caption a{color:var(--accent);font-weight:600}.verified{width:15px;height:15px;color:var(--follow);flex:none}.avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;background:var(--surface-2);flex:none}.avatar.lg{width:96px;height:96px}.avatar.sm{width:32px;height:32px}.stories{display:flex;gap:14px;overflow-x:auto;padding:4px 2px 6px;scrollbar-width:none}.stories::-webkit-scrollbar{display:none}.story-chip{display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:0;cursor:pointer;width:70px;flex:none;color:var(--fg)}.story-ring{padding:3px;border-radius:50%;background:linear-gradient(135deg,var(--grad-1),var(--grad-2))}.story-ring.seen{background:var(--line)}.story-ring img{width:60px;height:60px;border-radius:50%;border:3px solid var(--bg);object-fit:cover;display:block}.story-chip span{font-size:12px;max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#000;display:grid;place-items:center}.story-frame{position:relative;height:min(100%,900px);aspect-ratio:9 / 16;max-width:100%;background:#111;overflow:hidden}.story-frame img,.story-frame video{width:100%;height:100%;object-fit:cover}.story-bars{position:absolute;top:calc(10px + env(safe-area-inset-top,0px));left:10px;right:10px;display:flex;gap:4px;z-index:2}.story-bars i{flex:1;height:3px;background:#ffffff4d;border-radius:2px;overflow:hidden}.story-bars i span{display:block;height:100%;background:#fff;width:0}.story-top{position:absolute;top:calc(22px + env(safe-area-inset-top,0px));left:12px;right:12px;display:flex;align-items:center;gap:10px;color:#fff;z-index:2;text-shadow:0 1px 3px rgba(0,0,0,.5)}.story-top .x{margin-left:auto;background:none;border:0;color:#fff;cursor:pointer}.story-nav{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:1fr 2fr;z-index:1}.story-nav button{background:none;border:0;cursor:pointer}.drawer-back{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);z-index:40}.drawer{position:fixed;z-index:41;right:0;top:0;bottom:0;width:min(440px,100vw);background:var(--surface);border-left:1px solid var(--line);display:flex;flex-direction:column;animation:slidein .2s ease-out}@keyframes slidein{0%{transform:translate(40px);opacity:0}}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line);padding-top:calc(14px + env(safe-area-inset-top,0px))}.drawer-head h2{font-size:16px}.drawer-body{flex:1;overflow-y:auto;padding:8px 16px}.drawer-foot{border-top:1px solid var(--line);padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));display:flex;gap:8px;align-items:center}.comment{display:flex;gap:10px;padding:10px 0}.comment .body{flex:1;min-width:0;font-size:14.5px}.comment .body b{font-size:13.5px}.comment .meta{display:flex;gap:14px;font-size:12.5px;color:var(--muted);margin-top:2px;align-items:center}.comment .meta button{background:none;border:0;color:inherit;cursor:pointer;padding:0;font-weight:600}.comment .like-c{background:none;border:0;color:var(--muted);cursor:pointer;display:flex;flex-direction:column;align-items:center;font-size:12px}.comment .like-c.on{color:var(--like)}.comment .like-c svg{width:18px;height:18px}.replies{margin-left:50px;border-left:2px solid var(--line);padding-left:10px}.input{width:100%;border:1px solid var(--line);background:var(--surface-2);border-radius:999px;padding:10px 16px;outline:none}.input:focus{border-color:var(--accent)}textarea.input{border-radius:14px;resize:vertical;min-height:110px;line-height:1.5}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}.tile{position:relative;aspect-ratio:3 / 4;background:var(--surface-2);overflow:hidden;border-radius:4px;display:block}.tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}.tile:hover img{transform:scale(1.03)}.tile .badge{position:absolute;left:6px;bottom:6px;color:#fff;font-size:12.5px;font-weight:600;display:flex;gap:4px;align-items:center;text-shadow:0 1px 3px rgba(0,0,0,.6)}.tile .badge svg{width:14px;height:14px}.tile .kind{position:absolute;right:6px;top:6px;color:#fff}.tile .kind svg{width:16px;height:16px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.tile .txt{padding:12px;font-size:13px;font-weight:600;height:100%;background:linear-gradient(135deg,color-mix(in srgb,var(--grad-1) 30%,var(--surface)),color-mix(in srgb,var(--grad-2) 35%,var(--surface)));overflow:hidden}.profile-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;align-items:center}.profile-head h1{font-size:22px;display:flex;align-items:center;gap:6px}.stats{display:flex;gap:22px}.stats div{display:flex;flex-direction:column;line-height:1.2}.stats b{font:600 18px var(--f-display);font-variant-numeric:tabular-nums}.stats span{color:var(--muted);font-size:13px}.tabs{display:flex;border-bottom:1px solid var(--line)}.tabs button,.tabs a{flex:1;background:none;border:0;padding:12px;cursor:pointer;color:var(--muted);font-weight:600;border-bottom:2px solid transparent;margin-bottom:-1px;text-align:center;display:flex;justify-content:center;gap:6px;align-items:center}.tabs [aria-selected=true],.tabs a.active{color:var(--fg);border-bottom-color:var(--fg)}.tabs svg{width:18px;height:18px}.row{display:flex;align-items:center;gap:12px;padding:10px 4px}.row .grow{flex:1;min-width:0}.row .grow b{display:flex;gap:4px;align-items:center}.row .grow span{display:block;color:var(--muted);font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row img.thumb{width:44px;height:58px;border-radius:6px;object-fit:cover;flex:none}.hash-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-weight:600}.hash-pill small{color:var(--muted);font-weight:500}.pills{display:flex;flex-wrap:wrap;gap:8px}.search{position:relative}.search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--faint)}.search input{padding-left:42px}.empty{text-align:center;padding:48px 16px;color:var(--muted);display:flex;flex-direction:column;gap:8px;align-items:center}.empty b{color:var(--fg);font-size:16px}.skel{background:linear-gradient(90deg,var(--surface),var(--surface-2),var(--surface));background-size:200% 100%;animation:sh 1.2s infinite;border-radius:8px}@keyframes sh{to{background-position:-200% 0}}.field{display:flex;flex-direction:column;gap:6px}.field label{font-weight:600;font-size:14px}.field .hint{font-size:12.5px;color:var(--muted)}.switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer}.switch input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:42px;height:24px;border-radius:999px;background:var(--line);position:relative;cursor:pointer;margin:0;transition:background .15s}.switch input:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .15s}.switch input:checked{background:var(--accent)}.switch input:checked:after{transform:translate(18px)}.kinds{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.kinds button{padding:12px 8px;border-radius:12px;border:1px solid var(--line);background:var(--surface);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;font-weight:600;font-size:13.5px}.kinds button[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--surface))}.kinds svg{width:22px;height:22px}.dropzone{border:2px dashed var(--line);border-radius:var(--radius);padding:28px;text-align:center;display:flex;flex-direction:column;gap:10px;align-items:center;cursor:pointer}.dropzone:hover{border-color:var(--accent)}.previews{display:flex;gap:8px;overflow-x:auto}.previews img,.previews video{height:220px;border-radius:10px;background:#000}.error{color:var(--like);font-size:14px}.login{min-height:100%;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.login-art{position:relative;overflow:hidden;background:#000;display:flex;align-items:center;justify-content:center;gap:16px;padding:40px}.login-art video{height:min(70vh,560px);aspect-ratio:9/16;object-fit:cover;border-radius:18px;box-shadow:0 20px 60px #00000080}.login-art video:nth-child(2){height:min(56vh,450px);opacity:.7}.login-panel{display:flex;flex-direction:column;justify-content:center;gap:18px;padding:40px max(24px,env(safe-area-inset-right,0px)) 40px max(24px,env(safe-area-inset-left,0px));max-width:460px;width:100%;margin:0 auto}.login-panel h1{font-size:clamp(26px,3vw,36px);line-height:1.1}.divider{display:flex;align-items:center;gap:10px;color:var(--faint);font-size:13px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--line)}.toast{position:fixed;left:50%;bottom:calc(80px + env(safe-area-inset-bottom,0px));transform:translate(-50%);background:var(--fg);color:var(--bg);padding:10px 18px;border-radius:999px;font-weight:600;font-size:14px;z-index:100;box-shadow:0 6px 24px #0000004d;max-width:calc(100vw - 32px)}.toast.err{background:var(--like);color:#fff}html[data-tier=phone] .reel{padding:0;gap:0}html[data-tier=phone] .stage{height:100%;width:100%;aspect-ratio:auto;border-radius:0}html[data-tier=phone] .actions{position:absolute;right:8px;bottom:22px;padding:0;z-index:3}html[data-tier=phone] .act{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}html[data-tier=phone] .act .bubble{background:transparent;width:40px;height:40px}html[data-tier=phone] .act svg{width:30px;height:30px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.45))}html[data-tier=phone] .act-avatar img{border-color:#fff}html[data-tier=phone] .stage .meta{right:64px}html[data-tier=phone] .profile-head{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}html[data-tier=phone] .stats{justify-content:center}html[data-tier=phone] .column{padding-top:16px}.login-art video:nth-child(3){display:none}@media(min-width:1600px){.login-art video:nth-child(3){display:block;height:min(48vh,380px);opacity:.45}}@media(max-width:759px){.login{grid-template-columns:minmax(0,1fr)}.login-art{padding:24px;max-height:42vh}.login-art video:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.reels{scroll-behavior:auto}}.desk.is-timeline{grid-template-columns:minmax(0,1fr)}.btn-ghost{background:transparent;border-color:transparent}.btn-ghost:hover{background:var(--surface-2)}.tl-frame{min-height:100%;background:color-mix(in srgb,var(--bg) 92%,#000 8%)}:root[data-theme=light] .tl-frame{background:#f0f2f5}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .tl-frame{background:#f0f2f5}}.tl-top{position:sticky;top:0;z-index:20;height:56px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;padding:0 16px;background:var(--surface);border-bottom:1px solid var(--line);box-shadow:0 1px 2px #00000014}html[data-tier=phone] .tl-top{grid-template-columns:auto 1fr;padding-top:env(safe-area-inset-top,0px);height:calc(56px + env(safe-area-inset-top,0px))}.tl-top-left{display:flex;align-items:center;gap:8px;min-width:0}.tl-top-left .logo-mark{width:40px;height:40px;border-radius:50%;flex:none}.tl-search{width:min(240px,100%)}.tl-search .input{height:40px;padding-top:0;padding-bottom:0}.tl-tabs{display:flex;height:56px}.tl-tabs a{width:clamp(64px,8vw,112px);display:grid;place-items:center;color:var(--muted);border-bottom:3px solid transparent;border-top:3px solid transparent;margin:0 2px}.tl-tabs a:hover{background:var(--surface-2);border-radius:8px}.tl-tabs a.active{color:var(--accent);border-bottom-color:var(--accent)}.tl-tabs a.active:hover{border-radius:0}.tl-tabs svg{width:26px;height:26px}.tl-top-right{display:flex;align-items:center;justify-content:flex-end;gap:8px}.round-btn{width:40px;height:40px;border-radius:50%;background:var(--surface-2);display:grid;place-items:center;color:var(--fg)}.round-btn:hover{background:color-mix(in srgb,var(--surface-2) 80%,var(--fg))}.round-btn svg{width:20px;height:20px}.tl-cols{display:grid;grid-template-columns:minmax(0,680px);justify-content:center;gap:32px;padding:16px 16px 64px}.tl-cols.has-right{grid-template-columns:minmax(0,680px) minmax(260px,340px)}.tl-cols.has-left.has-right{grid-template-columns:minmax(260px,360px) minmax(0,680px) minmax(260px,360px);justify-content:space-between}.tl-cols.is-wide{grid-template-columns:minmax(0,1100px)}html[data-tier=phone] .tl-cols{padding:8px 0 24px;gap:8px}.tl-center{min-width:0;display:flex;flex-direction:column;gap:16px}html[data-tier=phone] .tl-center{gap:8px}.tl-left,.tl-right{position:sticky;top:72px;align-self:start;max-height:calc(100vh - 88px);overflow-y:auto;scrollbar-width:thin;display:flex;flex-direction:column;gap:2px}.tl-left hr,.tl-right hr{border:0;border-top:1px solid var(--line);margin:10px 8px}.tl-heading{font:600 16px var(--f-body);color:var(--muted);margin:6px 8px}.tl-short{display:flex;align-items:center;gap:12px;padding:8px;border-radius:8px;font-weight:600;color:var(--fg);background:none;border:0;cursor:pointer;text-align:left;width:100%}.tl-short:hover,.tl-short.active{background:color-mix(in srgb,var(--surface-2) 75%,transparent)}.tl-short>span:nth-child(2){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-short .avatar.sm{width:36px;height:36px}.sc-icon{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#fff;flex:none}.sc-icon svg{width:19px;height:19px}.sc-icon.c1{background:#3e8bff}.sc-icon.c2{background:linear-gradient(135deg,var(--grad-1),var(--grad-2))}.sc-icon.c3{background:#8f5cf7}.sc-icon.c4{background:#19a974}.sc-icon.c5{background:#ff7a19}.sc-icon.c6{background:var(--surface-2);color:var(--fg)}.sc-tag{width:36px;height:36px;border-radius:8px;background:color-mix(in srgb,var(--accent) 18%,var(--surface));color:var(--accent);display:grid;place-items:center;flex:none}.sc-tag svg{width:18px;height:18px}.tl-contact{display:flex;align-items:center;gap:12px;padding:7px 8px;border-radius:8px;font-size:14.5px}.tl-contact:hover{background:color-mix(in srgb,var(--surface-2) 75%,transparent)}.tl-contact .grow{min-width:0;display:flex;flex-direction:column;line-height:1.25}.tl-contact .grow b{display:flex;align-items:center;gap:4px;font-weight:600}.presence{position:relative;flex:none;display:block}.presence .avatar.sm{width:36px;height:36px;display:block}.presence i{position:absolute;right:0;bottom:0;width:11px;height:11px;border-radius:50%;background:#31a24c;border:2px solid var(--bg)}.tl-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 1px 2px #00000014;min-width:0}html[data-tier=phone] .tl-card{border-radius:0;border-left:0;border-right:0}.tl-pad{padding:14px 16px}.tl-card-title{font:700 19px var(--f-body);margin:0 0 12px}.tl-head{display:flex;align-items:center;gap:10px;padding:12px 12px 0 16px}.tl-who{flex:1;min-width:0;line-height:1.3}.tl-who>div:first-child{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.tl-name{font-weight:600}.tl-name:hover,.tl-sub a:hover{text-decoration:underline}.tl-place{color:var(--fg)}.tl-sub{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:4px}.tl-sub svg{width:12px;height:12px}.tl-menu{display:flex;position:relative}.tl-menu .icon-btn{width:36px;height:36px;color:var(--muted)}.menu-pop{position:absolute;right:0;top:40px;z-index:10;min-width:200px;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 28px #00000047;padding:6px;display:flex;flex-direction:column}.menu-pop a,.menu-pop button{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:6px;background:none;border:0;cursor:pointer;font-weight:600;text-align:left;color:var(--fg)}.menu-pop a:hover,.menu-pop button:hover{background:var(--surface-2)}.menu-pop svg{width:18px;height:18px}.menu-pop .danger{color:var(--like)}.tl-text{padding:10px 16px 12px;font-size:15px;white-space:pre-wrap;overflow-wrap:anywhere}.tl-text a{color:var(--accent);font-weight:600}.tl-text.clamped{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.tl-seemore{background:none;border:0;padding:0;font-weight:600;cursor:pointer;color:var(--fg)}.tl-banner{margin-top:10px;min-height:300px;display:grid;place-items:center;text-align:center;padding:40px 32px;font:700 clamp(22px,2.4vw,30px)/1.3 var(--f-body);color:#fff;background:linear-gradient(135deg,var(--grad-1),var(--grad-2))}.tl-banner a{color:#fff;text-decoration:underline}.tl-media{margin-top:2px;background:#000}.tl-media video{width:100%;max-height:720px;display:block;background:#000}.collage{display:grid;gap:2px;background:var(--surface)}.collage .cell{position:relative;overflow:hidden;display:block;background:#000}.collage img{width:100%;height:100%;object-fit:cover;display:block;transition:filter .15s}.collage .cell:hover img{filter:brightness(.92)}.collage.c1 .cell{aspect-ratio:4 / 5;max-height:720px}.collage.c1 img{object-fit:cover}.collage.c2{grid-template-columns:1fr 1fr;aspect-ratio:2 / 1.25}.collage.c3{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;aspect-ratio:1.3 / 1}.collage.c3 .cell:first-child{grid-row:span 2}.collage.c4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;aspect-ratio:1 / 1}.collage .more{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#00000073;color:#fff;font:700 30px var(--f-body)}.tl-counts{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;font-size:14.5px;color:var(--muted);min-height:42px}.tl-react{display:flex;align-items:center;gap:6px;min-width:0}.react-dot{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--like),#ff8a5b);display:grid;place-items:center;color:#fff;flex:none}.react-dot svg{width:11px;height:11px}.tl-counts .tl-right{position:static;max-height:none;overflow:visible;display:flex;flex-direction:row;gap:12px}.tl-counts button{background:none;border:0;padding:0;color:inherit;cursor:pointer}.tl-counts button:hover{text-decoration:underline}.tl-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:0 12px;padding:4px 0;border-top:1px solid var(--line)}.tl-actions button{display:flex;align-items:center;justify-content:center;gap:8px;height:38px;border:0;background:none;border-radius:6px;font-weight:600;color:var(--muted);cursor:pointer}.tl-actions button:hover{background:var(--surface-2)}.tl-actions svg{width:20px;height:20px}.tl-actions .on.like{color:var(--like)}.tl-actions .on.save{color:#e0a800}html[data-tier=phone] .hide-narrow{display:none}.tl-comments{display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--line);margin:0 12px;padding:8px 4px 12px}.tl-comments:empty{display:none}.tl-more{align-self:flex-start;background:none;border:0;padding:0;font-weight:600;color:var(--muted);cursor:pointer}.tl-more:hover{text-decoration:underline}.tl-comment{display:flex;gap:8px;align-items:flex-start}.bubble-c{position:relative;display:inline-block;max-width:100%;background:var(--surface-2);border-radius:18px;padding:8px 12px;font-size:14.5px;line-height:1.35;overflow-wrap:anywhere}.bubble-c b{font-size:13.5px}.bubble-c a{display:inline-flex;align-items:center;gap:4px}.bubble-likes{position:absolute;right:-10px;bottom:-10px;display:flex;align-items:center;gap:3px;background:var(--surface);border-radius:999px;padding:1px 6px 1px 3px;font-size:12px;color:var(--muted);box-shadow:0 1px 3px #00000040}.bubble-likes svg{width:14px;height:14px;color:var(--like)}.bubble-meta{display:flex;gap:12px;font-size:12.5px;color:var(--muted);padding:2px 12px 0}.bubble-meta button{background:none;border:0;padding:0;font-weight:700;color:inherit;cursor:pointer}.bubble-meta button:hover{text-decoration:underline}.bubble-meta button.on{color:var(--like)}.tl-composer{display:flex;align-items:center;gap:8px}.tl-composer .input{height:36px;padding-top:0;padding-bottom:0}.tl-composer .btn{width:36px;height:36px}.tl-compose{padding:12px 16px 8px}.tl-compose-row{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--line)}.compose-pill{flex:1;min-width:0;height:40px;display:flex;align-items:center;padding:0 16px;border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compose-pill:hover{background:color-mix(in srgb,var(--surface-2) 80%,var(--fg))}.tl-compose-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding-top:6px}.tl-compose-actions a{display:flex;align-items:center;justify-content:center;gap:8px;height:40px;border-radius:8px;font-weight:600;color:var(--muted)}.tl-compose-actions a:hover{background:var(--surface-2)}.tl-compose-actions svg{width:22px;height:22px}.ic-red{color:#f3425f}.ic-green{color:#45bd62}.ic-accent{color:var(--accent)}.tl-stories{position:relative}.story-cards{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}html[data-tier=phone] .story-cards{padding:0 8px}.story-cards::-webkit-scrollbar{display:none}.story-card{position:relative;flex:0 0 auto;width:112px;aspect-ratio:9 / 16;border-radius:12px;overflow:hidden;background:var(--surface-2);border:0;padding:0;cursor:pointer;scroll-snap-align:start;color:#fff;text-align:left;box-shadow:0 1px 2px #0000001a;display:block}.story-card>img,.story-card>video,.story-card>.tl-banner{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;margin:0;min-height:0;padding:0;transition:transform .2s}.story-card:hover>img,.story-card:hover>video{transform:scale(1.04)}.story-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(transparent 55%,#0009)}.story-card .story-ring{position:absolute;top:10px;left:10px;z-index:2;padding:3px}.story-card .story-ring img{width:34px;height:34px;border:2px solid var(--surface);border-radius:50%;display:block}.story-card b{position:absolute;left:10px;right:8px;bottom:10px;z-index:2;font-size:13px;line-height:1.2}.story-card.create{background:var(--surface);border:1px solid var(--line);color:var(--fg)}.story-card.create>img{height:72%;bottom:auto}.story-card.create:after{display:none}.story-card.create b{text-align:center;left:0;right:0}.plus-badge{position:absolute;left:50%;top:72%;transform:translate(-50%,-50%);z-index:2;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--grad-1),var(--grad-2));border:4px solid var(--surface);color:#fff}.plus-badge svg{width:18px;height:18px}.story-next{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--fg);display:grid;place-items:center;cursor:pointer;box-shadow:0 2px 8px #00000040;z-index:3}.story-next svg{width:22px;height:22px}html[data-tier=phone] .story-next{display:none}.tl-switch{display:flex;gap:4px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:4px}html[data-tier=phone] .tl-switch{border-radius:0;border-inline:0}.tl-switch button{flex:1;height:38px;border:0;border-radius:8px;background:none;font-weight:600;color:var(--muted);cursor:pointer}.tl-switch button[aria-selected=true]{background:color-mix(in srgb,var(--accent) 16%,var(--surface));color:var(--accent)}.prof-head{overflow:hidden}.cover{height:clamp(150px,24vw,340px);background:radial-gradient(circle at 20% 30%,color-mix(in srgb,var(--grad-1) 85%,#fff 15%),transparent 55%),radial-gradient(circle at 80% 70%,var(--grad-2),transparent 60%),linear-gradient(135deg,#2a1640,#15161a)}.prof-bar{display:flex;align-items:flex-end;gap:18px;padding:0 28px 14px;flex-wrap:wrap}.prof-avatar{width:168px;height:168px;border-radius:50%;border:5px solid var(--surface);margin-top:-84px;object-fit:cover;background:var(--surface-2);flex:none}.prof-names{flex:1;min-width:200px;padding-bottom:8px}.prof-names h1{font:700 32px/1.15 var(--f-body);display:flex;align-items:center;gap:8px}.prof-names h1 .verified{width:22px;height:22px}.prof-actions{display:flex;gap:8px;padding-bottom:10px;flex-wrap:wrap}.prof-actions .btn{border-radius:8px}.prof-tabs{display:flex;gap:2px;margin:0 28px;border-top:1px solid var(--line)}.prof-tabs button{height:52px;padding:0 16px;border:0;background:none;font-weight:600;color:var(--muted);cursor:pointer;border-bottom:3px solid transparent}.prof-tabs button:hover{background:var(--surface-2);border-radius:8px 8px 0 0}.prof-tabs button[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent)}html[data-tier=phone] .prof-bar{flex-direction:column;align-items:center;text-align:center;padding:0 16px 12px}html[data-tier=phone] .prof-names h1{justify-content:center;font-size:26px}html[data-tier=phone] .prof-avatar{width:136px;height:136px;margin-top:-68px}html[data-tier=phone] .prof-tabs{margin:0 8px;justify-content:center}.prof-cols{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr);gap:16px;align-items:start}.prof-cols>:first-child{position:sticky;top:72px}.intro-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;font-size:15px}.intro-list li{display:flex;align-items:center;gap:12px}.intro-list svg{width:20px;height:20px;color:var(--muted);flex:none}.intro-list a{color:var(--accent);font-weight:600}.intro-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;border-radius:8px;overflow:hidden;margin-top:10px}.intro-grid img{width:100%;aspect-ratio:1;object-fit:cover;display:block}