:root{--bg:#faf9f7;--surface:#fff;--surface-raised:#f1efea;--border:#e8e6e1;--text-primary:#1a1a18;--text-secondary:#5a5751;--text-tertiary:#8a867e;--accent:#0f766e;--accent-tint:#ecfeff;--danger:#dc2626;--positive:#16a34a;--warning:#d97706;--backdrop:#1a1a186b}[data-theme=dark]{--bg:#0a0a0b;--surface:#131316;--surface-raised:#1c1c20;--border:#26262b;--text-primary:#f4f4f2;--text-secondary:#9c9c94;--text-tertiary:#6e6e68;--accent:#2dd4bf;--accent-tint:#2dd4bf24;--danger:#f87171;--positive:#4ade80;--warning:#fbbf24;--backdrop:#000000a8}*{box-sizing:border-box}html{background:var(--bg);color:var(--text-primary)}body{background:var(--bg);min-height:100vh;margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif}button,input,textarea{font:inherit}.shell{max-width:1180px;margin:auto;padding:24px}.nav{justify-content:space-between;align-items:center;padding:10px 0 28px;display:flex}.brand{letter-spacing:.16em;font-size:14px;font-weight:800}.badge{border:1px solid var(--border);color:var(--text-secondary);border-radius:999px;padding:7px 11px;font-size:12px}.grid{grid-template-columns:220px minmax(0,620px) 260px;gap:24px;display:grid}.panel,.composer,.post{background:var(--surface);border:1px solid var(--border);border-radius:18px}.panel{height:max-content;padding:18px}.menu{gap:8px;display:grid}.menu a{color:var(--text-primary);border-radius:10px;padding:10px;text-decoration:none}.menu a:first-child{background:var(--accent-tint)}.composer{margin-bottom:16px;padding:18px}.composer textarea{resize:vertical;width:100%;min-height:90px;color:var(--text-primary);background:0 0;border:0;outline:0;font-size:18px}.row{justify-content:space-between;align-items:center;gap:12px;display:flex}.primary{background:var(--accent);color:var(--surface);border:0;border-radius:999px;padding:10px 18px;font-weight:700}.post{margin-bottom:12px;padding:18px}.meta{color:var(--text-secondary);font-size:13px}.post p{line-height:1.55}.actions{color:var(--text-secondary);gap:18px;font-size:13px;display:flex}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.14em;font-size:11px}.panel h2{margin:8px 0 14px;font-size:15px}.trend{border-top:1px solid var(--border);padding:10px 0}.trend strong{font-size:14px;display:block}.trend span{color:var(--text-secondary);font-size:12px}@media (max-width:900px){.grid{grid-template-columns:1fr}.left,.right{display:none}.shell{padding:16px}}.auth{place-items:center;min-height:100vh;padding:24px;display:grid}.authCard{border:1px solid var(--border);background:#0d1d18e6;border-radius:22px;width:min(440px,100%);padding:32px}.authCard h1{margin:28px 0 8px;font-size:38px}.authCard form{gap:12px;margin-top:26px;display:grid}.authCard input{border:1px solid var(--border);width:100%;color:var(--text-primary);background:#0a1814;border-radius:12px;outline:none;padding:13px 14px}.error{color:var(--danger);font-size:13px}.actions button{color:var(--text-secondary);cursor:pointer;background:0 0;border:0;padding:0}.actions button:hover{color:var(--text-primary)}.textButton{color:var(--text-secondary);cursor:pointer;background:0 0;border:0}.textButton:hover{color:var(--text-primary)}.notifications{display:block}.notice{text-align:left;border:0;border-top:1px solid var(--border);width:100%;color:var(--text-primary);cursor:pointer;background:0 0;padding:11px 0;display:block}.notice strong{font-size:13px}.notice span{color:var(--text-secondary);font-size:12px}.notice.read{opacity:.55}.menuButton{color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:10px}.menuButton:hover{background:var(--accent-tint)}.modalBackdrop{z-index:20;background:#000000a8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:20px;width:min(520px,100%);padding:22px}.modal h2{margin:5px 0}.modal form{gap:10px;margin-top:18px;display:grid}.modal input,.modal textarea,.commentComposer input{border:1px solid var(--border);background:var(--surface-raised);color:var(--text-primary);border-radius:11px;outline:none;padding:12px}.modal textarea{resize:vertical;min-height:100px}.commentComposer{gap:10px;margin-top:14px;display:grid}.commentComposer .comment{border-bottom:1px solid var(--border);padding:10px 0;display:block}.commentComposer .comment p{margin:6px 0 0}.commentComposer form{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.commentComposer .error{grid-column:1/-1}.primary:disabled{opacity:.55;cursor:not-allowed}.profilePage{z-index:18;background:var(--bg);padding-bottom:48px;position:fixed;inset:0;overflow:auto}.profileCover{background:linear-gradient(135deg,var(--surface-raised),var(--border));height:210px;position:relative}.profileBack{border:1px solid var(--border);color:var(--text-primary);cursor:pointer;background:#07110ebf;border-radius:999px;padding:9px 14px;position:absolute;top:22px;left:max(22px,50% - 490px)}.profileHeader{align-items:flex-end;gap:18px;max-width:980px;margin:-52px auto 0;padding:0 24px;display:flex;position:relative}.profileAvatar{background:var(--accent);width:112px;height:112px;color:var(--surface);border:5px solid var(--bg);border-radius:50%;place-items:center;font-size:42px;font-weight:800;display:grid}.profileIdentity{flex:1;padding-bottom:8px}.profileIdentity h1{margin:0;font-size:30px}.profileIdentity p{margin:4px 0}.profileActions{padding-bottom:12px}.profileStats{border-top:1px solid var(--border);border-bottom:1px solid var(--border);gap:34px;max-width:980px;margin:18px auto;padding:16px 24px;display:flex}.profileStats div{display:grid}.profileStats strong{font-size:18px}.profileStats span{color:var(--text-secondary);font-size:12px}.profileColumns{grid-template-columns:300px minmax(0,1fr);gap:20px;max-width:980px;margin:20px auto;padding:0 24px;display:grid}.profileAbout{background:var(--surface);border:1px solid var(--border);border-radius:18px;height:max-content;padding:18px}.profileAbout a{color:var(--accent);word-break:break-all}.profileTimeline>.eyebrow{margin:4px 0 12px}@media (max-width:700px){.profileCover{height:150px}.profileHeader{flex-wrap:wrap;align-items:center;margin-top:-42px}.profileAvatar{width:88px;height:88px;font-size:34px}.profileIdentity h1{font-size:24px}.profileActions{width:100%;padding:0}.profileStats{gap:22px}.profileColumns{grid-template-columns:1fr}.profileAbout{order:0}.profileTimeline{order:1}}.profileAvatar{overflow:hidden}.profileAvatar img{object-fit:cover;width:100%;height:100%;display:block}.mediaPicker{color:var(--text-secondary);gap:6px;margin:10px 0;font-size:12px;display:grid}.mediaPicker input[type=file]{border:1px dashed var(--border);background:var(--surface);color:#dff5e9;border-radius:12px;padding:10px}.mediaPreview{object-fit:cover;border:1px solid var(--border);margin:8px 0 14px;display:block}.avatarPreview{border-radius:50%;width:82px;height:82px}.coverPreview{border-radius:12px;width:100%;height:120px}.miniAvatar{object-fit:cover;vertical-align:middle;border:1px solid var(--border);border-radius:50%;width:30px;height:30px;margin-right:8px}.comment .miniAvatar{width:26px;height:26px}.postPhotoPicker{color:var(--text-secondary);align-items:center;gap:8px;margin:10px 0;font-size:13px;display:inline-flex}.postPhotoPicker input{max-width:220px}.postMediaPreview,.postMedia{object-fit:cover;border:1px solid var(--border);z-index:0;border-radius:14px;width:100%;max-height:520px;display:block;position:relative}.post .actions{z-index:1;margin-top:12px;position:relative}.postMediaPreview{max-height:280px;margin:12px 0}.likeButton{transition:background .15s,color .15s,transform .15s;border-radius:999px!important;padding:6px 10px!important}.likeButton:hover{background:var(--accent-tint)!important}.likeButton.liked{font-weight:700;background:var(--accent)!important;color:var(--surface)!important}.likeButton.liked:hover{transform:scale(1.03);color:var(--surface)!important}.notifications .notice{text-align:left;align-items:center;gap:8px;display:flex}.notifications .notice .avatar.mini{flex:0 0 28px;width:28px;height:28px}.notifications .notice .avatar.mini img{object-fit:cover;border-radius:50%;width:100%;height:100%}.profileStats button{color:inherit;cursor:pointer;background:0 0;border:0}.profileStats button:hover{text-decoration:underline}.profileConnections{z-index:40;border:1px solid var(--border);background:#0b211a;border-radius:18px;width:min(560px,100vw - 32px);max-height:min(70vh,640px);padding:18px;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 18px 60px #0000008c}.profileConnections .row{justify-content:space-between}.personRow{text-align:left;width:100%;color:inherit;background:0 0;border:0;border-top:1px solid #183b30;align-items:center;gap:10px;padding:10px;display:flex}.personRow>span:last-child{flex-direction:column;display:flex}.personRow .avatar.mini{flex:0 0 36px;width:36px;height:36px}.personRow .avatar.mini img{object-fit:cover;border-radius:50%;width:100%;height:100%}.commentReply{border-left:2px solid var(--border);margin-left:34px;padding-left:14px}.replyTarget{color:var(--text-secondary);margin-bottom:6px;font-size:12px}.mobileNav{display:none}.avatarFallback{background:var(--border);width:30px;height:30px;color:var(--text-primary);border-radius:50%;flex:0 0 30px;place-items:center;margin-right:8px;font-size:12px;font-weight:700;display:inline-grid}@media (max-width:900px){.nav{padding-bottom:12px}.mobileNav{z-index:15;background:color-mix(in srgb,var(--bg) 96%,transparent);border-top:1px solid var(--border);border-bottom:1px solid var(--border);gap:6px;margin:0 -16px 16px;padding:10px 16px;display:flex;position:sticky;top:0;overflow-x:auto}.mobileNav a,.mobileNav button{background:var(--accent-tint);color:var(--text-primary);border:0;border-radius:999px;flex:none;padding:10px 13px;text-decoration:none}.composer,.post{border-radius:14px}.composer .row{flex-wrap:wrap}.composer form{max-width:100%}.post .row{align-items:flex-start}.post .actions{flex-wrap:wrap;gap:12px}.postMedia,.postMediaPreview{max-height:70vh}.commentComposer form{grid-template-columns:1fr}.commentComposer form .primary{width:100%}.commentReply{margin-left:16px;padding-left:10px}.profileConnections{width:calc(100vw - 20px);max-height:80vh}.profileStats{padding-left:16px;padding-right:16px;overflow-x:auto}.profileStats>*{flex:none}.profileHeader,.profileColumns{padding-left:16px;padding-right:16px}}@media (max-width:520px){.shell{padding:10px}.nav{gap:8px}.nav .brand{font-size:12px}.nav .row{gap:6px}.badge{text-overflow:ellipsis;max-width:44vw;overflow:hidden}.composer,.post{padding:14px}.composer textarea{font-size:16px}.row{gap:8px}.postPhotoPicker{flex-wrap:wrap;width:100%}.postPhotoPicker input{max-width:100%}.actions button{min-height:34px}.auth{padding:14px}.authCard{padding:22px}.authCard h1{font-size:32px}.profileCover{height:130px}.profileBack{top:12px;left:12px}.profileHeader{margin-top:-36px}.profileIdentity{min-width:0}.profileIdentity h1{overflow-wrap:anywhere}.profileStats{gap:18px}.profileConnections{padding:14px;top:52%}.personRow{padding:12px 4px}html,body{max-width:100%;overflow-x:hidden}.shell{box-sizing:border-box;width:100%;max-width:100%}.mobileNav{box-sizing:border-box;width:100%;margin-left:0;margin-right:0}.panel,.composer,.post,.profilePage{box-sizing:border-box;min-width:0;max-width:100%}img,video{max-width:100%}}.postGallery{gap:8px;width:100%;min-width:0;display:grid}.postGalleryItem{min-width:0;position:relative}.postGalleryItem .postMediaPreview{object-fit:cover;width:100%;height:180px}.postGalleryItem>button{background:#07110ee0;border-radius:50%;width:32px;height:32px;padding:0;position:absolute;top:8px;right:8px}.postGalleryPublished{min-width:0}.postGalleryPublished .postMedia{object-fit:cover;touch-action:pan-y pinch-zoom;width:100%;height:clamp(180px,36vw,420px);display:block}.postGalleryPublished:has(>:only-child){overflow:visible;display:block!important}.postGalleryPublished:has(>:only-child) .postMedia{object-fit:contain;touch-action:pan-y pinch-zoom;max-height:70dvh;height:auto!important}@media (max-width:520px){.postGallery{gap:4px}.postGalleryItem .postMediaPreview{height:44vw}.postGalleryGrid:not(:has(>:only-child)) .postMedia{height:44vw!important}.profileTimeline .post{overflow:hidden}.profileTimeline .post .actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.profileTimeline .post .actions>button{white-space:normal;width:100%;min-width:0}.profileTimeline .commentComposer{width:100%;min-width:0;overflow:hidden}.profileTimeline .commentComposer .comment{overflow-wrap:anywhere;min-width:0}.profileTimeline .commentComposer input{box-sizing:border-box;width:100%;min-width:0}}.mobileAlerts{display:none}@media (max-width:900px){.mobileAlerts{z-index:90;background:var(--bg,var(--bg));box-sizing:border-box;padding:16px;display:block;position:fixed;inset:0;overflow-y:auto}.mobileAlerts>.row{z-index:2;padding:8px 0;position:sticky;top:0}.mobileAlerts .notifications{max-width:680px;margin:0 auto;display:block}.mobileAlerts .notice{text-align:left;width:100%;min-width:0}}.verificationTick{vertical-align:-3px;filter:drop-shadow(0 0 5px #8ce0b838);isolation:isolate;flex:0 0 17px;width:17px;height:17px;margin-left:5px;display:inline-flex;position:relative}.verificationTick svg{width:100%;height:100%;overflow:visible}.verificationTickSeal{fill:var(--accent);transform-origin:12px 12px;animation:4.8s ease-in-out infinite verificationBreathe}.verificationTickCheck{fill:none;stroke:var(--surface);stroke-width:2.35px;stroke-linecap:round;stroke-linejoin:round}.verificationTickGlint{fill:none;stroke:#ffffffb8;stroke-width:1.15px;stroke-linecap:round;opacity:.3;animation:5.6s ease-in-out infinite verificationGlint}.verificationTickLarge{vertical-align:-4px;filter:drop-shadow(0 0 8px #8ce0b842);flex-basis:24px;width:24px;height:24px;margin-left:8px}.profileIdentity h1{align-items:center;display:flex}.textButton .verificationTick,.personRow .verificationTick{pointer-events:none}@keyframes verificationBreathe{0%,78%,to{transform:scale(1)}84%{transform:scale(1.075)}90%{transform:scale(1)}}@keyframes verificationGlint{0%,72%,to{opacity:.22;transform:translate(-.2px)}80%{opacity:.95;transform:translate(1px)}88%{opacity:.28;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.verificationTickSeal,.verificationTickGlint{animation:none}}.verificationTickAccent{fill:var(--surface);stroke:var(--surface);stroke-width:.75px;transform-origin:12px 12px}.verificationTickOrbit{fill:none;stroke:var(--accent);stroke-width:.8px;stroke-dasharray:3 3;opacity:.7;animation:7s linear infinite verificationOrbit}.verificationTickCrown{fill:none;stroke:var(--surface);stroke-width:1.1px;stroke-linecap:round}.verificationTick-creator .verificationTickAccent{animation:3.8s ease-in-out infinite verificationSpark}.verificationTick-organization .verificationTickSeal{animation:5.4s ease-in-out infinite verificationOrgPulse}.verificationTick-government .verificationTickSeal{animation:5.8s ease-in-out infinite verificationGovPulse}.verificationTick-government .verificationTickCrown{animation:4.8s ease-in-out infinite verificationCrown}@keyframes verificationOrbit{to{transform:rotate(360deg)}}@keyframes verificationSpark{0%,75%,to{opacity:.35;transform:scale(.8)}82%{opacity:1;transform:scale(1.15)}90%{opacity:.5;transform:scale(.9)}}@keyframes verificationOrgPulse{0%,80%,to{transform:scale(1)}87%{transform:scale(1.055)}}@keyframes verificationGovPulse{0%,80%,to{transform:scale(1)}86%{transform:scale(1.045)}92%{transform:scale(1)}}@keyframes verificationCrown{0%,76%,to{opacity:.55}84%{opacity:1}92%{opacity:.65}}.verificationPanelBackdrop{z-index:95}.verificationPanel{width:min(760px,100vw - 28px);max-height:min(88dvh,820px);overflow:auto}.verificationPanelHeader{z-index:3;background:var(--surface);padding-bottom:12px;position:sticky;top:0}.verificationTypeGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0;display:grid}.verificationTypeCard{text-align:left;background:var(--surface-raised);border:1px solid var(--border);align-content:start;justify-items:start;gap:8px;min-height:180px;padding:18px;display:grid}.verificationTypeCard.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-tint)}.verificationTypeCard>span:last-child{color:var(--text-secondary);font-size:12px;line-height:1.45}.verificationPreview{place-items:center;min-height:32px;display:inline-grid}.verificationApplyFooter{justify-content:space-between;align-items:center;gap:18px;padding-top:8px;display:flex}.verificationApplicationView{gap:14px;margin-top:18px;display:grid}.verificationCurrentCard,.verificationApproved{border:1px solid var(--border);background:var(--surface-raised);border-radius:14px;justify-content:space-between;align-items:center;gap:14px;padding:16px;display:flex}.verificationCurrentCard>div,.verificationApproved{align-items:center}.verificationCurrentCard>div{gap:12px;display:flex}.verificationCurrentCard h3{text-transform:capitalize;margin:2px 0 0}.verificationApplicationStatus{border:1px solid var(--border);color:var(--text-secondary);text-transform:capitalize;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800}.verificationApplicationStatus.approved{border-color:var(--accent);color:var(--accent)}.verificationAiCard{border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:16px}.verificationAiCard>div{justify-content:space-between;gap:12px;display:flex}.verificationAiCard>div span{color:var(--accent);text-transform:capitalize;font-size:12px;font-weight:800}.verificationAiCard p{color:var(--text-secondary);margin:8px 0}.verificationAiCard small{color:var(--text-secondary)}.verificationEvidenceGrid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.verificationEvidenceGrid section{border:1px solid var(--border);background:var(--surface-raised);border-radius:14px;padding:16px}.verificationEvidenceGrid h3{margin-top:0}.verificationEvidenceGrid label,.verificationEvidenceGrid form{gap:7px;margin-top:12px;display:grid}.verificationUpload{cursor:pointer}.verificationUpload>span{border:1px dashed var(--accent);color:var(--accent);border-radius:10px;padding:10px 12px;font-weight:700;display:block}.verificationUpload input{opacity:0;pointer-events:none;position:absolute}.verificationSuccess{border:1px solid var(--accent);background:var(--accent-tint);border-radius:10px;padding:10px 12px}.verificationAppeal{border:1px solid var(--border);border-radius:14px;gap:10px;padding:16px;display:grid}.verificationApproved{justify-content:flex-start}.verificationApproved>div{display:grid}.verificationApproved p{margin:3px 0 0}.verificationRevoked{border:1px solid var(--border);background:var(--surface-raised);border-radius:14px;padding:14px 16px}.verificationRevoked strong{text-transform:capitalize}.verificationRevoked p{margin:5px 0 0}@media (max-width:700px){.verificationPanel{border-radius:0;width:100%;height:100dvh;max-height:none}.verificationTypeGrid,.verificationEvidenceGrid{grid-template-columns:1fr}.verificationTypeCard{min-height:0}.verificationApplyFooter{flex-direction:column;align-items:stretch}.verificationApplyFooter button{width:100%}}@media (prefers-reduced-motion:reduce){.verificationTickAccent,.verificationTickOrbit,.verificationTickCrown,.verificationTick-organization .verificationTickSeal,.verificationTick-government .verificationTickSeal{animation:none}}.messagesPage{z-index:80;background:var(--bg);flex-direction:column;padding:24px;display:flex;position:fixed;inset:0;overflow:hidden}.messagesTopBar{flex:none;width:min(1100px,100%);margin:0 auto 16px}.messagesGrid{border:1px solid var(--border);background:var(--surface);border-radius:18px;flex:auto;grid-template-columns:320px minmax(0,1fr);width:min(1100px,100%);min-height:0;margin:0 auto;display:grid;overflow:hidden}.messagesInbox{border-right:1px solid var(--border);padding:16px;overflow:auto}.messagesInbox form{margin-bottom:16px}.messagesInbox input{min-width:0}.messageThread{text-align:left;background:0 0;border:1px solid #0000;flex-direction:column;align-items:flex-start;width:100%;margin:6px 0;padding:12px;display:flex}.messageThread span,.messageThread small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--text-secondary);overflow:hidden}.messageThread.active{background:var(--accent-tint);border-color:var(--border)}.messageConversation{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.messageConversation header{border-bottom:1px solid var(--border);padding:18px}.messageHistory{flex-direction:column;flex:auto;gap:10px;min-height:0;padding:18px;display:flex;overflow:auto}.messageBubble{background:var(--surface-raised);overflow-wrap:anywhere;border-radius:14px;align-self:flex-start;max-width:72%;padding:10px 13px}.messageBubble.mine{background:var(--border);align-self:flex-end}.messageBubble p{margin:0 0 4px}.messageBubble small{opacity:.7}.messageReceipt{text-align:right;color:var(--accent);margin-top:3px;font-size:11px;font-weight:800;display:block}.messageComposer{border-top:1px solid var(--border);flex:none;padding:14px}.messageComposer textarea{box-sizing:border-box;width:100%;min-height:72px}.messageEmpty{text-align:center;margin:auto}.messagesInbox .row,.messageComposer .row{margin-top:8px}@media (max-width:700px){.messagesPage{padding:10px}.messagesGrid{grid-template-columns:1fr;height:auto;min-height:calc(100vh - 90px)}.messagesInbox{border-right:0;border-bottom:1px solid var(--border);max-height:34vh}.messageConversation{min-height:56vh}.messageBubble{max-width:86%}}.profileMessageButton{border:1px solid var(--border);background:linear-gradient(180deg,var(--surface-raised),var(--surface-raised));color:var(--text-primary);align-items:center;gap:8px;font-weight:700;display:inline-flex;box-shadow:inset 0 1px #ffffff0d,0 8px 24px #00000029}.profileMessageButton:hover{border-color:var(--accent);transform:translateY(-1px)}.messageButtonIcon{background:var(--accent);width:22px;height:22px;color:var(--surface);border-radius:7px;place-items:center;font-size:12px;display:inline-grid}.messageMobileBack{display:none}.messageConversation header{align-items:center;gap:10px;display:flex}.messagePeerAvatar{background:var(--border);border-radius:50%;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.messageLiveStatus{color:var(--accent);margin-top:2px;font-size:11px;display:block}.messageComposer{background:var(--surface)}@media (max-width:700px){.messagesPage{background:var(--bg);padding:0}.messagesPage>.row{border-bottom:1px solid var(--border);height:58px;margin:0;padding:0 14px}.messagesPage>.row h1{margin:0;font-size:20px}.messagesPage>.row .eyebrow{display:none}.messagesGrid{border:0;border-radius:0;height:calc(100dvh - 58px);min-height:0;display:block}.messagesInbox{box-sizing:border-box;border:0;height:100%;max-height:none;padding:14px}.messageConversation,.messagesGrid.mobileConversationOpen .messagesInbox{display:none}.messagesGrid.mobileConversationOpen .messageConversation{height:100%;min-height:0;display:flex}.messagesGrid.mobileConversationOpen{z-index:2;background:var(--bg);height:100dvh;position:fixed;inset:0}.messageConversation header{box-sizing:border-box;background:var(--surface);z-index:3;height:60px;padding:10px 12px;position:sticky;top:0}.messageMobileBack{border-radius:50%;place-items:center;width:38px;height:38px;padding:0;font-size:20px;display:inline-grid}.messageHistory{padding:14px 12px 104px}.messageBubble{border-radius:18px;max-width:84%;padding:9px 12px}.messageBubble.mine{border-bottom-right-radius:5px}.messageBubble:not(.mine){border-bottom-left-radius:5px}.messageComposer{z-index:4;padding:8px 10px max(8px,env(safe-area-inset-bottom));border-top:1px solid var(--border);position:fixed;bottom:0;left:0;right:0}.messageComposer textarea{border-radius:18px;min-height:46px;max-height:110px;font-size:16px}.messageComposer .row{justify-content:flex-end}.messageComposer .meta{display:none}.messageComposer .primary{border-radius:999px;min-width:72px;min-height:42px}.messageThread{border-bottom:1px solid var(--surface-raised);border-radius:0;min-height:68px;margin:0}.messagesInbox form>.row{grid-template-columns:minmax(0,1fr) auto;display:grid}.messagesInbox input{font-size:16px}.profileMessageButton{min-height:44px;padding:10px 14px}.profileActions{flex-wrap:wrap;gap:8px;display:flex}}.messageThreadTitle{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.messageUnreadBadge{box-sizing:border-box;background:var(--accent);min-width:20px;height:20px;color:var(--surface);border-radius:999px;place-items:center;padding:0 5px;font-size:11px;font-weight:900;line-height:1;display:inline-grid}.messageMediaImage{object-fit:cover;border-radius:14px;max-width:min(360px,100%);max-height:420px;margin-bottom:6px;display:block}.messageMediaPreview{border:1px solid var(--border);border-radius:14px;align-items:center;gap:8px;padding:8px;display:flex}.messageMediaPreview img{object-fit:cover;border-radius:10px;width:64px;height:64px}.messageMediaButton{cursor:pointer;align-items:center;font-weight:700;display:inline-flex}.messageMediaButton input{opacity:0;pointer-events:none;position:absolute}.messageMediaButton span{border:1px solid var(--border);border-radius:999px;padding:7px 10px}@media (max-width:700px){.messageMediaImage{max-width:100%;max-height:52dvh}.messageMediaPreview{margin-bottom:6px}.messageMediaButton span{align-items:center;min-height:40px;display:inline-flex}}.feedVideo{background:var(--bg);aspect-ratio:9/16;touch-action:pan-y pinch-zoom;overscroll-behavior:contain;border-radius:14px;width:100%;max-width:100%;max-height:min(78dvh,720px);margin:0;position:relative;overflow:hidden}.feedVideoMedia{object-fit:contain;background:var(--bg);cursor:pointer;touch-action:pan-y pinch-zoom;width:100%;display:block;height:100%!important;max-height:none!important}.feedVideoStatus{z-index:2;text-align:center;color:var(--text-primary);pointer-events:none;background:#030a088f;place-content:center;gap:8px;padding:18px;display:grid;position:absolute;inset:0}.feedVideoError{z-index:4;pointer-events:auto;background:#030a08d1}.feedVideoError strong{font-size:18px}.feedVideoError span{color:var(--text-secondary)}.feedVideoError button{justify-self:center;margin-top:4px}.feedVideoControls button:disabled{opacity:.45;cursor:not-allowed}.feedVideoControls{z-index:3;pointer-events:none;justify-content:space-between;display:flex;position:absolute;bottom:10px;left:10px;right:10px}.feedVideoControls button{pointer-events:auto;width:40px;height:40px;color:var(--text-primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#030a08ad;border:1px solid #ffffff38;border-radius:50%}.postGalleryPublished:has(.feedVideo){grid-template-columns:1fr}.postGalleryPublished:has(.feedVideo) .postMedia{height:100%}@media (max-width:700px){.feedVideo{aspect-ratio:9/16;border-radius:12px;width:100%;max-height:calc(100dvh - 170px);margin:0}.feedVideoControls{bottom:max(10px,env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.feedVideoMedia{scroll-behavior:auto}}.livePage{z-index:85;background:var(--bg);padding:24px;position:fixed;inset:0;overflow:auto}.liveHeader{justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto 18px;display:flex}.liveHeader h1{margin:4px 0}.liveStart{gap:10px;max-width:1100px;margin:0 auto 18px;display:flex}.liveStart input{border:1px solid var(--border);background:var(--surface);min-width:0;color:var(--text-primary);border-radius:999px;flex:1;padding:12px 16px}.liveGrid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;max-width:1100px;margin:auto;display:grid}.liveCard{text-align:left;border:1px solid var(--border);background:var(--surface);color:var(--text-primary);cursor:pointer;border-radius:18px;gap:8px;padding:10px;display:grid}.liveCard>span{color:var(--text-secondary);font-size:12px}.livePreview{aspect-ratio:9/16;background:linear-gradient(160deg,var(--surface-raised),var(--bg));border-radius:13px;place-items:center;max-height:420px;display:grid;position:relative;overflow:hidden}.livePreview img{object-fit:cover;width:100%;height:100%}.liveAvatar{background:var(--border);border-radius:50%;place-items:center;width:72px;height:72px;font-size:30px;font-weight:900;display:grid}.livePill{color:var(--text-primary);letter-spacing:.08em;background:#d7354f;border-radius:6px;padding:5px 8px;font-size:11px;font-weight:900;position:absolute;top:10px;left:10px}.liveStage{max-width:760px;margin:auto}.liveVideoPlaceholder{text-align:center;border:1px solid var(--border);background:radial-gradient(circle at 50% 25%,var(--surface-raised),var(--bg) 72%);border-radius:18px;place-content:center;min-height:min(70dvh,720px);display:grid;position:relative}.liveVideoPlaceholder strong{font-size:clamp(24px,5vw,44px)}.liveVideoPlaceholder p,.liveVideoPlaceholder span:not(.livePill){color:var(--text-secondary)}.liveStage>.row{margin-top:12px}@media (max-width:700px){.livePage{padding:12px}.liveHeader{z-index:2;background:var(--bg);padding:8px 0;position:sticky;top:0}.liveStart{grid-template-columns:minmax(0,1fr) auto;display:grid}.liveGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.liveCard{border-radius:13px;padding:6px}.livePreview{max-height:none}.liveVideoPlaceholder{border-radius:12px;min-height:calc(100dvh - 150px)}}.liveChat{border:1px solid var(--border);background:var(--surface);border-radius:14px;margin-top:12px;overflow:hidden}.liveChatMessages{flex-direction:column;gap:8px;height:220px;padding:12px;display:flex;overflow:auto}.liveChatMessage{justify-content:space-between;gap:10px;font-size:13px;display:flex}.liveChatMessage>span:first-child{overflow-wrap:anywhere}.liveChatMessage button{color:var(--text-secondary);cursor:pointer;background:0 0;border:0;font-size:11px}.liveChat form{border-top:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px;display:grid}.liveChat input{border:1px solid var(--border);background:var(--bg);min-width:0;color:var(--text-primary);border-radius:999px;padding:10px 13px}@media (max-width:700px){.liveChatMessages{height:180px}.liveChatMessage{align-items:flex-start}.liveChatMessage>span:last-child{display:flex}}.fypLiveRail{border:1px solid var(--border);background:linear-gradient(145deg,#0d1d18f0,#112c23b8);border-radius:18px;margin-bottom:16px;padding:16px}.fypLiveCards{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.fypLiveCards>button{border:1px solid var(--border);background:var(--surface);min-width:0;min-height:170px;color:var(--text-primary);text-align:left;border-radius:13px;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:10px;display:flex;position:relative;overflow:hidden}.fypLiveCards img{object-fit:cover;opacity:.48;width:100%;height:100%;position:absolute;inset:0}.fypLiveCards .liveAvatar{position:absolute;top:44px;left:50%;transform:translate(-50%)}.fypLiveCards strong,.fypLiveCards small{z-index:1;text-overflow:ellipsis;white-space:nowrap;max-width:100%;position:relative;overflow:hidden}.fypLiveCards small{color:var(--text-secondary)}@media (max-width:700px){.fypLiveRail{margin-left:-4px;margin-right:-4px;padding:12px}.fypLiveCards{scroll-snap-type:x mandatory;display:flex;overflow-x:auto}.fypLiveCards>button{scroll-snap-align:start;flex:0 0 42vw;min-height:190px}}.coinWalletPage{z-index:86;background:var(--bg);padding:24px;position:fixed;inset:0;overflow:auto}.coinWalletHeader,.coinWalletBalance,.coinWalletNotice,.coinHistory{width:min(760px,100%);margin-left:auto;margin-right:auto}.coinWalletHeader{justify-content:space-between;align-items:center;display:flex}.coinWalletHeader h1,.coinHistory h2{margin:4px 0}.coinWalletBalance{box-sizing:border-box;border:1px solid var(--border);background:radial-gradient(circle at 90% 0,var(--accent-tint),var(--surface) 58%);border-radius:24px;align-items:center;gap:18px;margin-top:28px;padding:26px;display:flex;box-shadow:0 18px 55px #0000003d}.coinWalletBalance>div{display:grid}.coinWalletBalance span,.coinWalletBalance small{color:var(--text-secondary)}.coinWalletBalance strong{font-size:clamp(38px,8vw,64px);line-height:1}.coinMark,.coinTransactionIcon{background:var(--accent);border-radius:50%;place-items:center;font-weight:950;color:var(--surface)!important;display:grid!important}.coinMark{width:72px;height:72px;font-size:30px;box-shadow:0 0 28px #8ce0b82e}.coinWalletNotice{box-sizing:border-box;border:1px solid var(--border);color:var(--text-secondary);border-radius:14px;margin-top:12px;padding:12px 16px;font-size:13px}.coinHistory{margin-top:30px}.coinTransaction{border-bottom:1px solid var(--surface-raised);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 0;display:grid}.coinTransactionIcon{width:38px;height:38px}.coinTransaction>div{min-width:0;display:grid}.coinTransaction small{color:var(--text-secondary)}.coinTransaction b{font-variant-numeric:tabular-nums}.coinPositive{color:var(--accent)}.coinNegative{color:var(--danger)}@media (max-width:700px){.coinWalletPage{padding:14px}.coinWalletHeader{z-index:2;background:var(--bg);padding:8px 0;position:sticky;top:0}.coinWalletBalance{border-radius:18px;padding:20px 16px}.coinMark{width:58px;height:58px}.coinWalletBalance strong{font-size:42px}.coinTransaction{padding:13px 2px}}.liveGiftBar{border:1px solid var(--border);background:var(--surface);border-radius:16px;margin-top:12px;padding:10px}.liveGiftBalance{color:var(--text-secondary);align-items:center;gap:7px;margin-bottom:9px;display:flex}.liveGiftBalance>span{background:var(--accent);width:25px;height:25px;color:var(--surface);border-radius:50%;place-items:center;font-weight:950;display:grid}.liveGiftPicker{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.liveGiftPicker>button{border:1px solid var(--border);background:var(--surface-raised);color:var(--text-primary);border-radius:13px;flex:0 0 104px;place-items:center;gap:3px;padding:10px 7px;display:grid}.liveGiftPicker>button:disabled{opacity:.42}.liveGiftPicker small{color:var(--text-secondary)}.giftIcon{color:var(--accent);font-size:22px}.liveGiftEffect{z-index:5;pointer-events:none;place-items:center;animation:1.8s ease-out both riverGiftBurst;display:grid;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.liveGiftEffect>span{background:radial-gradient(circle,var(--accent-tint),var(--accent) 45%,#8ce0b814 70%);width:92px;height:92px;color:var(--surface);border-radius:50%;place-items:center;font-size:48px;display:grid;box-shadow:0 0 65px #8ce0b899}.liveGiftEffect>strong{background:#07110edb;border-radius:999px;margin-top:10px;padding:5px 12px;font-size:16px}.gift-crown{filter:drop-shadow(0 0 12px #ffffff59)}.gift-comet{font-size:28px}@keyframes riverGiftBurst{0%{opacity:0;transform:translate(-50%,-35%)scale(.45)}20%{opacity:1;transform:translate(-50%,-50%)scale(1.12)}65%{opacity:1;transform:translate(-50%,-55%)scale(1)}to{opacity:0;transform:translate(-50%,-85%)scale(.9)}}@media (prefers-reduced-motion:reduce){.liveGiftEffect{opacity:1;animation:none}}@media (max-width:700px){.liveGiftBar{margin-left:0;margin-right:0}.liveGiftPicker>button{flex-basis:92px}.liveGiftEffect>span{width:76px;height:76px;font-size:38px}}.creatorEarnings{box-sizing:border-box;grid-template-columns:2fr 1fr 1fr;gap:10px;width:min(760px,100%);margin:14px auto 0;display:grid}.creatorEarnings>div{border:1px solid var(--border);background:var(--surface);border-radius:16px;gap:5px;padding:16px;display:grid}.creatorEarnings span{color:var(--text-secondary);font-size:12px}.creatorEarnings strong{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:20px}@media (max-width:600px){.creatorEarnings{grid-template-columns:1fr 1fr}.creatorEarnings>div:first-child{grid-column:1/-1}.creatorEarnings>div{padding:13px}}.feedAuthor{align-items:center;gap:10px;min-width:0;display:flex}.feedAvatarStack{justify-content:center;padding-bottom:10px;display:flex;position:relative}.feedAvatarButton{padding:0}.feedAvatarButton .miniAvatar,.feedAvatarButton .avatarFallback{flex-basis:42px;width:42px;height:42px;margin-right:0;font-size:15px}.feedAuthorName{justify-items:start;gap:1px;padding:0!important;display:grid!important}.feedAuthorName .meta{font-weight:400}.feedFollowButton{z-index:2;border-radius:999px;place-items:center;width:1.55rem;min-width:1.55rem;height:1.55rem;padding:0;font-size:1rem;line-height:1;transition:transform .18s,box-shadow .18s;display:grid;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.feedFollowButton:active{transform:translate(-50%)scale(.78)}.feedFollowButton.followed{animation:.42s cubic-bezier(.2,.8,.2,1) feedFollowPop}@keyframes feedFollowPop{0%{transform:translate(-50%)scale(.72)}55%{transform:translate(-50%)scale(1.28)}to{transform:translate(-50%)scale(1)}}@media (prefers-reduced-motion:reduce){.feedFollowButton{transition:none}.feedFollowButton.followed{animation:none}}.headerActions{align-items:center;gap:10px;display:flex}@media (max-width:900px){.headerActions{gap:7px}}@media (max-width:520px){.headerLogout{padding-left:4px;padding-right:4px;font-size:12px}.headerActions .badge{max-width:32vw}}.mobileNav .navGlyph{place-items:center;width:22px;height:22px;font-size:18px;font-weight:800;line-height:1;display:grid}.mobileNav .navLabel{font-size:11px;font-weight:650}@media (max-width:900px){.mobileNav{scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;justify-content:flex-start;overflow:auto hidden}.mobileNav::-webkit-scrollbar{display:none}.mobileNav a,.mobileNav button{scroll-snap-align:start;background:0 0;flex:0 0 48px;justify-items:center;gap:3px;min-width:48px;padding:7px 5px;display:grid}.mobileNav .navLabel{display:none}}@media (max-width:520px){.mobileNav{gap:4px;padding:8px 10px;position:sticky;top:0}.mobileNav a,.mobileNav button{flex:0 0 48px;min-width:48px}.mobileNav .navGlyph{font-size:19px}}.mobileHeaderIcon{display:none}.profileNavIcon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}@media (max-width:900px){.nav{gap:8px;position:relative}.headerActions{margin-left:auto}.headerIdentity{display:none}.mobileHeaderIcon{border:1px solid var(--border);background:var(--surface-raised);width:38px;height:38px;color:var(--text-primary);border-radius:50%;place-items:center;padding:0;display:grid}.headerLogout{display:inline-flex}.mobileNav{-webkit-mask-image:linear-gradient(90deg,#000 0 calc(100% - 24px),#0000 100%);mask-image:linear-gradient(90deg,#000 0 calc(100% - 24px),#0000 100%)}}body{background:var(--bg);color:var(--text-primary)}.card{background:var(--surface);border:1px solid var(--border)}.muted{color:var(--text-secondary)}.accent{color:var(--accent)}.ai-summary{background:var(--accent-tint)}.appearanceModal{width:min(760px,100%)}.appearanceChoices{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.appearanceChoice{text-align:left;border:1px solid var(--border);background:var(--surface-raised);color:var(--text-primary);cursor:pointer;border-radius:16px;flex-direction:column;align-items:flex-start;gap:7px;padding:12px;display:flex}.appearanceChoice.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-tint)}.themePreview{border:1px solid var(--border);border-radius:12px;width:100%;height:150px;display:block;position:relative;overflow:hidden}.themePreviewLight{background:#faf9f7}.themePreviewDark{background:#0a0a0b}.previewWatermark{letter-spacing:.18em;opacity:.12;font-size:17px;font-weight:800;position:absolute;bottom:10px;right:12px}.themePreviewLight .previewWatermark{color:#1a1a18}.themePreviewDark .previewWatermark{color:#f4f4f2}.previewSidebar{border-radius:8px;width:26%;position:absolute;top:10px;bottom:10px;left:10px}.themePreviewLight .previewSidebar,.themePreviewLight .previewCard{background:#fff;border:1px solid #e8e6e1}.themePreviewDark .previewSidebar,.themePreviewDark .previewCard{background:#131316;border:1px solid #26262b}.previewCard{border-radius:9px;height:82px;position:absolute;top:22px;left:32%;right:10px}.previewAccent{border-radius:999px;width:34%;height:8px;position:absolute;top:38px;left:36%}.themePreviewLight .previewAccent{background:#0f766e}.themePreviewDark .previewAccent{background:#2dd4bf}.deviceThemeIcon{background:var(--accent-tint);width:44px;height:44px;color:var(--accent);border-radius:50%;place-items:center;font-size:24px;display:grid}.appearanceChoice:last-child{grid-column:1/-1}@media (max-width:620px){.appearanceChoices{grid-template-columns:1fr}.appearanceChoice:last-child{grid-column:auto}.themePreview{height:128px}}.liveHostPreview{object-fit:cover;border-radius:inherit;background:var(--bg);width:100%;height:100%;position:absolute;inset:0}.liveVideoPlaceholder>.livePill,.liveVideoPlaceholder>.meta,.liveVideoPlaceholder>strong,.liveVideoPlaceholder>p,.liveVideoPlaceholder>span,.liveVideoPlaceholder>.liveGiftEffect{z-index:2;position:relative}.liveVideoPlaceholder>.livePill{position:absolute}.liveViewerPlayback{object-fit:contain;border-radius:inherit;background:var(--bg);z-index:1;width:100%;height:100%;position:absolute;inset:0}.coinPurchase{box-sizing:border-box;border:1px solid var(--border);background:var(--surface);border-radius:18px;width:min(760px,100%);margin:18px auto 0;padding:18px}.coinPurchase h2{margin:4px 0 12px}.coinPackages{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.coinPackages button{text-align:left;border:1px solid var(--border);background:var(--surface-raised);color:var(--text-primary);cursor:pointer;border-radius:14px;gap:4px;padding:14px;display:grid}.coinPackages button:hover{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-tint)}.coinPackages button:disabled{opacity:.6;cursor:wait}.coinPackages strong{font-size:18px}.coinPackages span,.coinPackages small{color:var(--text-secondary)}@media (max-width:620px){.coinPackages{grid-template-columns:1fr}.coinPurchase{padding:14px}}.liveEndedPage{place-items:center;min-height:70vh;padding:24px;display:grid}.liveEndedCard{border:1px solid var(--border);background:var(--surface);text-align:center;border-radius:22px;gap:12px;width:min(520px,100%);padding:28px;display:grid}.liveEndedCard h1{margin:0;font-size:30px}.liveEndedCard p{color:var(--text-secondary);margin:0}.liveEndedCard p span{color:var(--text-primary)}.liveEndedCard .row{flex-wrap:wrap;justify-content:center;margin-top:6px}@media (max-width:520px){.liveEndedPage{padding:14px}.liveEndedCard{padding:22px 16px}.liveEndedCard .row{width:100%;display:grid}.liveEndedCard .row>button{width:100%}}.livePageActive{background:var(--bg);padding:18px;overflow:hidden}.liveExperience{grid-template-columns:minmax(0,1fr) 340px;gap:14px;width:min(1180px,100%);height:calc(100dvh - 36px);margin:auto;display:grid;position:relative}.liveCanvas{border:1px solid var(--border);background:var(--surface-raised);border-radius:22px;min-width:0;height:100%;position:relative;overflow:hidden}.liveCanvas .liveHostPreview,.liveCanvas .liveViewerPlayback{object-fit:cover;border-radius:inherit;background:var(--bg);z-index:1;width:100%;height:100%;position:absolute;inset:0}.liveTopOverlay{z-index:6;background:linear-gradient(to bottom,var(--bg),transparent);justify-content:space-between;align-items:flex-start;gap:12px;padding:14px;display:flex;position:absolute;top:0;left:0;right:0}.liveIdentity{align-items:center;gap:9px;min-width:0;max-width:72%;display:flex}.liveIdentityAvatar{border:1px solid var(--border);background:var(--surface);border-radius:50%;flex:0 0 38px;place-items:center;width:38px;height:38px;font-weight:850;display:grid;overflow:hidden}.liveIdentityAvatar img{object-fit:cover;width:100%;height:100%}.liveIdentityText{text-align:left;min-width:0;display:grid}.liveIdentityText strong,.liveIdentityText small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.liveIdentityText strong{font-size:14px}.liveIdentityText small{color:var(--text-secondary);font-size:12px}.liveCanvas .livePill{background:var(--accent);color:var(--surface);letter-spacing:.08em;border-radius:7px;flex:none;padding:5px 8px;font-size:10px;font-weight:900;position:static}.liveTopActions{align-items:center;gap:8px;display:flex}.liveViewerCount{border:1px solid var(--border);background:var(--surface);white-space:nowrap;border-radius:999px;padding:7px 9px;font-size:12px;font-weight:750}.liveSoundToggle{border:1px solid var(--border);background:var(--surface);color:var(--text-primary);cursor:pointer;white-space:nowrap;border-radius:999px;padding:7px 9px;font-size:11px;font-weight:750}.liveSoundToggle[aria-pressed=true]{background:var(--accent-tint);color:var(--accent)}.liveClose{border:1px solid var(--border);background:var(--surface);width:34px;height:34px;color:var(--text-primary);cursor:pointer;border-radius:50%;font-size:20px;line-height:1}.liveTransportStatus{z-index:6;background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);border-radius:999px;padding:6px 9px;font-size:11px;position:absolute;top:72px;left:14px}.liveError{z-index:100;border:1px solid var(--border);background:var(--surface);border-radius:999px;max-width:min(560px,100% - 30px);padding:9px 13px;position:fixed;top:16px;left:50%;transform:translate(-50%)}.liveInteractionPanel{border:1px solid var(--border);background:var(--surface);border-radius:22px;flex-direction:column;min-width:0;height:100%;display:flex;overflow:hidden}.liveInteractionHeader{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:14px 14px 12px;display:flex}.liveInteractionHeader>div{gap:2px;display:grid}.liveInteractionHeader strong{font-size:14px}.liveInteractionHeader span{color:var(--text-secondary);font-size:11px}.liveGiftActivity{border-bottom:1px solid var(--border);flex-direction:column;gap:6px;max-height:132px;padding:10px 12px;display:flex;overflow:auto}.liveGiftActivityItem{background:var(--surface-raised);border-radius:11px;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;padding:7px 9px;font-size:12px;display:grid}.liveGiftActivityItem small{color:var(--text-secondary);white-space:nowrap}.liveGiftSender{color:var(--accent);font-weight:800}.liveGiftEmpty,.liveChatEmpty{color:var(--text-secondary);margin:0;font-size:12px}.liveInteractionPanel .liveChatMessages{background:0 0;flex-direction:column;flex:1;justify-content:flex-end;gap:9px;height:auto;min-height:0;padding:12px;display:flex;overflow:auto}.liveInteractionPanel .liveChatMessage{justify-content:space-between;align-items:flex-start;gap:10px;font-size:13px;display:flex}.liveInteractionPanel .liveChatMessage>span:first-child{overflow-wrap:anywhere}.liveModerationActions{gap:4px;display:flex}.liveModerationActions button{color:var(--text-secondary);cursor:pointer;background:0 0;border:0;font-size:10px}.liveInteractionPanel .liveGiftBar{border:0;border-top:1px solid var(--border);background:0 0;border-radius:0;margin:0;padding:10px 12px}.liveInteractionPanel .liveGiftBalance{margin-bottom:8px}.liveGiftBalance small{color:var(--text-secondary);margin-left:auto;font-size:10px}.liveInteractionPanel .liveGiftPicker>button{flex-basis:92px;padding:8px 6px}.liveChatComposer{border-top:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px 12px;display:grid}.liveChatComposer input{border:1px solid var(--border);background:var(--surface-raised);min-width:0;color:var(--text-primary);border-radius:999px;outline:none;padding:10px 13px}.liveChatComposer .primary{padding:9px 14px}.liveSessionControls{justify-content:flex-end;gap:8px;padding:0 12px 12px;display:flex}.liveEndButton{flex:1}.liveCanvas .liveGiftEffect{z-index:9}.liveCanvas .liveGiftEffect>strong{text-overflow:ellipsis;white-space:nowrap;max-width:min(80vw,320px);overflow:hidden}.livePageActive .liveGiftEffect>span{color:var(--surface)}@media (max-width:820px){.livePageActive{padding:0}.liveExperience{width:100%;height:100dvh;display:block}.liveCanvas{border:0;border-radius:0;height:100dvh}.liveInteractionPanel{z-index:7;background:linear-gradient(to bottom,transparent,var(--bg) 18%,var(--bg));border:0;border-radius:0;height:auto;max-height:48dvh;position:absolute;bottom:0;left:0;right:0}.liveInteractionHeader{display:none}.liveGiftActivity{background:0 0;border:0;max-height:90px;padding:34px 10px 6px}.liveGiftActivityItem{background:var(--surface);border:1px solid var(--border);grid-template-columns:auto auto auto;width:max-content;max-width:92%}.liveInteractionPanel .liveChatMessages{flex:0 148px;justify-content:flex-end;min-height:72px;padding:4px 10px 8px}.liveInteractionPanel .liveChatMessage{background:var(--surface);border-radius:10px;width:max-content;max-width:92%;padding:5px 8px}.liveModerationActions{margin-left:6px}.liveInteractionPanel .liveGiftBar{border:0;padding:7px 10px}.liveInteractionPanel .liveGiftBalance{margin-bottom:5px}.liveInteractionPanel .liveGiftPicker>button{background:var(--surface);flex-basis:82px;padding:6px 5px}.liveChatComposer{border:0;padding:7px 10px}.liveSessionControls{padding:0 10px max(10px,env(safe-area-inset-bottom))}.liveTopOverlay{padding:10px}.liveIdentity{max-width:68%}.liveIdentityAvatar{flex-basis:34px;width:34px;height:34px}.liveViewerCount{padding:6px 8px;font-size:11px}.liveTransportStatus{top:62px;left:10px}}.liveParticipantStage{z-index:1;background:var(--bg);gap:5px;display:grid;position:absolute;inset:0}.liveParticipantTile{background:var(--surface-raised);min-width:0;min-height:0;position:relative;overflow:hidden}.liveParticipantStage-1{grid-template-columns:1fr}.liveParticipantStage-2{grid-template-columns:repeat(2,minmax(0,1fr))}.liveParticipantStage-3{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}.liveParticipantStage-3 .liveParticipantHost{grid-row:1/3}.liveParticipantStage-4{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr))}.liveParticipantTile .liveHostPreview,.liveParticipantTile .liveViewerPlayback,.liveParticipantPlayback{object-fit:cover;background:var(--bg);z-index:1;width:100%;height:100%;position:absolute;inset:0}.liveParticipantWaiting{color:var(--text-secondary);background:radial-gradient(circle at center,var(--surface-raised),var(--bg));place-items:center;font-size:12px;display:grid;position:absolute;inset:0}.liveParticipantLabel{z-index:4;border:1px solid color-mix(in srgb,var(--border) 76%,transparent);background:color-mix(in srgb,var(--bg) 76%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:calc(100% - 20px);color:var(--text-primary);border-radius:10px;padding:6px 9px;font-size:12px;font-weight:800;display:grid;position:absolute;bottom:10px;left:10px}.liveParticipantLabel small{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:700}.liveExperienceMulti .liveCanvas{background:var(--bg)}.liveJoinRequests,.liveParticipantRoster{border-bottom:1px solid var(--border);gap:7px;padding:10px 12px;display:grid}.liveJoinRequests>strong,.liveParticipantRoster>strong{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);font-size:11px}.liveJoinRequest,.liveParticipantRosterRow{background:var(--surface-raised);border-radius:11px;justify-content:space-between;align-items:center;gap:8px;padding:8px 9px;display:flex}.liveJoinRequest>span{min-width:0;font-size:12px;font-weight:800;display:grid}.liveJoinRequest>span small{color:var(--text-secondary);font-weight:600}.liveJoinRequest>div{gap:5px;display:flex}.liveJoinRequest button{padding:6px 9px;font-size:11px}.liveParticipantRosterRow{font-size:12px}.liveParticipantRosterRow button{font-size:11px}.liveJoinControl{border-bottom:1px solid var(--border);background:var(--surface-raised);justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.liveJoinControl>div{gap:2px;min-width:0;display:grid}.liveJoinControl strong{font-size:12px}.liveJoinControl small{color:var(--text-secondary);font-size:10px;line-height:1.35}.liveJoinControl button{flex:none;font-size:11px}.liveJoinControl.active{background:var(--accent-tint)}@media (max-width:820px){.liveParticipantStage{gap:3px}.liveParticipantStage-2{grid-template-rows:1fr;grid-template-columns:repeat(2,minmax(0,1fr))}.liveParticipantStage-3{grid-template-rows:minmax(0,1.25fr) minmax(0,.75fr);grid-template-columns:repeat(2,minmax(0,1fr))}.liveParticipantStage-3 .liveParticipantHost{grid-area:1/1/auto/3}.liveParticipantStage-4{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr))}.liveParticipantLabel{padding:5px 7px;font-size:10px;bottom:7px;left:7px}.liveExperienceMulti .liveInteractionPanel{max-height:42dvh}.liveJoinRequests,.liveParticipantRoster{background:color-mix(in srgb,var(--bg) 92%,transparent);border:0;max-height:112px;padding:6px 10px;overflow:auto}.liveJoinRequest,.liveParticipantRosterRow{padding:6px 8px}.liveJoinControl{background:color-mix(in srgb,var(--bg) 94%,transparent);border:0;padding:7px 10px}}@media (prefers-reduced-motion:reduce){.liveParticipantStage{scroll-behavior:auto}}.liveRankHub{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:14px;width:min(1100px,100%);margin:0 auto 18px;display:grid}.liveRankCard,.liveRankLeaderboardCard{border:1px solid var(--border);background:var(--surface);border-radius:24px;padding:20px;position:relative;overflow:hidden}.liveRankCard:before{content:"";pointer-events:none;background:radial-gradient(circle at 82% 18%,color-mix(in srgb,var(--accent) 28%,transparent),transparent 34%),linear-gradient(125deg,transparent 18%,color-mix(in srgb,var(--accent) 10%,transparent) 49%,transparent 72%);position:absolute;inset:-35% -12%;transform:rotate(-5deg)}.liveRankCard:after{content:"";border-top:1px solid color-mix(in srgb,var(--accent) 55%,transparent);opacity:.65;border-radius:50%;height:22%;position:absolute;bottom:10%;left:-10%;right:-10%;transform:rotate(-3deg)}.liveRankCard>*{z-index:1;position:relative}.liveRankCardHead{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;display:grid}.rankCurrentMark{border:1px solid color-mix(in srgb,var(--accent) 68%,var(--border));background:color-mix(in srgb,var(--accent) 14%,var(--surface));width:52px;height:52px;color:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 12%,transparent);border-radius:17px;place-items:center;font-size:25px;font-weight:950;display:grid}.liveRankCardHead>div{min-width:0}.liveRankCardHead small,.liveRankLeaderboardCard small,.liveRankPopover small,.liveRankCelebration small{color:var(--text-secondary);letter-spacing:.12em;font-size:10px;font-weight:850}.liveRankCardHead h2,.liveRankLeaderboardCard h2{margin:2px 0 0;font-size:clamp(20px,3vw,30px)}.liveRankCardHead p{color:var(--text-secondary);margin:2px 0 0;font-size:12px}.liveRankCardHead>strong{letter-spacing:-.06em;color:var(--accent);font-size:clamp(24px,4vw,42px)}.liveRankProgress{border:1px solid var(--border);background:var(--surface-raised);border-radius:999px;height:8px;margin-top:18px;overflow:hidden}.liveRankProgress i{border-radius:inherit;background:var(--accent);height:100%;box-shadow:0 0 18px color-mix(in srgb,var(--accent) 50%,transparent);transition:width .55s cubic-bezier(.2,.8,.2,1);display:block}.liveRankStats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.liveRankStats span{border:1px solid var(--border);background:color-mix(in srgb,var(--surface-raised) 88%,transparent);border-radius:13px;gap:2px;padding:10px 11px;display:grid}.liveRankStats small{color:var(--text-secondary);font-size:10px}.liveRankStats strong{font-variant-numeric:tabular-nums}.liveRankNext{color:var(--text-secondary);margin:12px 0 0;font-size:11px}.liveRankLeaderboardCard header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.liveRankLeaderboardCard header h2{font-size:20px}.liveRankLeaderboardCard>div{gap:4px;display:grid}.liveRankLeader{border-radius:12px;grid-template-columns:25px 34px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px;display:grid}.liveRankLeader:nth-child(-n+3){background:var(--surface-raised)}.liveRankLeader>b{color:var(--accent);text-align:center;font-size:12px}.liveRankLeaderAvatar{border:1px solid var(--border);background:var(--surface-raised);border-radius:50%;place-items:center;width:34px;height:34px;font-size:12px;font-weight:900;display:grid;overflow:hidden}.liveRankLeaderAvatar img{object-fit:cover;width:100%;height:100%}.liveRankLeader>span:nth-child(3){min-width:0;display:grid}.liveRankLeader>span strong,.liveRankLeader>span small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.liveRankLeader>span small{color:var(--text-secondary);font-size:10px}.liveRankLeader em{color:var(--text-secondary);font-size:11px;font-style:normal;font-weight:800}.liveRankBadge{border:1px solid color-mix(in srgb,var(--accent) 55%,var(--border));background:color-mix(in srgb,var(--surface) 88%,transparent);min-width:0;color:var(--text-primary);cursor:pointer;border-radius:9px;align-items:center;gap:5px;padding:4px 7px;display:flex}.liveRankBadge span{background:var(--accent);min-width:25px;height:25px;color:var(--surface);border-radius:7px;place-items:center;font-size:10px;font-weight:950;display:grid}.liveRankBadge strong{text-overflow:ellipsis;white-space:nowrap;max-width:92px;font-size:10px;overflow:hidden}.liveRankPopover{z-index:11;border:1px solid color-mix(in srgb,var(--accent) 58%,var(--border));background:var(--surface);width:min(310px,100% - 28px);box-shadow:0 18px 55px color-mix(in srgb,var(--bg) 65%,transparent);border-radius:18px;padding:15px;animation:.28s ease-out riverRankCardIn;position:absolute;top:68px;left:14px}.liveRankPopover>button{background:var(--surface-raised);width:29px;height:29px;color:var(--text-primary);cursor:pointer;border:0;border-radius:50%;position:absolute;top:8px;right:9px}.liveRankPopover>strong{margin-top:3px;font-size:22px;display:block}.liveRankPopover>span,.liveRankPopover>em{color:var(--text-secondary);font-size:11px;display:block}.liveRankPopover>em{margin-top:7px;font-style:normal}.liveRankCelebration{z-index:14;border:1px solid color-mix(in srgb,var(--accent) 75%,var(--border));background:color-mix(in srgb,var(--surface) 94%,transparent);width:min(390px,100% - 30px);box-shadow:0 30px 100px color-mix(in srgb,var(--bg) 75%,transparent),inset 0 0 50px color-mix(in srgb,var(--accent) 12%,transparent);text-align:center;pointer-events:none;border-radius:24px;justify-items:center;gap:4px;padding:28px 18px;animation:3.4s cubic-bezier(.2,.8,.2,1) both riverRankUp;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.liveRankCelebration .rankCurrentMark{border-radius:22px;width:68px;height:68px;font-size:34px}.liveRankCelebration strong{letter-spacing:-.04em;font-size:clamp(27px,6vw,44px)}.liveRankCelebration b{color:var(--accent);font-size:14px}.rank-current .rankCurrentMark,.rank-current.liveRankBadge span{border-radius:50%}.rank-rapid.liveRankCard:after,.rank-rapid.liveRankCelebration:after{opacity:.9}.rank-cascade .rankCurrentMark{border-radius:50% 50% 48% 52%}.rank-delta .rankCurrentMark{transform:rotate(3deg)}.rank-tide.liveRankCard:before{background:radial-gradient(circle at 78% 16%,color-mix(in srgb,var(--accent) 34%,transparent),transparent 29%),repeating-radial-gradient(ellipse at 45% 110%,transparent 0 14px,color-mix(in srgb,var(--accent) 10%,transparent) 15px 16px)}.rank-riverlight{border-color:color-mix(in srgb,var(--accent) 72%,var(--border))!important}.rank-riverlight .rankCurrentMark{box-shadow:0 0 24px color-mix(in srgb,var(--accent) 34%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent)}@keyframes riverRankCardIn{0%{opacity:0;transform:translateY(-8px)scale(.97)}to{opacity:1;transform:none}}@keyframes riverRankUp{0%{opacity:0;transform:translate(-50%,-42%)scale(.72)}12%{opacity:1;transform:translate(-50%,-50%)scale(1.05)}25%,78%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-57%)scale(.94)}}@media (max-width:820px){.liveRankHub{grid-template-columns:1fr;gap:9px;padding:0 2px}.liveRankCard,.liveRankLeaderboardCard{border-radius:18px;padding:14px}.liveRankCardHead{grid-template-columns:auto minmax(0,1fr) auto}.rankCurrentMark{border-radius:14px;width:44px;height:44px}.liveRankStats{gap:5px}.liveRankStats span{padding:8px}.liveRankLeader{grid-template-columns:22px 30px minmax(0,1fr) auto;padding:7px 4px}.liveRankLeaderAvatar{width:30px;height:30px}.liveRankBadge strong{display:none}.liveRankPopover{top:60px;left:10px}.liveRankCelebration{padding:22px 14px}}@media (prefers-reduced-motion:reduce){.liveRankProgress i{transition:none}.liveRankPopover,.liveRankCelebration{animation:none}.liveRankCelebration{opacity:1;transform:translate(-50%,-50%)}}.messagesTopBar{justify-content:space-between;align-items:center;gap:12px;max-width:1100px;margin:0 auto 16px;display:flex}.messagesTopBar h1{margin:2px 0 0}.messageThreadBadges{align-items:center;gap:5px;display:inline-flex}.messagePeerIdentity{flex:1;min-width:0;display:grid}.messagePeerIdentity strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.messageLiveStatus.active{color:var(--accent)}.messageHeaderActions{gap:6px;margin-left:auto;display:flex}.messageHeaderActions button{border:1px solid var(--border);background:var(--surface-raised);width:36px;height:36px;color:var(--text-primary);border-radius:50%;place-items:center;padding:0;display:grid}.messageReportPanel{border-bottom:1px solid var(--border);background:var(--surface-raised);gap:10px;padding:12px 14px;display:grid}.messageReportPanel select{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text-primary);border-radius:12px;padding:10px}.messageMediaVideo{background:var(--bg);border-radius:14px;width:min(420px,100%);max-height:58vh;margin-bottom:6px;display:block}.messageMediaAudio{width:min(320px,100%);max-width:100%;margin-bottom:6px;display:block}.messageSticker{padding:4px 2px;font-size:54px;line-height:1.1;display:block}.messageComposerStatus{background:var(--accent-tint);color:var(--text-primary);border-radius:10px;margin-bottom:7px;padding:7px 10px;font-size:12px}.messageComposerRow{grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}.messageComposerRow textarea{border:1px solid var(--border);background:var(--surface-raised);min-height:44px;max-height:112px;color:var(--text-primary);resize:none;border-radius:18px;margin:0;padding:11px 13px}.messageTools{align-items:center;gap:5px;display:flex}.messageToolButton{border:1px solid var(--border);background:var(--surface-raised);width:38px;min-width:38px;height:38px;color:var(--text-primary);cursor:pointer;border-radius:50%;place-items:center;padding:0;font-weight:900;display:grid;position:relative}.messageToolButton input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.messageToolButton.recording{background:var(--accent);color:var(--surface);border-color:var(--accent)}.messageSendButton{border-radius:50%;place-items:center;width:42px;min-width:42px;height:42px;padding:0;font-size:18px;display:grid}.messageStickerTray{scrollbar-width:none;gap:7px;padding:4px 0 9px;display:flex;overflow-x:auto}.messageStickerTray::-webkit-scrollbar{display:none}.messageStickerTray button{border:1px solid var(--border);background:var(--surface-raised);border-radius:12px;flex:0 0 42px;width:42px;height:42px;padding:0;font-size:23px}.voiceRecordingBar{background:var(--surface-raised);border-radius:12px;align-items:center;gap:8px;margin-top:8px;padding:8px 10px;font-size:12px;display:flex}.voiceRecordingBar button{margin-left:auto}.recordingDot{background:var(--accent);border-radius:50%;width:9px;height:9px;animation:1s ease-in-out infinite voicePulse}@keyframes voicePulse{50%{opacity:.35;transform:scale(.75)}}.messagesError{max-width:1100px;margin:10px auto 0}.messageMediaPreview video{border-radius:10px;max-width:150px;max-height:90px}.messageMediaPreview audio{max-width:min(280px,70vw)}@media (max-width:700px){.messagesTopBar{border-bottom:1px solid var(--border);background:var(--surface);height:58px;margin:0;padding:0 12px}.messagesTopBar .eyebrow{display:none}.messagesTopBar h1{margin:0;font-size:20px}.messagesPage{overflow:hidden}.messagesGrid,.messageConversation{background:var(--bg)}.messageConversation header{gap:8px}.messagePeerAvatar{flex:0 0 34px;width:34px;height:34px}.messageHeaderActions{gap:4px}.messageHeaderActions button{width:33px;height:33px}.messageHistory{background:var(--bg);gap:7px;padding:12px 10px 98px}.messageBubble{max-width:82%;box-shadow:0 1px 0 var(--border)}.messageBubble.mine{background:var(--accent-tint);border:1px solid var(--border)}.messageBubble:not(.mine){background:var(--surface)}.messageComposer{background:var(--surface);box-shadow:0 -8px 30px color-mix(in srgb,var(--bg) 70%,transparent)}.messageComposerRow{grid-template-columns:auto minmax(0,1fr) auto;gap:6px}.messageTools{gap:3px}.messageToolButton{width:34px;min-width:34px;height:34px;font-size:12px}.messageComposerRow textarea{border-radius:20px;min-height:42px;max-height:92px;padding:10px 11px}.messageSendButton{width:38px;min-width:38px;height:38px}.messageStickerTray{padding:2px 0 7px}.messageReportPanel{z-index:8;border:1px solid var(--border);box-shadow:0 14px 40px color-mix(in srgb,var(--bg) 65%,transparent);border-radius:14px;position:absolute;top:60px;left:8px;right:8px}.messageMediaVideo{max-height:45dvh}.messageMediaAudio{width:min(260px,76vw)}.messageSticker{font-size:48px}}@media (max-width:420px){.messageTools{scrollbar-width:none;max-width:150px;overflow-x:auto}.messageTools::-webkit-scrollbar{display:none}.messageToolButton{flex:0 0 34px}}.settingsModal{width:min(780px,100vw - 24px);max-height:min(88vh,820px);overflow:auto}.settingsHeader{z-index:2;background:var(--surface);padding-bottom:12px;position:sticky;top:0}.settingsSection{border-top:1px solid var(--border);gap:12px;padding:16px 0;display:grid}.settingsActions{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.settingsActions button{text-align:left;border:1px solid var(--border);background:var(--surface-raised);min-height:46px;color:var(--text-primary);border-radius:13px;padding:10px 12px}.mobileFeedTabs,.mobileCreateMenu{display:none}@media (max-width:900px){.shell{padding-bottom:82px}.headerLogout{display:none}.settingsButton{border-radius:50%;place-items:center;width:38px;height:38px;padding:0;display:grid}.mobileNavPrimary{z-index:75;border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface) 96%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);width:100%;box-shadow:0 -8px 28px color-mix(in srgb,var(--bg) 70%,transparent);border-bottom:0;grid-template-columns:repeat(5,minmax(0,1fr));bottom:0;left:0;right:0;padding:7px 8px max(7px,env(safe-area-inset-bottom))!important;margin:0!important;display:grid!important;position:fixed!important;top:auto!important;overflow:visible!important;-webkit-mask-image:none!important;mask-image:none!important}.mobileNavPrimary button{align-content:center;width:100%;height:54px;min-width:0!important;color:var(--text-secondary)!important;background:0 0!important;border:0!important;border-radius:12px!important;place-items:center!important;gap:2px!important;padding:4px 2px!important;display:grid!important}.mobileNavPrimary .navLabel{font-size:10px;display:block!important}.mobileNavPrimary .navGlyph{width:24px;height:24px;color:var(--text-primary);font-size:20px}.mobileNavPrimary .mobileCreateButton .navGlyph{background:var(--accent);width:34px;height:34px;color:var(--surface);box-shadow:0 6px 18px color-mix(in srgb,var(--accent) 35%,transparent);border-radius:12px;margin-top:-13px;font-size:27px}.mobileCreateMenu{z-index:74;border:1px solid var(--border);background:var(--surface);box-shadow:0 20px 50px color-mix(in srgb,var(--bg) 75%,transparent);border-radius:18px;gap:8px;padding:10px;display:grid;position:fixed;bottom:76px;left:10px;right:10px}.mobileCreateMenu>button{text-align:left;background:var(--surface-raised);color:var(--text-primary);border:0;border-radius:13px;grid-template-columns:42px 1fr;align-items:center;gap:10px;padding:11px;display:grid}.mobileCreateMenu>button>span{background:var(--accent-tint);width:42px;height:42px;color:var(--accent);border-radius:12px;place-items:center;font-size:22px;display:grid}.mobileCreateMenu>button>div{gap:2px;display:grid}.mobileCreateMenu small{color:var(--text-secondary)}.mobileFeedTabs{z-index:12;background:color-mix(in srgb,var(--bg) 94%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:center;gap:4px;margin:0 0 12px;padding:5px;display:flex;position:sticky;top:0}.mobileFeedTabs button{color:var(--text-secondary);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;padding:9px 15px;font-weight:800}.mobileFeedTabs button.active{border-bottom-color:var(--accent);color:var(--text-primary)}}@media (max-width:620px){.settingsModal{width:calc(100vw - 16px);padding:16px}.settingsActions{grid-template-columns:1fr 1fr}}.settingsBackdrop{z-index:100}@media (max-width:900px){.profilePage{padding-bottom:96px}}.srOnly{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.compactCreateComposer{padding:12px 14px}.compactComposerMain{grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.compactComposerAvatar{background:var(--accent);width:42px;height:42px;color:var(--surface);border-radius:50%;place-items:center;font-weight:850;display:grid}.compactCreateComposer textarea{resize:vertical;min-height:42px;max-height:110px;padding:9px 2px;font-size:16px}.compactComposerTools{align-items:center;gap:6px;display:flex}.compactMediaButton{border:1px solid var(--border);background:var(--surface-raised);width:38px;height:38px;color:var(--text-primary);cursor:pointer;border-radius:11px;place-items:center;font-size:17px;display:grid;position:relative}.compactMediaButton input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.compactMediaButton:has(input:disabled){opacity:.5;cursor:not-allowed}.compactMediaSelection{margin-top:10px}.compactMediaCount{margin-top:6px;display:block}.compactComposerStatus{margin:8px 0 0}.compactComposerFooter{border-top:1px solid var(--border);align-items:center;gap:10px;margin-top:9px;padding-top:9px;display:flex}.compactComposerFooter>label{margin-right:auto}.compactComposerFooter select{max-width:132px}.compactPostButton{padding:8px 14px}.profileEditorBackdrop{z-index:110;align-items:flex-start;padding:12px;overflow:auto}.profileEditorModal{flex-direction:column;width:min(560px,100%);max-height:calc(100dvh - 24px);display:flex;overflow:hidden}.profileEditorHeader{flex:none}.profileEditorForm{overscroll-behavior:contain;min-height:0;padding:2px 2px 0;overflow-y:auto}.profileEditorForm .coverPreview{object-fit:cover;width:100%;max-height:180px}.profileEditorActions{z-index:2;background:linear-gradient(to bottom,transparent,var(--surface) 22%);margin:4px -2px 0;padding:12px 2px 2px;position:sticky;bottom:0}.profileEditorActions .primary{width:100%}.liveInteractionPanel .liveInteractionHeader,.liveInteractionPanel .liveGiftActivity,.liveInteractionPanel .liveGiftBar,.liveInteractionPanel .liveChatComposer,.liveInteractionPanel .liveSessionControls{flex:none}.liveInteractionPanel .liveChatMessages{flex:auto;min-height:80px}.liveChatComposer{z-index:2;background:var(--surface);position:relative}@media (min-width:821px){.livePageActive{padding:0}.liveExperienceSolo{width:100%;max-width:none;height:100dvh;display:block}.liveExperienceSolo .liveCanvas{border:0;border-radius:0;width:100%;height:100%}.liveExperienceSolo .liveInteractionPanel{z-index:8;background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:min(360px,100% - 28px);height:auto;box-shadow:0 18px 50px color-mix(in srgb,var(--bg) 55%,transparent);border-radius:20px;position:absolute;top:14px;bottom:14px;right:14px}}@media (max-width:620px){.compactCreateComposer{padding:10px}.compactComposerMain{grid-template-columns:36px minmax(0,1fr) auto;gap:8px}.compactComposerAvatar{width:36px;height:36px}.compactComposerTools{gap:4px}.compactMediaButton{width:34px;height:34px}.compactComposerFooter{flex-wrap:wrap;gap:7px}.compactComposerFooter>label{margin-right:0}.compactComposerFooter .compactPostButton{margin-left:auto}.profileEditorBackdrop{padding:6px}.profileEditorModal{max-height:calc(100dvh - 12px);padding:14px}.profileEditorForm .coverPreview{max-height:150px}}.postMediaUnifiedButton{animation:2.8s ease-in-out infinite postMediaBreathe;overflow:visible}.postMediaUnifiedIcon{width:22px;height:22px;overflow:visible}.postMediaUnifiedIcon rect,.postMediaUnifiedIcon circle,.postMediaUnifiedIcon path:not(.postMediaPlayMark){fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.postMediaUnifiedIcon .postMediaPlayMark{fill:currentColor;stroke:none;transform-origin:16.5px 10px;animation:2.8s ease-in-out infinite postMediaPlay}@keyframes postMediaBreathe{50%{transform:translateY(-1px)scale(1.04)}}@keyframes postMediaPlay{50%{transform:scale(1.12)}}.compactDraftSummary{justify-content:flex-end;margin-top:5px;display:flex}.compactDraftSummary .textButton{font-size:12px}.postEditorBackdrop{z-index:115;align-items:flex-start;padding:14px;overflow:auto}.postEditorModal{width:min(660px,100%);max-height:calc(100dvh - 28px);overflow:auto}.postEditorHeader{z-index:4;background:var(--surface);padding-bottom:10px;position:sticky;top:-1px}.postEditorText,.postEditForm>textarea{resize:vertical;border:1px solid var(--border);background:var(--surface-raised);width:100%;min-height:110px;color:var(--text-primary);border-radius:14px;outline:none;padding:13px}.postEditorMediaArea{gap:10px;margin-top:12px;display:grid}.postEditorMediaButton{border:1px dashed var(--border);background:var(--surface-raised);min-height:46px;color:var(--text-primary);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:9px;font-weight:750;display:flex;position:relative}.postEditorMediaButton input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.postEditorPreview{gap:8px;display:grid}.postEditorPreview.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.postEditorPreview.grid .postEditorPreviewItem{height:220px}.postEditorPreview.grid:has(>:nth-child(3):last-child)>:first-child{grid-row:span 2;height:448px}.postEditorPreview.grid .postEditorPreviewItem img,.postEditorPreview.grid .postEditorPreviewItem video{object-fit:cover;height:100%;max-height:none}.postEditorPreview.slide{scroll-snap-type:x mandatory;scrollbar-width:thin;display:flex;overflow-x:auto}.postEditorPreview.slide>*{scroll-snap-align:center;flex:0 0 100%}.postEditorPreviewItem{min-width:0;position:relative}.postEditorPreview img,.postEditorPreview video{object-fit:contain;background:var(--bg);border-radius:14px;width:100%;max-height:52dvh;display:block}.postEditorPreviewItem>button{background:var(--surface);width:34px;height:34px;color:var(--text-primary);border:1px solid var(--border);border-radius:50%;padding:0;position:absolute;top:8px;right:8px}.postLayoutChooser{border:1px solid var(--border);background:var(--surface-raised);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:10px 12px;display:flex}.postLayoutChooser>div{gap:7px;display:flex}.postLayoutChooser button{border:1px solid var(--border);background:var(--surface);min-width:76px;color:var(--text-primary);border-radius:999px;padding:8px 12px}.postLayoutChooser button.selected{border-color:var(--accent);background:var(--accent-tint);color:var(--accent);font-weight:800}.postEditorFooter{z-index:4;background:linear-gradient(to bottom,transparent,var(--surface) 28%);align-items:center;gap:10px;margin-top:14px;padding:12px 0 2px;display:flex;position:sticky;bottom:-1px}.postEditorFooter>label{margin-right:auto}.postEditorFooter select{max-width:150px}.postEditForm{gap:12px;display:grid}.postGalleryGrid{border-radius:14px;grid-auto-rows:clamp(160px,30vw,340px);gap:6px;overflow:hidden;grid-template-columns:repeat(2,minmax(0,1fr))!important;display:grid!important}.postGalleryGrid:has(>:only-child){grid-auto-rows:auto;overflow:visible;grid-template-columns:1fr!important}.postGalleryGrid:not(:has(>:only-child)) .postMedia{object-fit:cover;border-radius:12px;width:100%;max-height:none;height:100%!important}.postGalleryGrid:has(>:nth-child(3):last-child)>:first-child{grid-row:span 2}.postGallerySlide{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch;gap:8px;overflow-x:auto;grid-template-columns:none!important;display:flex!important}.postGallerySlide>*{scroll-snap-align:center;flex:0 0 100%;min-width:100%}.postGallerySlide .postMedia{object-fit:contain;width:100%;height:min(68dvh,620px)!important}.postGallerySlide .feedVideo{flex:0 0 100%;min-width:100%}@media (max-width:620px){.postEditorBackdrop{padding:0}.postEditorModal{border:0;border-radius:0;width:100%;min-height:100dvh;max-height:100dvh;padding:14px}.postEditorHeader{top:0}.postEditorFooter{padding-bottom:max(6px,env(safe-area-inset-bottom));bottom:0}.postLayoutChooser{flex-direction:column;align-items:flex-start}.postLayoutChooser>div{width:100%}.postLayoutChooser button{flex:1}}.postClickable{cursor:pointer;transition:border-color .16s,box-shadow .16s}.postClickable:hover{border-color:color-mix(in srgb,var(--accent) 38%,var(--border))}.postClickable:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.postClickable .actions,.postClickable button,.postClickable a,.postClickable video{cursor:auto}.postClickable .actions button,.postClickable button,.postClickable a{cursor:pointer}.postAge{white-space:nowrap;font-variant-numeric:tabular-nums}.postDetailBackdrop{z-index:125;align-items:center;padding:18px;overflow:auto}.postDetailModal{width:min(720px,100%);max-height:min(92dvh,900px);box-shadow:0 24px 80px color-mix(in srgb,var(--bg) 68%,transparent);border-radius:20px;padding:0;overflow-y:auto}.postDetailHeader{z-index:4;background:color-mix(in srgb,var(--surface) 96%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);justify-content:space-between;align-items:center;gap:12px;padding:16px 18px 10px;display:flex;position:sticky;top:0}.postDetailHeader .feedAvatarStack{padding-bottom:0}.postDetailClose{border:1px solid var(--border);background:var(--surface-raised);width:36px;height:36px;color:var(--text-primary);cursor:pointer;border-radius:50%;flex:0 0 36px;place-items:center;font-size:24px;line-height:1;display:grid}.postDetailExactDate{color:var(--text-secondary);border-bottom:1px solid var(--border);padding:0 18px 12px;font-size:12px;display:block}.postDetailBody{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:18px;font-size:16px;line-height:1.58}.postDetailGallery{margin:0;padding:0 18px 16px}.postDetailGallery .postMedia{object-fit:contain;background:var(--bg);max-height:68dvh}.postDetailCounts{color:var(--text-secondary);border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:11px 18px;font-size:13px;display:flex}.postDetailActions{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.postDetailActions button{min-height:46px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;font-weight:750}.postDetailActions button:hover{background:var(--surface-raised);color:var(--text-primary)}.postDetailActions button.liked{color:var(--accent)}.postDetailActions button+button{border-left:1px solid var(--border)}.postShareStatus{background:var(--accent-tint);color:var(--text-primary);border-radius:10px;margin:10px 18px 0;padding:8px 10px;font-size:12px}.postDetailComments{padding:0 18px 18px}.postDetailComments .commentComposer{margin-top:16px}@media (max-width:700px){.postDetailBackdrop{align-items:stretch;padding:0}.postDetailModal{border:0;border-radius:0;width:100%;height:100dvh;max-height:100dvh}.postDetailHeader{padding-top:max(12px,env(safe-area-inset-top))}.postDetailBody{padding:16px;font-size:15px}.postDetailGallery{padding:0 0 12px}.postDetailGallery .postMedia{border-left:0;border-right:0;border-radius:0;max-height:62dvh}.postDetailCounts{padding-left:16px;padding-right:16px}.postDetailComments{padding:0 14px max(18px,env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.postClickable{transition:none}}.liveGiftRuntimeLayer{z-index:20;border-radius:inherit;pointer-events:none;isolation:isolate;position:absolute;inset:0;overflow:hidden}.liveGiftFocus,.liveGiftStack{pointer-events:none;position:absolute;inset:0}.liveGiftStack{z-index:1}.liveGiftFocus{z-index:2}.liveGiftScene{pointer-events:none;position:absolute;inset:0;overflow:hidden}.liveGiftCaption{z-index:8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background:#050a0cc7;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:9px;max-width:min(88%,520px);padding:8px 12px;animation:.42s ease-out .12s both giftCaptionIn;display:flex;position:absolute;bottom:7%;left:50%;transform:translate(-50%);box-shadow:0 10px 34px #00000057}.liveGiftCaption strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.liveGiftCaption span{color:#9ee8dc;flex:none;font-size:11px;font-weight:850}@keyframes giftCaptionIn{0%{opacity:0;transform:translate(-50%,10px)scale(.94)}to{opacity:1;transform:translate(-50%)scale(1)}}.riverFishScene{--fish-left:calc(24% + var(--gift-stack-offset,0%))}.riverFishWater{left:calc(var(--fish-left) - 7%);opacity:.95;width:30%;height:10%;position:absolute;bottom:5%}.riverFishWater:before{content:"";filter:blur(3px);background:linear-gradient(90deg,#0000,#2bc4ff80,#44efffe0,#2bc4ff80,#0000);border-radius:50%;height:14px;position:absolute;bottom:0;left:0;right:0}.riverFishWater i,.riverFishRipples i{opacity:0;border:2px solid #52e0ffe0;border-radius:50%;width:24%;height:12px;animation:1.9s ease-out both riverRipple;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.riverFishWater i:nth-child(2),.riverFishRipples i:nth-child(2){animation-delay:.18s}.riverFishWater i:nth-child(3),.riverFishRipples i:nth-child(3){animation-delay:.36s}.riverFishCreature{z-index:4;left:var(--fish-left);filter:drop-shadow(0 0 16px #1fc1ffb8)drop-shadow(0 12px 16px #00000057);opacity:0;transform-origin:50% 52%;width:min(25vw,185px);height:auto;animation:1.9s cubic-bezier(.17,.82,.24,1) both riverFishLeap;position:absolute;bottom:7%}.riverFishCreature .fishTail{transform-origin:49px 80px;animation:.23s ease-in-out infinite alternate riverFishTail}.riverFishSplash{z-index:3;left:var(--fish-left);width:18%;height:22%;position:absolute;bottom:7%;transform:translate(-20%)}.riverFishSplash i{opacity:0;transform-origin:50% 100%;background:linear-gradient(#8feeff,#1ea9e8);border-radius:999px;width:7px;height:18px;animation:1.9s ease-out both fishDroplet;position:absolute;bottom:0;left:50%}.riverFishSplash i:first-child{--drop-x:-52px;--drop-y:-92px;animation-delay:20ms}.riverFishSplash i:nth-child(2){--drop-x:-34px;--drop-y:-118px;animation-delay:50ms}.riverFishSplash i:nth-child(3){--drop-x:-12px;--drop-y:-82px;animation-delay:80ms}.riverFishSplash i:nth-child(4){--drop-x:18px;--drop-y:-126px;animation-delay:30ms}.riverFishSplash i:nth-child(5){--drop-x:42px;--drop-y:-88px;animation-delay:70ms}.riverFishSplash i:nth-child(6){--drop-x:63px;--drop-y:-108px;animation-delay:.1s}.riverFishSplash i:nth-child(7){--drop-x:-66px;--drop-y:-65px;animation-delay:.12s}.riverFishSplash i:nth-child(8){--drop-x:72px;--drop-y:-72px;animation-delay:.13s}.riverFishRipples{z-index:2;left:calc(var(--fish-left) - 6%);width:30%;height:10%;position:absolute;bottom:3%}.riverFishRipples i{width:26%;animation-delay:1.25s}.riverFishRipples i:nth-child(2){animation-delay:1.38s}.riverFishRipples i:nth-child(3){animation-delay:1.5s}.liveGiftStack .riverFishScene .liveGiftCaption{left:var(--fish-left);max-width:230px;font-size:11px;bottom:3.5%}@keyframes riverFishLeap{0%{opacity:0;transform:translate(-50%,45%)rotate(-18deg)scale(.48)}12%{opacity:1;transform:translate(-50%,3%)rotate(-8deg)scale(.78)}36%{opacity:1;transform:translate(-50%,-118%)rotate(65deg)scale(1)}55%{opacity:1;transform:translate(-50%,-162%)rotate(190deg)scale(1.08)}73%{opacity:1;transform:translate(-50%,-108%)rotate(305deg)scale(.96)}88%{opacity:1;transform:translate(-50%,-8%)rotate(354deg)scale(.78)}to{opacity:0;transform:translate(-50%,48%)rotate(372deg)scale(.48)}}@keyframes riverFishTail{0%{transform:rotate(-9deg)}to{transform:rotate(10deg)}}@keyframes fishDroplet{0%,58%{opacity:0;transform:translate(0)scale(.5)}64%{opacity:.95}84%{opacity:.72;transform:translate(var(--drop-x),var(--drop-y)) scale(1)}to{opacity:0;transform:translate(var(--drop-x),10px) scale(.55)}}@keyframes riverRipple{0%,60%{opacity:0;transform:translate(-50%,-50%)scale(.35)}68%{opacity:.9}to{opacity:0;transform:translate(-50%,-50%)scale(4.4)}}.dragonPhoenixScene{background:radial-gradient(circle at 50% 58%,#ff531c21,#0000 36%),linear-gradient(#0000 42%,#0a142085);animation:6.2s ease-in-out both dragonSceneVeil}.dragonSkyGlow{background:conic-gradient(from 120deg at 50% 48%,transparent 0 16%,#772feb2e 27%,#ff531f40 44%,transparent 62% 100%);filter:blur(30px);animation:6.2s ease-in-out both dragonSkyPulse;position:absolute;inset:-18%}.dragonPhoenixCreature{z-index:5;opacity:0;transform-origin:55% 52%;filter:drop-shadow(0 0 25px #ff521d9e)drop-shadow(0 18px 26px #00000080);width:min(72vw,720px);height:auto;animation:6.2s cubic-bezier(.2,.72,.2,1) both dragonPhoenixFlight;position:absolute;top:11%;left:50%}.dragonWing{transform-box:fill-box;transform-origin:50%}.dragonWingLeft{animation:.52s ease-in-out infinite alternate dragonWingLeft}.dragonWingRight{animation:.52s ease-in-out infinite alternate dragonWingRight}.dragonEyeFire{z-index:6;transform-origin:0;opacity:0;background:linear-gradient(90deg,#fff4a8,#ffbd38 16%,#ff4a20 55%,#0000);border-radius:999px;width:40%;height:7px;animation:6.2s ease-in-out both dragonEyeBlast;position:absolute;top:42%;left:63%;box-shadow:0 0 12px #ff7a20,0 0 30px #ff4313c7}.dragonEyeFireTwo{width:33%;top:44%;left:62%;transform:rotate(5deg)}.dragonRiverEruption{z-index:4;filter:drop-shadow(0 -8px 25px #2fb7ff70);height:38%;position:absolute;bottom:-3%;left:5%;right:5%}.dragonRiverEruption:before{content:"";opacity:0;background:radial-gradient(#64eaff 0,#1c98df 28%,#266bff6b 52%,#0000 73%);height:34%;animation:6.2s ease-out both dragonRiverBlast;position:absolute;bottom:0;left:0;right:0}.dragonRiverEruption i{transform-origin:50% 100%;opacity:0;background:linear-gradient(#0000,#7cf5ff 42%,#168fd5);border-radius:70% 30% 65% 35%;width:5%;height:52%;animation:6.2s ease-out both dragonWaterSpike;position:absolute;bottom:3%;left:50%}.dragonRiverEruption i:first-child{--spike-rotate:-34deg;--spike-scale:.75;left:29%}.dragonRiverEruption i:nth-child(2){--spike-rotate:-16deg;--spike-scale:1;left:40%}.dragonRiverEruption i:nth-child(3){--spike-rotate:1deg;--spike-scale:1.2;left:50%}.dragonRiverEruption i:nth-child(4){--spike-rotate:18deg;--spike-scale:.92;left:61%}.dragonRiverEruption i:nth-child(5){--spike-rotate:34deg;--spike-scale:.7;left:72%}.dragonCrownReveal{z-index:7;color:#ffd35b;filter:drop-shadow(0 0 13px #ffba22)drop-shadow(0 0 28px #2eb9ffb8);opacity:0;width:min(19vw,180px);animation:6.2s cubic-bezier(.16,.8,.3,1) both dragonCrown;position:absolute;bottom:7%;left:50%;transform:translate(-50%)scale(.25)}.dragonCrownReveal svg{width:100%;height:auto;display:block}.dragonEmberField{z-index:3;position:absolute;inset:0}.dragonEmberField i{opacity:0;background:#ff9935;border-radius:50%;width:5px;height:5px;animation:2.2s linear infinite dragonEmber;position:absolute;box-shadow:0 0 10px #ff5a1d}.dragonEmberField i:first-child{animation-delay:.1s;top:74%;left:8%}.dragonEmberField i:nth-child(2){animation-delay:.9s;top:62%;left:14%}.dragonEmberField i:nth-child(3){animation-delay:.35s;top:82%;left:21%}.dragonEmberField i:nth-child(4){animation-delay:1.45s;top:68%;left:29%}.dragonEmberField i:nth-child(5){animation-delay:.7s;top:78%;left:36%}.dragonEmberField i:nth-child(6){animation-delay:1.8s;top:66%;left:43%}.dragonEmberField i:nth-child(7){animation-delay:.2s;top:81%;left:51%}.dragonEmberField i:nth-child(8){animation-delay:1.1s;top:71%;left:58%}.dragonEmberField i:nth-child(9){animation-delay:.48s;top:83%;left:65%}.dragonEmberField i:nth-child(10){animation-delay:1.6s;top:65%;left:73%}.dragonEmberField i:nth-child(11){animation-delay:.82s;top:76%;left:81%}.dragonEmberField i:nth-child(12){animation-delay:1.25s;top:69%;left:89%}.dragonEmberField i:nth-child(13){animation-delay:.58s;top:48%;left:18%}.dragonEmberField i:nth-child(14){animation-delay:1.72s;top:45%;left:33%}.dragonEmberField i:nth-child(15){animation-delay:.95s;top:52%;left:47%}.dragonEmberField i:nth-child(16){animation-delay:.18s;top:44%;left:62%}.dragonEmberField i:nth-child(17){animation-delay:1.34s;top:49%;left:77%}.dragonEmberField i:nth-child(18){animation-delay:.66s;top:55%;left:91%}.dragonPhoenixScene .liveGiftCaption{animation-delay:.45s}@keyframes dragonSceneVeil{0%,to{opacity:0}8%,91%{opacity:1}}@keyframes dragonSkyPulse{0%,to{opacity:0;transform:scale(.8)rotate(-8deg)}20%{opacity:.65}55%{opacity:1;transform:scale(1.12)rotate(10deg)}88%{opacity:.5}}@keyframes dragonPhoenixFlight{0%{opacity:0;transform:translate(-105%,-5%)scale(.42)rotate(-11deg)}12%{opacity:1;transform:translate(-69%,10%)scale(.62)rotate(-5deg)}25%{opacity:1;transform:translate(-28%,-3%)scale(.9)rotate(5deg)}38%{opacity:1;transform:translate(-49%,9%)scale(1.04)rotate(-3deg)}51%{opacity:1;transform:translate(-62%,-5%)scale(.92)rotate(-8deg)}62%{opacity:1;transform:translate(-47%,3%)scale(1.08)rotate(2deg)}78%{opacity:1;transform:translate(-44%,-1%)scale(1.02)rotate(0)}91%{opacity:.9;transform:translate(-8%,-26%)scale(.74)rotate(9deg)}to{opacity:0;transform:translate(72%,-48%)scale(.48)rotate(14deg)}}@keyframes dragonWingLeft{0%{transform:rotate(-5deg)scaleY(.96)}to{transform:rotate(6deg)scaleY(1.06)}}@keyframes dragonWingRight{0%{transform:rotate(5deg)scaleY(1.06)}to{transform:rotate(-6deg)scaleY(.96)}}@keyframes dragonEyeBlast{0%,43%,72%,to{opacity:0;transform:scaleX(.03)}49%{opacity:1;transform:scaleX(.25)}55%,64%{opacity:1;transform:scaleX(1)}69%{opacity:.55;transform:scaleX(.7)}}@keyframes dragonRiverBlast{0%,52%,to{opacity:0;transform:scale(.4,.2)}61%{opacity:1;transform:scale(.9,.7)}72%{opacity:.9;transform:scaleX(1.12)}88%{opacity:.35}}@keyframes dragonWaterSpike{0%,52%,to{opacity:0;transform:rotate(var(--spike-rotate)) scale(.15)}61%{opacity:.95;transform:rotate(var(--spike-rotate)) scale(var(--spike-scale))}78%{opacity:.75}92%{opacity:0;transform:rotate(var(--spike-rotate)) scale(.4)}}@keyframes dragonCrown{0%,61%,to{opacity:0;transform:translate(-50%)translateY(60px)scale(.25)}69%{opacity:1;transform:translate(-50%)translateY(0)scale(1.12)}80%,89%{opacity:1;transform:translate(-50%)translateY(-8px)scale(1)}95%{opacity:.25;transform:translate(-50%)translateY(-22px)scale(.88)}}@keyframes dragonEmber{0%{opacity:0;transform:translateY(20px)scale(.4)}20%{opacity:.9}to{opacity:0;transform:translate(14px,-105px)scale(1.15)}}.assetGiftScene{background:radial-gradient(circle,#2cd2bb1f,#0000 55%);place-items:center;animation:2.8s ease-out both assetGiftFade;display:grid}.assetGiftScene.effect-large{animation-duration:3.9s}.assetGiftScene.effect-premium{animation-duration:6.2s}.assetGiftScene.effect-ultra{animation-duration:7.8s}.liveGiftAsset{object-fit:contain;filter:drop-shadow(0 18px 36px #00000073);max-width:min(78%,680px);max-height:72%;animation:.65s cubic-bezier(.2,.8,.2,1) both assetGiftPop}.genericGiftBurst{aspect-ratio:1;background:radial-gradient(circle,#42e1c7db,#12756ca6 44%,#0000 70%);border-radius:50%;place-items:center;width:min(34vw,230px);animation:.65s cubic-bezier(.2,.8,.2,1) both assetGiftPop;display:grid;position:relative;box-shadow:0 0 80px #36e0c666}.genericGiftBurst span{aspect-ratio:1;color:#0d6f67;background:#fff;border-radius:50%;place-items:center;width:42%;font-size:clamp(28px,7vw,70px);font-weight:950;display:grid}.genericGiftBurst i{border:1px solid #fff6;border-radius:50%;animation:1.4s ease-out infinite genericGiftRing;position:absolute;inset:4%}.genericGiftBurst i:nth-child(2){animation-delay:.25s}.genericGiftBurst i:nth-child(3){animation-delay:.5s}@keyframes assetGiftFade{0%,to{opacity:0}12%,82%{opacity:1}}@keyframes assetGiftPop{0%{opacity:0;transform:scale(.35)rotate(-7deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes genericGiftRing{0%{opacity:.7;transform:scale(.5)}to{opacity:0;transform:scale(1.8)}}@media (max-width:820px){.liveGiftRuntimeLayer{border-radius:0;position:fixed;inset:0}.riverFishCreature{width:min(42vw,170px)}.riverFishScene{--fish-left:calc(20% + var(--gift-stack-offset,0%))}.riverFishSplash{width:27%}.riverFishWater,.riverFishRipples{width:38%}.dragonPhoenixCreature{width:94vw;top:17%}.dragonEyeFire{width:44%;top:43%;left:58%}.dragonCrownReveal{width:min(34vw,160px);bottom:19%}.dragonRiverEruption{height:34%;bottom:11%}.liveGiftCaption{max-width:88%;bottom:17%}.liveGiftStack .riverFishScene .liveGiftCaption{display:none}}@media (prefers-reduced-motion:reduce){.liveGiftScene,.liveGiftScene *{animation-duration:.001ms!important;animation-iteration-count:1!important}.dragonEyeFire,.dragonEmberField{display:none}}.cinematicGiftScene{will-change:opacity,transform}.cinematicGiftAsset{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 24px 40px #00000073);width:100%;height:100%;display:block}.cinematicGiftFallback{place-items:center;width:100%;height:100%;display:grid}.cinematicGiftFallback span{aspect-ratio:1;color:#0a7469;background:#fffffff0;border-radius:50%;place-items:center;width:32%;font-size:clamp(34px,8vw,92px);font-weight:950;display:grid;box-shadow:0 0 60px #3be5cb8c}.riverFishAssetWrap{z-index:4;left:var(--fish-left);aspect-ratio:360/260;opacity:0;transform-origin:50% 60%;width:min(27vw,210px);animation:1.9s cubic-bezier(.17,.82,.24,1) both riverFishAssetLeap;position:absolute;bottom:6%}.riverFishAssetWrap .cinematicGiftAsset{filter:drop-shadow(0 0 18px #26c9ffbf)drop-shadow(0 14px 22px #00000061)}@keyframes riverFishAssetLeap{0%{opacity:0;transform:translate(-50%,52%)rotate(-16deg)scale(.48)}12%{opacity:1;transform:translate(-50%,6%)rotate(-7deg)scale(.8)}35%{opacity:1;transform:translate(-50%,-112%)rotate(56deg)scale(1)}55%{opacity:1;transform:translate(-50%,-158%)rotate(178deg)scale(1.08)}73%{opacity:1;transform:translate(-50%,-104%)rotate(296deg)scale(.98)}89%{opacity:1;transform:translate(-50%,-4%)rotate(352deg)scale(.8)}to{opacity:0;transform:translate(-50%,55%)rotate(370deg)scale(.48)}}.dragonAssetWrap{z-index:5;aspect-ratio:960/620;opacity:0;transform-origin:52% 52%;width:min(78vw,860px);animation:6.2s cubic-bezier(.2,.72,.2,1) both dragonAssetFlight;position:absolute;top:8%;left:50%}.dragonAssetWrap .cinematicGiftAsset{filter:drop-shadow(0 0 30px #ff521db3)drop-shadow(0 22px 34px #00000080)}@keyframes dragonAssetFlight{0%{opacity:0;transform:translate(-115%,-2%)scale(.38)rotate(-12deg)}11%{opacity:1;transform:translate(-74%,8%)scale(.58)rotate(-6deg)}24%{opacity:1;transform:translate(-30%,-3%)scale(.86)rotate(4deg)}38%{opacity:1;transform:translate(-50%,7%)scale(1.03)rotate(-3deg)}50%{opacity:1;transform:translate(-64%,-4%)scale(.92)rotate(-8deg)}62%{opacity:1;transform:translate(-48%,2%)scale(1.08)rotate(2deg)}79%{opacity:1;transform:translate(-45%,-1%)scale(1.02)rotate(0)}91%{opacity:.88;transform:translate(-4%,-28%)scale(.7)rotate(10deg)}to{opacity:0;transform:translate(76%,-48%)scale(.42)rotate(15deg)}}.genericAssetGiftScene{background:radial-gradient(circle,#2cd2bb24,#0000 56%);place-items:center;animation:2.8s ease-out both assetGiftFade;display:grid}.genericAssetGiftScene.effect-large{animation-duration:3.9s}.genericAssetGiftScene.effect-premium{animation-duration:6.2s}.genericAssetGiftScene.effect-ultra{animation-duration:7.8s}.genericAssetWrap{place-items:center;width:min(76vw,720px);height:min(68vh,720px);animation:.7s cubic-bezier(.2,.8,.2,1) both cinematicAssetPop;display:grid}@keyframes cinematicAssetPop{0%{opacity:0;transform:scale(.34)rotate(-6deg)}to{opacity:1;transform:scale(1)rotate(0)}}@media (max-width:820px){.riverFishAssetWrap{width:min(45vw,190px)}.dragonAssetWrap{width:98vw;top:15%}}.liveGiftRuntimeLayer{--gift-safe-top:0px;--gift-safe-bottom:0px}.stackedAlphaGiftScene{contain:paint;background:0 0}.stackedAlphaGiftScene:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 52%,#00000008,#00000024 70%,#00000047);position:absolute;inset:0}.stackedAlphaGiftCanvas{z-index:1;top:var(--gift-safe-top);right:0;bottom:var(--gift-safe-bottom);width:100%;height:calc(100% - var(--gift-safe-top) - var(--gift-safe-bottom));filter:none;pointer-events:none;position:absolute;left:0}.stackedAlphaGiftScene .cinematicGiftStaticFallback{z-index:1;width:min(72vw,560px);height:auto;max-height:min(75%,calc(100% - var(--gift-safe-top) - var(--gift-safe-bottom)));animation:1.8s ease-out both giftStaticFallback;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.liveGiftCombo{color:#062522;background:#26d9bd;border-radius:999px;place-items:center;min-width:30px;padding:3px 7px;font-size:12px;font-weight:950;animation:.32s cubic-bezier(.18,1.5,.32,1) both giftComboPop;display:inline-grid;box-shadow:0 0 18px #26d9bda6}@keyframes giftComboPop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes giftStaticFallback{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}20%,82%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.08)}}@media (max-width:820px){.liveGiftRuntimeLayer{--gift-safe-top:max(38px,calc(env(safe-area-inset-top) + 28px));--gift-safe-bottom:max(74px,calc(env(safe-area-inset-bottom) + 64px))}.liveExperienceWithSessionDock .liveGiftRuntimeLayer{--gift-safe-bottom:max(126px,calc(env(safe-area-inset-bottom) + 116px))}.stackedAlphaGiftScene .liveGiftCaption{bottom:max(84px,calc(env(safe-area-inset-bottom) + 74px))}.liveExperienceWithSessionDock .stackedAlphaGiftScene .liveGiftCaption{bottom:max(136px,calc(env(safe-area-inset-bottom) + 126px))}}.creatorPayoutSection{border:1px solid var(--border);background:var(--surface-raised);border-radius:14px;gap:12px;margin-top:14px;padding:14px;display:grid}.creatorPayoutHeader{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.creatorPayoutHeader p{color:var(--text-secondary);margin:4px 0 0;font-size:12px}.creatorPayoutProvider{border:1px solid var(--border);background:var(--surface);border-radius:11px;justify-content:space-between;align-items:flex-start;gap:12px;padding:11px 12px;display:flex}.creatorPayoutProvider>div{gap:3px;display:grid}.creatorPayoutProvider p{color:var(--text-secondary);margin:0;font-size:11px;line-height:1.45}.creatorPayoutProvider small{color:var(--text-secondary);font-size:10px}.creatorPayoutProviderActions{flex-wrap:wrap;gap:8px;display:flex}.creatorPayoutProviderActions button{min-height:36px}.creatorPayoutProviderActions .secondary{border-color:var(--border);background:var(--surface);color:var(--text-primary)}.creatorPayoutState{border:1px solid var(--border);color:var(--text-secondary);border-radius:999px;padding:5px 8px;font-size:11px;font-weight:800}.creatorPayoutState.enabled{border-color:var(--accent);color:var(--accent)}.creatorPayoutHold{border:1px solid color-mix(in srgb,var(--danger) 35%,var(--border));background:color-mix(in srgb,var(--danger) 8%,var(--surface));border-radius:10px;gap:4px;padding:10px 12px;font-size:12px;display:grid}.creatorPayoutHold span{color:var(--text-secondary)}.creatorPayoutBalances{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;display:grid}.creatorPayoutBalances article{border:1px solid var(--border);background:var(--surface);border-radius:10px;gap:3px;padding:10px;display:grid}.creatorPayoutBalances span,.creatorPayoutBalances small{color:var(--text-secondary);font-size:10px}.creatorPayoutBalances strong{font-size:17px}.creatorPayoutForm{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}.creatorPayoutForm label{color:var(--text-secondary);gap:5px;font-size:11px;display:grid}.creatorPayoutForm input,.creatorPayoutForm select{border:1px solid var(--border);background:var(--surface);min-width:0;color:var(--text-primary);border-radius:10px;padding:10px}.creatorPayoutForm button{min-height:40px}.creatorPayoutHistory{gap:7px;display:grid}.creatorPayoutHistory>article{border-top:1px solid var(--border);gap:3px;padding:8px 0;display:grid}.creatorPayoutHistory>article>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.creatorPayoutHistory small,.creatorPayoutHistory article>span{color:var(--text-secondary);font-size:10px}.creatorPayoutStatus{background:var(--border);text-transform:capitalize;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:800}.creatorPayoutStatus.paid{background:var(--accent-tint);color:var(--accent)}.creatorPayoutStatus.failed,.creatorPayoutStatus.rejected{color:var(--danger)}.creatorPayoutNotice{border:1px solid var(--accent);background:var(--accent-tint);border-radius:10px;padding:9px 11px}@media (max-width:700px){.creatorPayoutForm{grid-template-columns:1fr}.creatorPayoutHeader,.creatorPayoutProvider{flex-direction:column;align-items:flex-start}.creatorPayoutProviderActions{grid-template-columns:1fr;width:100%;display:grid}.creatorPayoutProviderActions button{width:100%}}.creatorMonetisationPage{--bg:#0a0a0b;--surface:#131316;--surface-raised:#1c1c20;--border:#26262b;--text-primary:#f4f4f2;--text-secondary:#9c9c94;--text-tertiary:#6e6e68;--accent:#2dd4bf;--accent-tint:#2dd4bf24;--danger:#f87171;--positive:#4ade80;--warning:#fbbf24;min-height:100vh;color:var(--text-primary);background:radial-gradient(circle at 78% 0,#2dd4bf12,#0000 30%),linear-gradient(#0a0a0b 0%,#0d0d0f 55%,#0a0a0b 100%)}.creatorPageTopbar{z-index:30;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0a0beb;justify-content:space-between;align-items:center;height:68px;padding:0 28px;display:flex;position:sticky;top:0}.creatorPageBrand{color:var(--text-primary);letter-spacing:.18em;font-size:14px;font-weight:900;text-decoration:none}.creatorPageIdentity{color:var(--text-secondary);align-items:center;gap:8px;font-size:12px;display:flex}.creatorPageIdentity>a{border:1px solid var(--border);color:var(--text-primary);border-radius:999px;margin-left:8px;padding:8px 12px;text-decoration:none;transition:background .18s,border-color .18s,transform .18s}.creatorPageIdentity>a:hover{background:var(--surface-raised);border-color:color-mix(in srgb,var(--accent) 38%,var(--border));transform:translateY(-1px)}.creatorPageLayout{grid-template-columns:210px minmax(0,1fr);gap:30px;width:min(1220px,100%);margin:0 auto;padding:32px 24px 64px;display:grid}.creatorPageSidebar{align-self:start;gap:22px;display:grid;position:sticky;top:100px}.creatorPageSidebarTitle{gap:4px;padding:0 10px;display:grid}.creatorPageSidebarTitle span{color:var(--accent);letter-spacing:.15em;text-transform:uppercase;font-size:10px;font-weight:800}.creatorPageSidebarTitle strong{font-size:17px}.creatorPageSidebar nav{gap:6px;display:grid}.creatorPageSidebar nav a{color:var(--text-secondary);border-radius:11px;align-items:center;gap:11px;padding:11px 12px;font-size:13px;font-weight:700;text-decoration:none;transition:color .18s,background .18s,transform .18s;display:flex}.creatorPageSidebar nav a:hover,.creatorPageSidebar nav a:focus-visible{color:var(--text-primary);background:var(--surface-raised);transform:translate(2px)}.creatorPageSidebar nav a[href=\#overview]{background:var(--accent-tint);color:var(--accent)}.creatorSidebarNote{border:1px solid var(--border);background:#131316bf;border-radius:12px;align-items:flex-start;gap:8px;margin:6px 10px 0;padding:12px;display:flex}.creatorSidebarNote p{color:var(--text-tertiary);margin:0;font-size:10px;line-height:1.5}.creatorSidebarPulse{background:var(--accent);border-radius:50%;width:7px;height:7px;margin-top:4px;animation:2.1s ease-out infinite creatorPulse;box-shadow:0 0 #2dd4bf47}@keyframes creatorPulse{0%{box-shadow:0 0 #2dd4bf47}70%{box-shadow:0 0 0 7px #2dd4bf00}to{box-shadow:0 0 #2dd4bf00}}.creatorPageContent{gap:14px;min-width:0;display:grid}.creatorPageHero{justify-content:space-between;align-items:flex-end;gap:24px;padding:14px 2px 10px;scroll-margin-top:92px;display:flex}.creatorPageHero h1{letter-spacing:-.045em;margin:6px 0 8px;font-size:clamp(30px,4vw,48px);line-height:1.02}.creatorPageHero p{max-width:650px;color:var(--text-secondary);margin:0;font-size:14px;line-height:1.55}.creatorPageEyebrow{color:var(--accent);letter-spacing:.15em;text-transform:uppercase;font-size:10px;font-weight:800;display:inline-block}.creatorHeroStatus{border:1px solid var(--border);background:var(--surface);border-radius:13px;flex:none;align-items:center;gap:10px;min-width:150px;padding:11px 13px;display:flex}.creatorHeroStatus div{gap:2px;display:grid}.creatorHeroStatus small{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em;font-size:9px}.creatorHeroStatus strong{font-size:12px}.creatorStatusDot{background:var(--text-tertiary);border-radius:50%;width:9px;height:9px}.creatorHeroStatus.active .creatorStatusDot{background:var(--positive);box-shadow:0 0 0 4px #4ade8014}.creatorHeroStatus.pending .creatorStatusDot{background:var(--warning)}.creatorHeroStatus.suspended .creatorStatusDot{background:var(--danger)}.creatorPageCard{border:1px solid var(--border);background:linear-gradient(#131316fa,#101013fa);border-radius:16px;padding:20px;scroll-margin-top:88px;transition:border-color .2s,transform .2s;animation:.36s both creatorCardIn;box-shadow:0 18px 40px #00000014}.creatorPageCard:hover{border-color:color-mix(in srgb,var(--accent) 18%,var(--border))}.creatorPageCard:nth-of-type(2){animation-delay:30ms}.creatorPageCard:nth-of-type(3){animation-delay:60ms}.creatorPageCard:nth-of-type(4){animation-delay:90ms}@keyframes creatorCardIn{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.creatorCardHeading{justify-content:space-between;align-items:center;gap:18px;display:flex}.creatorCardHeading>div{align-items:center;gap:13px;display:flex}.creatorCardHeading strong{font-size:15px;display:block}.creatorCardHeading p,.creatorSectionHeader p{color:var(--text-secondary);margin:4px 0 0;font-size:11px;line-height:1.5}.creatorCardIcon,.creatorPreferenceIcon,.creatorMetricIcon{border:1px solid var(--border);background:var(--surface-raised);color:var(--accent);flex:none;place-items:center;display:grid}.creatorCardIcon{border-radius:13px;width:42px;height:42px}.creatorSectionHeader{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:15px;display:flex}.creatorSectionHeader h2{letter-spacing:-.02em;margin:5px 0 0;font-size:18px}.creatorSectionHeader.compact{margin:0}.creatorSectionHeader.compact h3{margin:0;font-size:14px}.creatorSubtlePill{border:1px solid var(--border);color:var(--text-secondary);background:var(--surface-raised);border-radius:999px;padding:6px 9px;font-size:10px;font-weight:700}.creatorPrimaryButton,.creatorSecondaryButton{cursor:pointer;border-radius:10px;min-height:38px;padding:9px 14px;font-size:12px;font-weight:800;transition:transform .16s,box-shadow .16s,background .16s,border-color .16s}.creatorPrimaryButton{border:1px solid var(--accent);background:var(--accent);color:#07110f;justify-content:center;align-items:center;gap:8px;text-decoration:none;display:inline-flex;box-shadow:0 0 #2dd4bf00}.creatorPrimaryButton:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 26px #2dd4bf1f}.creatorSecondaryButton{border:1px solid var(--border);background:var(--surface-raised);color:var(--text-primary)}.creatorSecondaryButton:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 36%,var(--border));background:#202024}.creatorPrimaryButton:disabled,.creatorSecondaryButton:disabled{opacity:.48;cursor:not-allowed}.creatorStatePill,.creatorProviderPill,.creatorRequestStatus{border:1px solid var(--border);text-transform:capitalize;border-radius:999px;justify-content:center;align-items:center;font-size:10px;font-weight:800;display:inline-flex}.creatorStatePill{color:var(--text-secondary);padding:6px 9px}.creatorStatePill.active{color:var(--positive);background:#4ade8012;border-color:#4ade8047}.creatorStatePill.pending{color:var(--warning);background:#fbbf2412;border-color:#fbbf2440}.creatorStatePill.suspended{color:var(--danger)}.creatorPreferenceGrid{border:1px solid var(--border);border-radius:13px;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.creatorPreferenceControl{cursor:pointer;background:#0a0a0b57;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;min-width:0;padding:14px;display:grid}.creatorPreferenceControl+.creatorPreferenceControl{border-left:1px solid var(--border)}.creatorPreferenceIcon{border-radius:10px;width:34px;height:34px}.creatorPreferenceText{gap:4px;min-width:0;display:grid}.creatorPreferenceText strong{font-size:12px}.creatorPreferenceText small{color:var(--text-tertiary);font-size:9px;line-height:1.45}.creatorPreferenceSelect select{border:1px solid var(--border);background:var(--surface-raised);width:100%;color:var(--text-primary);border-radius:9px;outline:none;grid-column:2/4;margin-top:4px;padding:8px 10px;font-size:11px}.creatorPreferenceSelect select:focus{border-color:var(--accent)}.creatorSwitch{width:42px;height:24px;position:relative}.creatorSwitch input{opacity:0;pointer-events:none;position:absolute}.creatorSwitch>span{border:1px solid var(--border);background:#27272c;border-radius:999px;transition:background .2s,border-color .2s;position:absolute;inset:0}.creatorSwitch>span:after{content:"";background:#d7d7d2;border-radius:50%;width:16px;height:16px;transition:transform .22s cubic-bezier(.2,.8,.2,1),background .2s;position:absolute;top:3px;left:3px;box-shadow:0 2px 7px #00000047}.creatorSwitch input:checked+span{background:var(--accent);border-color:var(--accent)}.creatorSwitch input:checked+span:after{background:#07110f;transform:translate(18px)}.creatorSwitch input:focus-visible+span{outline:2px solid color-mix(in srgb,var(--accent) 60%,transparent);outline-offset:3px}.creatorMetricGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.creatorMetricGrid article{border:1px solid var(--border);background:#0a0a0b6b;border-radius:13px;align-items:center;gap:12px;padding:14px;transition:transform .18s,border-color .18s;display:flex}.creatorMetricGrid article:hover{border-color:color-mix(in srgb,var(--accent) 30%,var(--border));transform:translateY(-2px)}.creatorMetricIcon{border-radius:50%;width:40px;height:40px}.creatorMetricGrid article>div{gap:2px;display:grid}.creatorMetricGrid strong{font-size:21px;line-height:1}.creatorMetricGrid span:not(.creatorMetricIcon){color:var(--text-secondary);font-size:10px}.creatorEarningsList{gap:8px;display:grid}.creatorEarningsList article{border:1px solid var(--border);background:#0a0a0b59;border-radius:12px;grid-template-columns:minmax(170px,1fr) minmax(130px,.7fr) minmax(110px,.55fr);align-items:center;gap:14px;padding:13px 14px;display:grid}.creatorEarningsList article>div{gap:3px;display:grid}.creatorEarningsList article>div:first-child{grid-template-columns:auto 1fr;align-items:baseline;gap:10px}.creatorEarningsList span,.creatorEarningsList small{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.07em;font-size:9px}.creatorEarningsList strong{font-size:17px}.creatorEarningsList b{font-size:11px}.creatorEmptyState{border:1px dashed var(--border);background:#0a0a0b47;border-radius:12px;align-items:center;gap:12px;padding:14px;display:flex}.creatorEmptyState strong{font-size:12px}.creatorEmptyState p{color:var(--text-tertiary);margin:3px 0 0;font-size:10px;line-height:1.45}.creatorStripeRow{border:1px solid var(--border);background:#0a0a0b75;border-radius:13px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:14px;display:grid}.creatorStripeMark{background:var(--accent-tint);border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));width:38px;height:38px;color:var(--accent);border-radius:11px;place-items:center;font-size:18px;font-weight:900;display:grid}.creatorStripeCopy{gap:3px;display:grid}.creatorStripeCopy strong{font-size:12px}.creatorStripeCopy p{color:var(--text-secondary);margin:0;font-size:10px;line-height:1.45}.creatorStripeCopy small{color:var(--warning);font-size:9px}.creatorProviderPill{color:var(--text-secondary);padding:6px 9px}.creatorProviderPill.ready{color:var(--positive);background:#4ade800f;border-color:#4ade8047}.creatorProviderPill.restricted{color:var(--warning)}.creatorStripeActions{gap:7px;display:flex}.creatorPageAlert{border:1px solid var(--border);border-radius:11px;align-items:center;gap:9px;padding:10px 12px;font-size:11px;display:flex}.creatorPageAlert.success{background:var(--accent-tint);color:var(--text-primary);border-color:#2dd4bf47}.creatorPageAlert.error{color:#fca5a5;background:#f8717112;border-color:#f871713d}.creatorPageAlert.error span{color:#fca5a5}.creatorPayoutFeeNotice{border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border));background:#2dd4bf0d;border-radius:12px;justify-content:space-between;align-items:center;gap:18px;margin-top:10px;padding:12px 14px;display:flex}.creatorPayoutFeeNotice>div{gap:3px;min-width:110px;display:grid}.creatorPayoutFeeNotice>div strong{letter-spacing:-.03em;font-size:22px}.creatorPayoutFeeNotice p{max-width:620px;color:var(--text-secondary);margin:0;font-size:10px;line-height:1.5}.creatorPayoutOverview{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;margin-top:10px;display:grid}.creatorPayoutOverview>article{border:1px solid var(--border);background:#0a0a0b59;border-radius:12px;gap:4px;padding:13px;display:grid}.creatorPayoutOverview>article span,.creatorPayoutOverview>article small{color:var(--text-tertiary);font-size:9px}.creatorPayoutOverview>article strong{font-size:19px}.creatorPayoutRequest{border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border));background:var(--accent-tint);border-radius:13px;grid-template-columns:minmax(180px,1.35fr) minmax(120px,.75fr) minmax(120px,.75fr) auto;align-items:end;gap:9px;margin-top:10px;padding:14px;display:grid}.creatorPayoutRequest>div strong{font-size:12px}.creatorPayoutRequest>div p{color:var(--text-secondary);margin:4px 0 0;font-size:9px;line-height:1.4}.creatorPayoutRequest label{gap:5px;display:grid}.creatorPayoutRequest label>span{color:var(--text-secondary);font-size:9px}.creatorPayoutRequest input,.creatorPayoutRequest select{border:1px solid var(--border);width:100%;min-width:0;color:var(--text-primary);background:#101012;border-radius:9px;outline:none;padding:9px 10px;font-size:11px}.creatorPayoutRequest input:focus,.creatorPayoutRequest select:focus{border-color:var(--accent)}.creatorPayoutEstimate{border-top:1px solid #2dd4bf2e;grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:2px;padding-top:11px;display:grid}.creatorPayoutEstimate>div{border:1px solid var(--border);background:#0a0a0b6b;border-radius:10px;gap:3px;padding:10px;display:grid}.creatorPayoutEstimate span{color:var(--text-tertiary);font-size:9px}.creatorPayoutEstimate strong{font-size:13px}.creatorPayoutEstimate .net{background:#2dd4bf0f;border-color:#2dd4bf47}.creatorPayoutEstimate .net strong{color:var(--accent)}.creatorPayoutEstimate>small{color:var(--text-tertiary);grid-column:1/-1;font-size:9px;line-height:1.45}.creatorPayoutHistoryPage{border-top:1px solid var(--border);margin-top:16px;padding-top:15px}.creatorRequestList{gap:7px;margin-top:10px;display:grid}.creatorRequestList article{border-bottom:1px solid var(--border);gap:4px;padding:10px 0;display:grid}.creatorRequestList article:last-child{border-bottom:0}.creatorRequestList article>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.creatorRequestList strong{font-size:12px}.creatorRequestBreakdown{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:4px;gap:6px!important;display:grid!important}.creatorRequestBreakdown>span{border:1px solid var(--border);background:#0a0a0b4d;border-radius:9px;gap:2px;padding:8px 9px;display:grid}.creatorRequestBreakdown small{text-transform:none;letter-spacing:0}.creatorRequestBreakdown b{font-size:10px}.creatorRequestBreakdown>span:last-child{background:#2dd4bf0a;border-color:#2dd4bf38}.creatorRequestBreakdown>span:last-child b{color:var(--accent)}.creatorRequestMeta{word-break:break-word}.creatorRequestList small,.creatorRequestList p,.creatorMuted{color:var(--text-tertiary);margin:0;font-size:9px;line-height:1.4}.creatorRequestStatus{background:var(--surface-raised);color:var(--text-secondary);padding:4px 7px}.creatorRequestStatus.paid{color:var(--positive);background:#4ade800f}.creatorRequestStatus.failed,.creatorRequestStatus.rejected{color:var(--danger)}.creatorLedgerNote{border:1px solid var(--border);background:#0a0a0b52;border-radius:11px;align-items:flex-start;gap:9px;margin-top:14px;padding:10px 11px;display:flex}.creatorLedgerNote>span{border:1px solid var(--border);width:18px;height:18px;color:var(--accent);border-radius:50%;flex:none;place-items:center;font-size:10px;font-weight:900;display:grid}.creatorLedgerNote p{color:var(--text-tertiary);margin:0;font-size:9px;line-height:1.5}.creatorPageLoading{text-align:center;align-content:center;place-items:center;gap:12px;min-height:100vh;padding:24px;display:grid}.creatorPageLoading p{color:var(--text-secondary);margin:0;font-size:12px}.creatorPageSpinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite creatorSpin}@keyframes creatorSpin{to{transform:rotate(360deg)}}@media (max-width:900px){.creatorPageTopbar{padding:0 16px}.creatorPageIdentity>a{display:none}.creatorPageLayout{grid-template-columns:1fr;padding:20px 14px 48px}.creatorPageSidebar{display:block;position:static}.creatorPageSidebarTitle,.creatorSidebarNote{display:none}.creatorPageSidebar nav{grid-template-columns:repeat(4,1fr);gap:6px;padding-bottom:2px;display:grid;overflow:auto}.creatorPageSidebar nav a{justify-content:center;padding:9px 8px;font-size:10px}.creatorPageSidebar nav a svg{display:none}.creatorPageHero,.creatorPayoutFeeNotice{align-items:flex-start}.creatorPreferenceGrid{grid-template-columns:1fr}.creatorPreferenceControl+.creatorPreferenceControl{border-left:0;border-top:1px solid var(--border)}.creatorStripeRow{grid-template-columns:auto minmax(0,1fr) auto}.creatorStripeActions{grid-column:1/-1;justify-content:flex-end}.creatorPayoutRequest{grid-template-columns:1fr 1fr}.creatorPayoutRequest>div,.creatorPayoutRequest button{grid-column:1/-1}.creatorEarningsList article{grid-template-columns:1fr 1fr}.creatorEarningsList article>div:last-child{grid-column:1/-1}}@media (max-width:620px){.creatorPageTopbar{height:58px}.creatorPageIdentity>span:first-child{display:none}.creatorPageLayout{padding-top:12px}.creatorPageHero{gap:14px;display:grid}.creatorHeroStatus{width:100%}.creatorPageHero h1{font-size:34px}.creatorPageCard{border-radius:14px;padding:15px}.creatorCardHeading{flex-direction:column;align-items:flex-start}.creatorCardHeading .creatorPrimaryButton{width:100%}.creatorPreferenceControl{grid-template-columns:auto minmax(0,1fr) auto}.creatorMetricGrid,.creatorEarningsList article{grid-template-columns:1fr}.creatorEarningsList article>div:last-child{grid-column:auto}.creatorStripeRow{grid-template-columns:auto minmax(0,1fr)}.creatorProviderPill{grid-column:1/-1;justify-self:start}.creatorStripeActions{justify-content:stretch}.creatorStripeActions button{flex:1}.creatorPayoutRequest{grid-template-columns:1fr}.creatorPayoutRequest>div,.creatorPayoutRequest button{grid-column:auto}.creatorPayoutEstimate{grid-column:auto;grid-template-columns:1fr}.creatorPayoutEstimate>small{grid-column:auto}.creatorPayoutFeeNotice{display:grid}.creatorRequestBreakdown{grid-template-columns:1fr!important}.creatorPageSidebar nav a{font-size:9px}.creatorSectionHeader{align-items:flex-start}.creatorPageIdentity{gap:4px}}.liveParticipantStage{grid-auto-flow:row;place-items:stretch stretch}.liveParticipantTile{outline:1px solid color-mix(in srgb,var(--border) 72%,transparent);outline-offset:-1px;border-radius:10px}.liveParticipantTile .liveHostPreview,.liveParticipantTile .liveViewerPlayback,.liveParticipantPlayback,.liveCanvas>.liveHostPreview,.liveCanvas>.liveViewerPlayback{object-position:center;background:var(--bg);filter:none!important;opacity:1!important;mix-blend-mode:normal!important}.liveParticipantLabel{-webkit-backdrop-filter:none;backdrop-filter:none;background:color-mix(in srgb,var(--bg) 78%,transparent)}.liveTopOverlay{background:linear-gradient(to bottom,color-mix(in srgb,var(--bg) 72%,transparent) 0,color-mix(in srgb,var(--bg) 34%,transparent) 62%,transparent 100%);padding-bottom:28px}.liveLikeCount{border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 92%,transparent);white-space:nowrap;color:var(--accent);border-radius:999px;padding:7px 9px;font-size:12px;font-weight:800}.liveChatOverlay{z-index:7;pointer-events:none;flex-direction:column;justify-content:flex-end;gap:6px;width:min(520px,72%);max-height:48%;display:flex;position:absolute;bottom:18px;left:14px;overflow:hidden}.liveChatOverlayMessage{background:color-mix(in srgb,var(--bg) 72%,transparent);border:1px solid color-mix(in srgb,var(--border) 60%,transparent);border-radius:11px;align-items:flex-start;gap:7px;width:max-content;max-width:100%;padding:6px 9px;font-size:13px;line-height:1.32;animation:.24s ease-out both liveChatFlowIn;display:flex}.liveChatOverlayMessage>span:first-child{overflow-wrap:anywhere}.liveChatOverlayMessage strong{color:var(--accent)}.liveChatOverlay .liveModerationActions{pointer-events:auto}.liveChatOverlay .liveModerationActions button{background:color-mix(in srgb,var(--surface) 82%,transparent);border-radius:6px;padding:2px 4px}.liveChatOverlay>.liveChatEmpty{background:color-mix(in srgb,var(--bg) 66%,transparent);border-radius:9px;width:max-content;max-width:100%;padding:5px 8px}.liveLikeDock{z-index:10;justify-items:center;gap:4px;display:grid;position:absolute;bottom:22px;right:18px}.liveLikeButton{border:1px solid color-mix(in srgb,var(--accent) 60%,var(--border));background:color-mix(in srgb,var(--surface) 92%,transparent);width:54px;height:54px;color:var(--accent);cursor:pointer;box-shadow:0 10px 30px color-mix(in srgb,var(--bg) 35%,transparent);border-radius:50%;place-items:center;padding:0;display:grid}.liveLikeButton span{font-size:26px;line-height:1;transition:transform .14s}.liveLikeButton:active span{transform:scale(1.22)}.liveLikeDock>strong{background:color-mix(in srgb,var(--bg) 70%,transparent);border-radius:999px;padding:3px 7px;font-size:11px}.liveLikeBursts{z-index:9;pointer-events:none;width:76px;height:220px;position:absolute;bottom:72px;right:16px;overflow:visible}.liveLikeBurst{color:var(--accent);filter:drop-shadow(0 3px 8px color-mix(in srgb,var(--bg) 55%,transparent));font-size:26px;animation:1.05s cubic-bezier(.18,.72,.26,1) both riverLikeRise;position:absolute;bottom:0;right:22px}.liveLikeBurst.lane-0{--river-like-x:-20px}.liveLikeBurst.lane-1{--river-like-x:12px}.liveLikeBurst.lane-2{--river-like-x:-7px}.liveLikeBurst.lane-3{--river-like-x:25px}@keyframes liveChatFlowIn{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes riverLikeRise{0%{opacity:0;transform:translateY(8px)scale(.55)rotate(-6deg)}14%{opacity:1;transform:translate(calc(var(--river-like-x) * .18),-10px) scale(1.08) rotate(2deg)}72%{opacity:.96;transform:translate(var(--river-like-x),-145px) scale(.92) rotate(-5deg)}to{opacity:0;transform:translate(calc(var(--river-like-x) * .7),-205px) scale(.72) rotate(5deg)}}@media (max-width:820px){.liveCanvas{background:var(--bg)}.liveTopOverlay{background:linear-gradient(to bottom,color-mix(in srgb,var(--bg) 68%,transparent),transparent);padding:10px 10px 22px}.liveInteractionPanel{pointer-events:none;max-height:45dvh;background:0 0!important}.liveInteractionPanel>*{pointer-events:auto}.liveGiftActivity{padding:4px 10px;background:0 0!important}.liveGiftActivityItem{background:color-mix(in srgb,var(--surface) 88%,transparent)}.liveJoinRequests,.liveParticipantRoster,.liveJoinControl,.liveInteractionPanel .liveGiftBar,.liveChatComposer,.liveSessionControls{background:color-mix(in srgb,var(--surface) 92%,transparent)}.liveJoinRequests,.liveParticipantRoster,.liveJoinControl{border-radius:12px;margin:0 8px 5px}.liveInteractionPanel .liveGiftBar{border:1px solid var(--border);border-radius:14px;margin:0 8px 5px}.liveChatComposer{border:1px solid var(--border);border-radius:999px;margin:0 8px 5px;padding:5px}.liveChatComposer input{background:0 0;border:0}.liveSessionControls{margin:0 8px max(8px,env(safe-area-inset-bottom));border:1px solid var(--border);border-radius:14px;padding:6px}.liveChatOverlay{gap:4px;width:min(78%,430px);max-height:40dvh;bottom:172px;left:9px}.liveChatOverlayMessage{background:color-mix(in srgb,var(--bg) 72%,transparent);border:0;padding:5px 7px;font-size:12px}.liveLikeDock{bottom:174px;right:11px}.liveLikeButton{width:48px;height:48px}.liveLikeButton span{font-size:23px}.liveLikeBursts{height:180px;bottom:214px;right:6px}.liveViewerCount,.liveLikeCount,.liveSoundToggle{padding:6px 7px;font-size:10px}.liveParticipantTile{border-radius:7px}}@media (prefers-reduced-motion:reduce){.liveChatOverlayMessage{animation:none}.liveLikeButton span{transition:none}.liveLikeBurst{animation:none;display:none}}.homeFeedSurface{overscroll-behavior-y:contain;position:relative}.homeFeedToolbar{align-items:center}.homeRefreshButton{border:1px solid var(--border);background:var(--surface);color:var(--text-primary);cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:8px 11px;font-weight:750;display:inline-flex}.homeRefreshGlyph{width:22px;height:22px;color:var(--accent);transform-origin:50%;border-radius:50%;place-items:center;font-size:18px;line-height:1;display:inline-grid}.homeRefreshButton.refreshing .homeRefreshGlyph{animation:.8s linear infinite riversideRefreshSpin}.homePullIndicator{z-index:35;border:1px solid var(--border);background:var(--surface);box-shadow:0 8px 28px color-mix(in srgb,var(--bg) 34%,transparent);pointer-events:none;border-radius:999px;align-items:center;gap:7px;padding:7px 11px;transition:opacity .12s,transform .12s;display:none;position:fixed;top:0;left:50%}.homePullIndicator>span{width:24px;height:24px;color:var(--accent);place-items:center;font-size:19px;display:grid}.homePullIndicator strong{white-space:nowrap;font-size:11px}.homePullIndicator.ready>span{transform:rotate(180deg)}.homePullIndicator.refreshing>span{animation:.8s linear infinite riversideRefreshSpin}@keyframes riversideRefreshSpin{to{transform:rotate(360deg)}}@media (max-width:820px){.homeRefreshButton{display:none}.homePullIndicator{display:flex}}@media (prefers-reduced-motion:reduce){.homeRefreshButton.refreshing .homeRefreshGlyph,.homePullIndicator.refreshing>span{animation:none}.homePullIndicator{transition:none}}.liveJoinPolicy{border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface-raised) 82%,transparent);justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;display:flex}.liveJoinPolicy>div{gap:2px;min-width:0;display:grid}.liveJoinPolicy strong{font-size:12px}.liveJoinPolicy small{color:var(--text-secondary);font-size:10px;line-height:1.35}.liveJoinPolicy button{flex:none;font-size:11px}.liveParticipantRosterRow>span{gap:2px;min-width:0;display:grid}.liveParticipantRosterRow>span>strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.liveParticipantRosterRow>span>small{color:var(--text-secondary);font-size:9px;line-height:1.35}.liveParticipantRosterActions{flex:none;gap:5px;display:flex}.liveParticipantRosterActions button{padding:5px 7px}.dangerText{color:var(--danger)!important}.liveParticipantTile.reconnecting{outline:1px solid color-mix(in srgb,var(--accent) 66%,var(--border));outline-offset:-1px}.liveParticipantTile.reconnecting:after{content:"";z-index:3;border:2px solid #0000;border-top-color:color-mix(in srgb,var(--accent) 72%,transparent);border-radius:inherit;pointer-events:none;animation:1.5s linear infinite liveReconnectSweep;position:absolute;inset:0}.liveCameraOffState{z-index:3;background:var(--surface-raised);color:var(--text-primary);align-content:center;place-items:center;gap:7px;display:grid;position:absolute;inset:0}.liveCameraOffState span{border:1px solid var(--border);background:var(--surface);width:48px;height:48px;color:var(--accent);border-radius:50%;place-items:center;font-size:22px;display:grid}.liveCameraOffState strong{font-size:12px}.liveSelfMediaControls{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.mediaControl{border:1px solid var(--border);background:var(--surface-raised);color:var(--text-secondary);cursor:pointer;border-radius:999px;padding:7px 9px;font-size:11px;font-weight:750}.mediaControl.active{border-color:color-mix(in srgb,var(--accent) 60%,var(--border));background:var(--accent-tint);color:var(--text-primary)}.mediaControl:disabled{cursor:not-allowed;opacity:.6}.liveReconnectState{color:var(--accent);white-space:nowrap;font-size:10px;font-weight:800}@keyframes liveReconnectSweep{to{transform:rotate(360deg)}}@media (max-width:820px){.liveJoinPolicy{border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 92%,transparent);border-radius:12px;margin:0 8px 5px;padding:7px 9px}.liveParticipantRosterRow{align-items:flex-start}.liveParticipantRosterActions{align-self:center}.liveSessionControls{grid-template-columns:1fr;gap:6px;display:grid}.liveSelfMediaControls{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.liveSelfMediaControls .mediaControl{width:100%}.liveReconnectState{text-align:center;grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.liveParticipantTile.reconnecting:after{animation:none}}.liveChatOverlay{z-index:12}.liveChatOverlay .liveModerationActions{z-index:13;position:relative}.liveHostAvatarHalo{isolation:isolate;border-radius:50%;flex:0 0 46px;place-items:center;width:46px;height:46px;display:grid;position:relative}.liveHostAvatarHalo:before,.liveHostAvatarHalo:after{content:"";pointer-events:none;border-radius:50%;position:absolute;inset:0}.liveHostAvatarHalo:before{background:conic-gradient(from 0deg,transparent 0 12%,var(--accent) 18% 38%,transparent 44% 58%,color-mix(in srgb,var(--accent) 58%,var(--surface)) 66% 84%,transparent 90%);animation:3.1s linear infinite riversideHostHalo}.liveHostAvatarHalo:after{background:var(--surface);z-index:0;inset:3px}.liveHostAvatarHalo .liveIdentityAvatar{z-index:1;border:2px solid var(--surface);flex-basis:38px;width:38px;height:38px;position:relative}.liveViewerStatusDot{background:var(--accent);width:9px;height:9px;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent);border-radius:50%}.liveEdgeControls{z-index:11;justify-items:center;gap:9px;display:grid;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.liveEdgeButton{border:1px solid color-mix(in srgb,var(--border) 75%,transparent);background:color-mix(in srgb,var(--surface) 88%,transparent);width:52px;min-height:52px;color:var(--text-primary);box-shadow:0 8px 24px color-mix(in srgb,var(--bg) 30%,transparent);cursor:pointer;border-radius:18px;place-items:center;gap:1px;padding:5px;display:grid}.liveEdgeButton>span{color:var(--accent);font-size:21px;line-height:1}.liveEdgeButton>small{color:var(--text-secondary);font-size:9px;font-weight:800}.liveEdgeButton.liveLikeButton{width:52px;height:auto}.liveEdgeButton:active{transform:scale(.96)}.liveChatDock{z-index:13;border:1px solid color-mix(in srgb,var(--border) 72%,transparent);background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:0 10px 30px color-mix(in srgb,var(--bg) 32%,transparent);border-radius:999px;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:6px;display:grid;position:absolute;bottom:14px;left:14px;right:82px}.liveChatDock input{background:0 0;border:0;padding:9px 11px}.liveChatDock .primary{border-radius:999px;padding:8px 13px}.liveChatOverlay{max-height:36%;bottom:74px}.liveLikeBursts{bottom:140px;right:5px}.liveInteractionPanel{position:relative}@keyframes riversideHostHalo{to{transform:rotate(360deg)}}@media (max-width:820px){.liveParticipantStage-2{grid-template-rows:1fr!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.liveParticipantStage-2 .liveParticipantTile{min-width:0;min-height:0}.liveTopOverlay{background:linear-gradient(to bottom,color-mix(in srgb,var(--bg) 52%,transparent),transparent);padding:9px 10px}.liveHostAvatarHalo{flex-basis:40px;width:40px;height:40px}.liveHostAvatarHalo .liveIdentityAvatar{flex-basis:32px;width:32px;height:32px}.liveTopActions{gap:5px}.liveViewerCount,.liveLikeCount{padding:5px 7px;font-size:10px}.liveEdgeControls{gap:7px;top:auto;bottom:88px;right:8px;transform:none}.liveEdgeButton{border-radius:15px;width:44px;min-height:44px;padding:4px}.liveEdgeButton.liveLikeButton{width:44px}.liveEdgeButton>span{font-size:19px}.liveEdgeButton>small{font-size:8px}.liveChatDock{left:8px;right:60px;bottom:max(8px,env(safe-area-inset-bottom));gap:5px;padding:5px}.liveChatDock input{padding:9px 10px;font-size:16px}.liveChatDock .primary{padding:8px 11px}.liveChatOverlay{width:calc(100% - 78px);max-height:32dvh;bottom:68px;left:8px}.liveLikeBursts{bottom:142px;right:0}.liveInteractionPanel{z-index:8;pointer-events:none;border:0;height:auto;max-height:27dvh;position:absolute;inset:auto 60px 62px 8px;overflow:visible;background:0 0!important}.liveInteractionPanel>*{pointer-events:auto}.liveInteractionHeader,.liveGiftActivity{display:none!important}.liveInteractionPanel .liveGiftBar{border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 92%,transparent);border-radius:12px;max-height:78px;margin:0 0 5px;padding:5px 7px;overflow:hidden}.liveInteractionPanel .liveGiftBalance{display:none}.liveInteractionPanel .liveGiftPicker{gap:5px;display:flex;overflow-x:auto}.liveInteractionPanel .liveGiftPicker>button{flex:0 0 68px;padding:5px 4px}.liveJoinRequests,.liveParticipantRoster,.liveJoinControl,.liveJoinPolicy{border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 92%,transparent);border-radius:12px;max-height:96px;margin:0 0 5px;padding:6px 8px;overflow:auto}.liveSessionControls{border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 92%,transparent);border-radius:12px;margin:0;padding:5px}}@media (prefers-reduced-motion:reduce){.liveHostAvatarHalo:before{animation:none}}.livePageActive{background:radial-gradient(circle at 18% 18%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 34%), radial-gradient(circle at 84% 82%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 32%), linear-gradient(145deg,#020706 0%,color-mix(in srgb,var(--accent) 12%,#06100e) 48%,#020504 100%);min-height:100dvh}.liveExperienceMulti{height:min(78dvh,760px);min-height:min(540px,100dvh - 96px);margin:clamp(24px,6dvh,64px) auto}.liveExperienceMulti .liveCanvas{border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));background:radial-gradient(circle at 50% 22%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 42%), linear-gradient(160deg,#030807 0%,#07110f 52%,#020504 100%);height:100%;box-shadow:0 24px 70px #00000057,inset 0 0 0 1px color-mix(in srgb,var(--accent) 8%,transparent);border-radius:24px}.liveExperienceMulti .liveParticipantStage{border:1px solid color-mix(in srgb,var(--accent) 20%,var(--border));background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 54%), linear-gradient(150deg,#020706,#07110f 52%,#020504);border-radius:18px;inset:clamp(10px,1.4vw,18px);overflow:hidden;box-shadow:inset 0 0 38px #00000047}.liveExperienceMulti .liveParticipantTile{background:linear-gradient(150deg,#07110f,#020504)}@media (max-width:820px){.liveExperienceSolo{width:100%;height:100dvh;min-height:100dvh;margin:0;padding:0}.liveExperienceSolo .liveCanvas{width:100%;height:100dvh;min-height:100dvh}.liveExperienceMulti{width:100%;height:100dvh;min-height:100dvh;padding:max(58px,calc(env(safe-area-inset-top) + 48px)) 10px max(92px,calc(env(safe-area-inset-bottom) + 82px));box-sizing:border-box;justify-content:center;align-items:center;margin:0;display:flex}.liveExperienceMulti .liveCanvas{border-radius:20px;width:100%;height:clamp(360px,58dvh,560px);min-height:0;max-height:calc(100dvh - 190px)}.liveExperienceMulti .liveParticipantStage{border-radius:14px;inset:8px}}@media (max-width:430px){.liveExperienceMulti{padding-left:8px;padding-right:8px}.liveExperienceMulti .liveCanvas{height:clamp(350px,56dvh,520px);max-height:calc(100dvh - 180px)}}.liveInteractionHeaderActions{align-items:center;gap:10px;min-width:0;display:flex}.liveSafetyButton{font-weight:800}.liveModerationTargetMenu,.liveSafetyPanel{border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border));background:color-mix(in srgb,var(--surface) 94%,transparent);border-radius:16px;gap:12px;padding:14px;display:grid;box-shadow:0 14px 36px #00000029}.liveSafetyPanel{overscroll-behavior:contain;max-height:52vh;overflow:auto}.liveSafetySectionHeader{justify-content:space-between;align-items:center;gap:12px;display:flex}.liveSafetySectionHeader>span{gap:2px;display:grid}.liveSafetySectionHeader small{color:var(--text-secondary)}.liveModerationTargetActions{flex-wrap:wrap;gap:8px;display:flex}.liveReportControls{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.liveReportControls select,.liveSafetySettings select{border:1px solid var(--border);background:var(--surface);min-width:0;color:var(--text-primary);border-radius:11px;padding:9px 10px}.liveSafetySettings{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.liveSafetySettings label{color:var(--text-secondary);gap:6px;font-size:.78rem;display:grid}.liveSafetySettings label span{color:var(--text-primary);font-weight:800}.liveModeratorList,.liveBlockedList,.liveModerationHistory{gap:8px;padding-top:2px;display:grid}.liveModeratorCard,.liveBlockedRow{border:1px solid color-mix(in srgb,var(--border) 88%,transparent);background:color-mix(in srgb,var(--surface-raised) 70%,transparent);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px;display:flex}.liveModeratorCard>span,.liveBlockedRow>span{gap:2px;min-width:0;display:grid}.liveModeratorCard small,.liveBlockedRow small{color:var(--text-secondary)}.liveModeratorPermissions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.liveModeratorPermissions button{border:1px solid var(--border);color:var(--text-secondary);background:0 0;border-radius:999px;padding:5px 8px;font-size:.72rem}.liveModeratorPermissions button.active{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--text-primary)}.liveModerationHistory>div{border-bottom:1px solid color-mix(in srgb,var(--border) 70%,transparent);justify-content:space-between;align-items:center;gap:10px;padding:7px 0;font-size:.78rem;display:flex}.liveModerationHistory>div:last-child{border-bottom:0}.liveModerationHistory small{color:var(--text-secondary);text-align:right}.liveSafetyEmpty{color:var(--text-secondary);margin:0;font-size:.82rem}.liveParticipantLabel small{display:block}@media (max-width:820px){.liveSafetyPanel{max-height:44vh;padding:12px}.liveSafetySettings{grid-template-columns:1fr}.liveModeratorCard,.liveBlockedRow{flex-direction:column;align-items:flex-start}.liveModeratorPermissions{justify-content:flex-start}.liveInteractionHeaderActions>span{display:none}}.livePageActive{overscroll-behavior:none;width:100%;max-width:100vw;overflow:hidden}.liveExperience{min-width:0;max-width:100vw;overflow:hidden}.liveExperienceMulti{box-sizing:border-box;height:min(74dvh,720px);min-height:min(500px,100dvh - 116px);margin:clamp(10px,2.5dvh,26px) auto 0;padding-bottom:0}.liveExperienceMulti .liveCanvas{min-width:0;height:100%;overflow:hidden}.liveExperienceMulti .liveParticipantStage{min-width:0;min-height:0;inset:8px 8px 66px}.liveExperienceMulti.liveExperienceWithSessionDock .liveParticipantStage{bottom:124px}.liveExperienceMulti .liveParticipantLabel{display:none}.liveExperienceMulti .liveTopOverlay{background:linear-gradient(to bottom,color-mix(in srgb,var(--bg) 52%,transparent),transparent);pointer-events:none;justify-content:flex-end;padding:9px 10px}.liveExperienceMulti .liveIdentity{display:none}.liveExperienceMulti .liveTopActions{pointer-events:auto}.liveParticipantCornerIdentity{z-index:6;border:1px solid color-mix(in srgb,var(--border) 66%,transparent);background:color-mix(in srgb,var(--bg) 66%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:7px;min-width:0;max-width:calc(100% - 18px);padding:4px 7px 4px 4px;display:flex;position:absolute;top:9px;left:9px;box-shadow:0 7px 24px #00000038}.liveExperienceSolo .liveParticipantCornerIdentity{display:none}.liveParticipantCornerAvatarWrap{isolation:isolate;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid;position:relative}.liveParticipantHostCorner .liveParticipantCornerAvatarWrap:before{content:"";z-index:-1;border:2px solid #0000;border-top-color:color-mix(in srgb,var(--accent) 92%,white 8%);border-right-color:color-mix(in srgb,var(--accent) 44%,transparent);border-bottom-color:color-mix(in srgb,var(--accent) 76%,transparent);box-shadow:0 0 16px color-mix(in srgb,var(--accent) 30%,transparent);border-radius:50%;animation:4s linear infinite riversideHostHalo;position:absolute;inset:-5px}.liveParticipantRankFx{z-index:0;border:1px solid color-mix(in srgb,var(--accent) 54%,transparent);background:conic-gradient(from 0deg,transparent 0 24%,color-mix(in srgb,var(--accent) 78%,transparent) 30% 48%,transparent 55% 78%,color-mix(in srgb,var(--accent) 42%,transparent) 84% 94%,transparent);box-shadow:0 0 14px color-mix(in srgb,var(--accent) 20%,transparent);border-radius:50%;position:absolute;inset:-2px}.liveParticipantCornerAvatar{z-index:1;border:2px solid color-mix(in srgb,var(--surface) 92%,transparent);background:var(--surface-raised);width:34px;height:34px;color:var(--text-primary);border-radius:50%;place-items:center;font-size:12px;font-weight:900;display:grid;position:relative;overflow:hidden}.liveParticipantCornerAvatar img{object-fit:cover;width:100%;height:100%}.liveParticipantRankLevel{z-index:3;border:1px solid color-mix(in srgb,var(--accent) 64%,var(--border));background:var(--surface);min-width:23px;height:17px;color:var(--accent);border-radius:999px;place-items:center;padding:0 4px;font-size:8px;font-weight:950;display:grid;position:absolute;bottom:-2px;right:-5px;box-shadow:0 3px 8px #0000003d}.liveParticipantCornerText{min-width:0;max-width:145px;line-height:1.05;display:grid}.liveParticipantCornerText strong,.liveParticipantCornerText small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.liveParticipantCornerText strong{color:var(--text-primary);font-size:11px}.liveParticipantCornerText small{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:8px;font-weight:800}.rank-spring .liveParticipantRankFx{animation:2.8s ease-in-out infinite riverRankSpring}.rank-current .liveParticipantRankFx{border-radius:46% 54% 50% 50%;animation:3.4s linear infinite riverRankCurrent}.rank-rapid .liveParticipantRankFx{animation:1.7s cubic-bezier(.4,0,.2,1) infinite riverRankRapid}.rank-cascade .liveParticipantRankFx{animation:2.7s ease-in-out infinite riverRankCascade}.rank-delta .liveParticipantRankFx{border-radius:42% 58% 46% 54%;animation:3.1s ease-in-out infinite riverRankDelta}.rank-tide .liveParticipantRankFx{animation:3.8s ease-in-out infinite riverRankTide}.rank-riverlight .liveParticipantRankFx{box-shadow:0 0 22px color-mix(in srgb,var(--accent) 38%,transparent),inset 0 0 12px color-mix(in srgb,var(--accent) 20%,transparent);animation:2.2s ease-in-out infinite riverRankLight}.rank-unranked .liveParticipantRankFx{opacity:.45;animation:none}@keyframes riverRankSpring{0%,to{opacity:.62;transform:scale(.94)}50%{opacity:1;transform:scale(1.06)}}@keyframes riverRankCurrent{to{transform:rotate(360deg)}}@keyframes riverRankRapid{0%,to{transform:rotate(-8deg)scale(.96)}45%{transform:rotate(10deg)scale(1.07)}}@keyframes riverRankCascade{0%,to{box-shadow:0 0 0 0 color-mix(in srgb,var(--accent) 20%,transparent);transform:scale(.9)}50%{transform:scale(1.03);box-shadow:0 0 0 5px #0000}}@keyframes riverRankDelta{0%,to{transform:rotate(-4deg)scale(.98)}50%{transform:rotate(5deg)scale(1.05)}}@keyframes riverRankTide{0%,to{transform:translateY(1px)rotate(-4deg)}50%{transform:translateY(-2px)rotate(5deg)}}@keyframes riverRankLight{0%,to{opacity:.72;transform:scale(.96)}50%{opacity:1;transform:scale(1.08)}}.liveBottomSessionDock{z-index:18;border:1px solid color-mix(in srgb,var(--border) 72%,transparent);background:color-mix(in srgb,var(--surface) 93%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:16px;justify-content:center;align-items:center;gap:8px;min-width:0;max-width:calc(100% - 28px);padding:6px;display:flex;position:absolute;bottom:12px;left:14px;right:14px;box-shadow:0 10px 30px #0000004d}.liveExperienceMulti .liveBottomSessionDock{max-width:calc(100% - 368px);right:354px}.liveBottomSessionDock .liveSelfMediaControls{flex:0 auto;max-width:min(460px,70%)}.liveBottomSessionDock .liveEndButton,.liveBottomSessionDock>.textButton{white-space:nowrap;flex:none}.liveEdgeControls{align-items:center;gap:7px;display:flex;top:auto;bottom:14px;right:14px;transform:none}.liveEdgeButton{border-radius:16px;width:48px;min-height:48px}.liveExperienceAudienceControls .liveChatDock{right:186px}.liveExperienceWithSessionDock .liveChatDock,.liveExperienceWithSessionDock.liveExperienceAudienceControls .liveEdgeControls{bottom:76px}.liveExperienceWithSessionDock.liveExperienceAudienceControls .liveChatDock{right:186px}.liveExperienceWithSessionDock .liveChatOverlay{bottom:138px}.liveExperienceWithSessionDock .liveLikeBursts{bottom:190px}.liveInteractionPanel{overscroll-behavior:contain;min-width:0;max-width:100%;overflow:auto}.liveExperienceWithSessionDock .liveInteractionPanel{padding-bottom:72px}@media (max-width:820px){.liveExperienceMulti{width:100%;height:100dvh;min-height:100dvh;padding:max(38px,calc(env(safe-area-inset-top) + 26px)) 8px 0;box-sizing:border-box;justify-content:flex-start;align-items:flex-start;margin:0;display:flex}.liveExperienceMulti .liveCanvas{border-radius:18px;width:100%;height:clamp(370px,60dvh,540px);min-height:0;max-height:calc(100dvh - 154px)}.liveExperienceMulti .liveParticipantStage{border-radius:13px;inset:7px 7px 62px}.liveExperienceMulti.liveExperienceWithSessionDock .liveParticipantStage{bottom:118px}.liveParticipantCornerIdentity{gap:5px;padding:3px 6px 3px 3px;top:7px;left:7px}.liveParticipantCornerAvatarWrap{flex-basis:36px;width:36px;height:36px}.liveParticipantCornerAvatar{width:29px;height:29px;font-size:10px}.liveParticipantRankLevel{min-width:21px;height:15px;font-size:7px;bottom:-2px;right:-5px}.liveParticipantCornerText{max-width:88px}.liveParticipantCornerText strong{font-size:9px}.liveParticipantCornerText small{font-size:7px}.liveExperienceMulti .liveBottomSessionDock,.liveBottomSessionDock{left:8px;right:8px;bottom:max(6px,env(safe-area-inset-bottom));border-radius:14px;gap:5px;max-width:calc(100% - 16px);padding:5px;position:absolute}.liveBottomSessionDock .liveSelfMediaControls{flex:auto;gap:5px;min-width:0;max-width:none;display:flex}.liveBottomSessionDock .liveSelfMediaControls .mediaControl{flex:1 1 0;width:auto;min-width:0;padding:7px 6px;font-size:9px}.liveBottomSessionDock .liveEndButton,.liveBottomSessionDock>.textButton{padding:8px 9px;font-size:10px}.liveExperienceAudienceControls .liveChatDock{right:150px}.liveExperienceWithSessionDock .liveChatDock,.liveExperienceWithSessionDock.liveExperienceAudienceControls .liveEdgeControls{bottom:max(64px,calc(env(safe-area-inset-bottom) + 58px))}.liveExperienceWithSessionDock.liveExperienceAudienceControls .liveChatDock{right:150px}.liveEdgeControls{right:8px;bottom:max(7px,env(safe-area-inset-bottom));gap:5px}.liveEdgeButton{border-radius:14px;width:42px;min-height:42px;padding:3px}.liveEdgeButton.liveLikeButton{width:42px}.liveEdgeButton>span{font-size:17px}.liveEdgeButton>small{font-size:7px}.liveChatDock{left:8px;bottom:max(7px,env(safe-area-inset-bottom));gap:4px;padding:4px}.liveChatDock input{min-width:0;padding:8px 9px;font-size:16px}.liveChatDock .primary{padding:7px 9px}.liveExperienceWithSessionDock .liveChatOverlay{max-height:23dvh;bottom:122px}.liveExperienceMulti .liveInteractionPanel{left:8px;right:8px;bottom:max(118px,calc(env(safe-area-inset-bottom) + 108px));max-height:22dvh;overflow:auto}.liveExperienceMulti:not(.liveExperienceWithSessionDock) .liveInteractionPanel{bottom:max(60px,calc(env(safe-area-inset-bottom) + 52px))}.liveSafetyPanel,.liveModerationTargetMenu{box-sizing:border-box;max-width:100%}}@media (max-width:430px){.liveExperienceMulti{padding-left:6px;padding-right:6px}.liveExperienceMulti .liveCanvas{height:clamp(360px,59dvh,510px);max-height:calc(100dvh - 148px)}.liveParticipantCornerText{display:none}.liveParticipantCornerIdentity{border-radius:50%;padding:3px}.liveExperienceAudienceControls .liveChatDock,.liveExperienceWithSessionDock.liveExperienceAudienceControls .liveChatDock{right:144px}}@media (prefers-reduced-motion:reduce){.liveParticipantRankFx,.liveParticipantHostCorner .liveParticipantCornerAvatarWrap:before{animation:none!important;transform:none!important}}.liveMobileTileControls,.liveDockAction{display:none}.liveDockSend{justify-content:center;align-items:center;gap:6px;display:inline-flex}.liveDockSend svg{width:17px;height:17px}.liveOverlayBackdrop{z-index:20;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);touch-action:none;overscroll-behavior:none;cursor:default;background:#00000047;border:0;margin:0;padding:0;position:fixed;inset:0}.liveInteractionPanel.liveInteractionPanelOpen{z-index:23!important}.liveCanvas .liveRankPopover{z-index:23}.liveGiftTray{z-index:22;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));background:color-mix(in srgb,var(--surface) 97%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:20px;gap:10px;max-height:min(46dvh,390px);padding:12px;display:grid;position:absolute;bottom:72px;left:12px;right:12px;overflow:hidden;box-shadow:0 22px 70px #0000006b}.liveGiftTrayHead{justify-content:space-between;align-items:center;gap:10px;display:flex}.liveGiftTrayHead .liveGiftBalance{align-items:center;gap:7px;margin:0;display:flex}.liveGiftTrayHead>button{border:1px solid var(--border);background:var(--surface-raised);width:34px;height:34px;color:var(--text-primary);cursor:pointer;border-radius:50%;font-size:20px}.liveGiftTrayPicker{overscroll-behavior:contain;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:2px;display:grid;overflow:auto}.liveGiftTrayPicker>button{border:1px solid var(--border);background:var(--surface-raised);min-width:0;color:var(--text-primary);cursor:pointer;border-radius:14px;justify-items:center;gap:4px;padding:10px 6px;display:grid}.liveGiftTrayPicker>button:disabled{opacity:.5;cursor:not-allowed}.liveGiftTrayPicker .giftIcon{font-size:24px}.liveGiftTrayPicker strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;overflow:hidden}.liveGiftTrayPicker small{color:var(--text-secondary);font-size:9px}.liveParticipantRankFx{opacity:1;animation:none!important;transform:none!important}.rank-spring .liveParticipantRankFx{border:2px solid color-mix(in srgb,var(--accent) 62%,white 10%);background:radial-gradient(circle at 32% 28%,color-mix(in srgb,var(--accent) 28%,transparent),transparent 42%)}.rank-current .liveParticipantRankFx{border:2px double color-mix(in srgb,var(--accent) 88%,white 12%);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 18%,transparent)}.rank-rapid .liveParticipantRankFx{border:2px dashed color-mix(in srgb,var(--accent) 82%,white 10%);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 24%,transparent),transparent 46%)}.rank-cascade .liveParticipantRankFx{border:2px solid color-mix(in srgb,var(--accent) 64%,white 8%);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent),0 0 16px color-mix(in srgb,var(--accent) 24%,transparent)}.rank-delta .liveParticipantRankFx{border:2px solid color-mix(in srgb,var(--accent) 84%,white 8%);clip-path:polygon(50% 0,100% 28%,88% 100%,12% 100%,0 28%)}.rank-tide .liveParticipantRankFx{border:2px solid color-mix(in srgb,var(--accent) 72%,white 10%);background:repeating-radial-gradient(ellipse at 50% 125%,transparent 0 7px,color-mix(in srgb,var(--accent) 28%,transparent) 8px 9px)}.rank-riverlight .liveParticipantRankFx{border:2px solid color-mix(in srgb,var(--accent) 96%,white 16%);box-shadow:0 0 18px color-mix(in srgb,var(--accent) 52%,transparent),inset 0 0 10px color-mix(in srgb,var(--accent) 24%,transparent)}@media (max-width:820px){.livePageActive{height:100dvh;min-height:100dvh;max-height:100dvh;overflow:hidden!important}.liveExperienceMulti{height:100dvh;min-height:100dvh;max-height:100dvh;padding:max(38px,calc(env(safe-area-inset-top) + 26px)) 6px max(6px,env(safe-area-inset-bottom));align-items:stretch;margin:0;overflow:hidden}.liveExperienceMulti .liveCanvas{border-radius:18px;flex:auto;width:100%;height:100%;min-height:0;max-height:none;overflow:hidden}.liveExperienceMulti .liveParticipantStage,.liveExperienceMulti.liveExperienceWithSessionDock .liveParticipantStage{height:clamp(420px,58dvh,540px);min-height:0;max-height:calc(100dvh - 190px);inset:50px 7px auto!important}.liveBottomSessionDock,.liveEdgeControls{display:none!important}.liveExperienceWithSessionDock .liveChatDock,.liveExperienceWithSessionDock.liveExperienceAudienceControls .liveChatDock,.liveChatDock{left:8px;right:8px;bottom:max(7px,env(safe-area-inset-bottom));box-sizing:border-box;border-radius:17px;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:5px;height:48px;margin:0;padding:4px 5px;display:grid}.liveChatDock input{min-width:0;height:38px;padding:7px 9px;font-size:16px}.liveDockAction{border:1px solid var(--border);background:var(--surface-raised);width:38px;height:38px;color:var(--text-primary);cursor:pointer;border-radius:13px;align-content:center;place-items:center;gap:0;padding:0;display:grid}.liveDockAction svg{width:19px;height:19px;color:var(--accent)}.liveDockAction small{display:none}.liveDockAction.active{border-color:color-mix(in srgb,var(--accent) 72%,var(--border));background:color-mix(in srgb,var(--accent) 14%,var(--surface))}.liveDockLike{font-variant-numeric:tabular-nums}.liveDockSend{border-radius:13px;width:42px;height:38px;padding:0}.liveChatDock>*{min-width:0}.liveDockSend span{display:none}.liveDockSend svg{width:18px;height:18px}.liveInteractionPanel .liveGiftBar{display:none!important}.liveGiftTray{left:8px;right:8px;bottom:max(62px,calc(env(safe-area-inset-bottom) + 55px));max-height:42dvh;overflow:hidden}.liveGiftTrayPicker{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;grid-template-columns:repeat(3,minmax(0,1fr));max-height:calc(42dvh - 62px);overflow-y:auto}.liveExperienceMulti .liveInteractionPanel:not(.liveInteractionPanelOpen){display:none!important}.liveExperienceMulti .liveInteractionPanel.liveInteractionPanelOpen{z-index:21;top:auto;left:8px;right:8px;bottom:max(62px,calc(env(safe-area-inset-bottom) + 55px));pointer-events:auto;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-sizing:border-box;border-radius:18px;max-height:48dvh;padding:8px;display:grid;position:absolute;overflow:auto;background:color-mix(in srgb,var(--surface) 96%,transparent)!important}.liveInteractionPanelOpen .liveInteractionHeader{display:flex!important}.liveInteractionPanelOpen .liveGiftBar,.liveInteractionPanelOpen .liveGiftActivity{display:none!important}.liveExperienceMulti .liveChatOverlay,.liveExperienceWithSessionDock .liveChatOverlay{width:calc(100% - 18px);max-height:22dvh;bottom:66px;left:9px}.liveLikeBursts,.liveExperienceWithSessionDock .liveLikeBursts{bottom:118px;right:5px}.liveMobileTileControls{z-index:8;box-sizing:border-box;grid-template-columns:repeat(2,36px);gap:5px;width:max-content;max-width:77px;max-height:calc(100% - 14px);display:grid;position:absolute;top:7px;right:7px;overflow:visible}.liveMobileTileControls>button{border:1px solid color-mix(in srgb,var(--border) 78%,transparent);background:color-mix(in srgb,var(--bg) 72%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:36px;height:36px;color:var(--text-primary);cursor:pointer;border-radius:11px;place-items:center;padding:0;display:grid;box-shadow:0 5px 16px #00000038}.liveMobileTileControls>button svg{width:20px;height:20px}.liveMobileTileControls>button.active{border-color:color-mix(in srgb,var(--accent) 72%,var(--border));color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--bg))}.liveMobileTileControls>button.danger{color:color-mix(in srgb,#ff5c5c 80%,var(--text-primary))}.liveMobileTileControls>button:disabled{opacity:.52;cursor:not-allowed}.liveExperienceMulti .liveTopOverlay{pointer-events:none;background:0 0;width:auto;padding:0;top:7px;left:7px;right:7px;transform:none}.liveExperienceMulti .liveTopActions{pointer-events:none;gap:4px;margin-left:auto;display:flex}.liveExperienceMulti .liveTopActions>*{pointer-events:none}.liveExperienceMulti .liveViewerCount,.liveExperienceMulti .liveLikeCount{background:color-mix(in srgb,var(--surface) 90%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:5px 7px;box-shadow:0 4px 14px #0000002e}.liveParticipantCornerIdentity{background:color-mix(in srgb,var(--bg) 78%,transparent);border-width:1px;padding:4px 6px 4px 4px;top:7px;left:7px}.liveParticipantCornerAvatarWrap{flex-basis:46px;width:46px;height:46px}.liveParticipantCornerAvatar{border-width:2px;width:37px;height:37px;font-size:12px}.liveParticipantRankLevel{border-width:2px;min-width:25px;height:18px;padding:0 5px;font-size:8px;bottom:-2px;right:-5px}.liveParticipantCornerText{max-width:92px}.liveParticipantCornerText strong{font-size:10px}.liveParticipantCornerText small{font-size:7px}}@media (max-width:430px){.liveExperienceMulti{padding-left:5px;padding-right:5px}.liveExperienceMulti .liveCanvas{height:100%;max-height:none}.liveParticipantCornerText{display:none}.liveParticipantCornerIdentity{border-radius:999px;padding:4px}.liveParticipantCornerAvatarWrap{flex-basis:44px;width:44px;height:44px}.liveParticipantCornerAvatar{width:35px;height:35px}.liveGiftTrayPicker{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:820px){.liveExperienceMulti .liveTopActions{pointer-events:none}.liveExperienceSolo .liveMobileTileControls{top:58px;right:10px}}.phoneField{gap:10px;margin:2px 0 4px;display:grid}.phoneField label{color:var(--text-secondary);gap:6px;font-size:13px;display:grid}.phoneField select,.phoneField input{box-sizing:border-box;width:100%;min-width:0}.phoneNumberControl{border:1px solid var(--border);background:var(--surface);border-radius:12px;grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid;overflow:hidden}.phoneNumberControl>span{color:var(--text-secondary);font-variant-numeric:tabular-nums;padding:0 0 0 12px;font-weight:750}.phoneNumberControl input{box-shadow:none!important;border:0!important;border-radius:0!important}.phoneHint{margin:-2px 0 2px}.phoneCountryLabel select{appearance:auto}@media (max-width:520px){.phoneField{gap:9px}.phoneCountryLabel select,.phoneNumberControl{min-height:48px}}
