.mobile-nav{display:none}@media (max-width:760px){.mobile-nav{z-index:65;padding:8px 10px calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0b0ff0;border-top:1px solid #ffffff18;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav a,.mobile-nav button{color:#9296a1;background:0 0;border:0;place-items:center;gap:3px;min-width:58px;min-height:44px;font-size:9px;text-decoration:none;display:grid}.mobile-nav a.active,.mobile-nav a[aria-current=page],.mobile-nav button[aria-current=page]{color:#75b3ff;box-shadow:inset 0 2px #4a92ff}.app-frame .app-shell main,.app-frame .route-page{padding-bottom:82px}}.mobile-screen{z-index:60;top:var(--t3-test-banner-h,0px);background:#16141b;flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-screen-head{min-height:56px;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;background:#0f0d11;border-bottom:1px solid #2e2c36;flex-shrink:0;align-items:center;gap:8px;display:flex}.mobile-screen-title{letter-spacing:.01em;text-transform:uppercase;color:#f7f7fa;flex-grow:1;font-family:Barlow Condensed,Arial Narrow,sans-serif;font-size:20px;font-weight:700}.mobile-screen-head button{color:#cbd8e9;background:0 0;border:0;place-items:center;width:40px;height:40px;display:grid}.mobile-screen-body{padding-bottom:calc(72px + env(safe-area-inset-bottom));flex:1;overflow-y:auto}.mobile-screen-searchbar{border-bottom:1px solid #2e2c36;flex-shrink:0;align-items:center;gap:10px;padding:8px 16px;display:flex}.mobile-screen-search-field{color:#8e8d99;text-align:left;background:#16141b;border:1px solid #3a3744;border-radius:6px;flex-grow:1;align-items:center;gap:8px;min-width:0;height:44px;padding:0 12px;font-size:14px;display:flex}.mobile-screen-searchbar>button:last-child{color:#8bc2ff;background:0 0;border:0;flex-shrink:0;min-height:44px;padding:0 4px;font-size:14px;font-weight:700}.mobile-sec-h{letter-spacing:.1em;text-transform:uppercase;color:#a9a8b4;justify-content:space-between;align-items:center;padding:18px 16px 6px;font-size:12px;font-weight:800;display:flex}.mobile-row{color:#f7f7fa;text-align:left;background:0 0;border:0;align-items:center;gap:12px;width:100%;min-height:52px;padding:4px 16px;font-family:inherit;text-decoration:none;display:flex}.mobile-row-av{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;font-weight:800;display:flex}.mobile-row-av--live{box-shadow:0 0 0 2px #16141b,0 0 0 4px #f25c73}.mobile-row-av--square{border-radius:10px}.mobile-row-av--link{color:#8fc4ff;background:#1d2a44}.mobile-row-t{flex-direction:column;flex-grow:1;gap:2px;min-width:0;display:flex}.mobile-row-nm{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:15px;font-weight:700;display:flex;overflow:hidden}.mobile-row-sb{color:#a9a8b4;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.mobile-row-when{color:#8bc2ff;font-size:12px;font-weight:800}.mobile-row-cnt{color:#cbd8e9;flex-shrink:0;align-items:center;gap:6px;font-size:13px;font-weight:700;display:inline-flex}.mobile-row-dot{background:#f25c73;border-radius:50%;width:8px;height:8px}.mobile-row-link{background:#1b2230;border-top:1px solid #2c3b5a;border-bottom:1px solid #2c3b5a;margin-top:8px}.mobile-icon-btn{color:#a9a8b4;background:0 0;border:0;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.mobile-reminder-on{color:#8fc4ff}.mobile-cta{color:#0b1220;white-space:nowrap;background:#4a92ff;border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-family:inherit;font-size:14px;font-weight:800;display:inline-flex}.mobile-cta-ghost{color:#f7f7fa;white-space:nowrap;background:0 0;border:1px solid #3a3744;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-family:inherit;font-size:14px;font-weight:700;display:inline-flex}.mobile-field{box-sizing:border-box;color:#f7f7fa;background:#16141b;border:1px solid #3a3744;border-radius:6px;height:44px;padding:0 12px;font-family:inherit;font-size:16px}.mobile-field::placeholder{color:#8e8d99}.mobile-follow-empty{flex-direction:column;gap:4px;padding:20px 16px 8px;display:flex}.mobile-follow-empty p{color:#cbd8e9;margin:0;font-size:13px;font-weight:800}.mobile-follow-empty-card{color:#f7f7fa;background:#16141b;border:1px solid #2e2c36;border-radius:10px;flex-direction:column;gap:14px;margin:8px 16px 0;padding:20px 16px;font-size:16px;font-weight:800;line-height:1.35;display:flex}.mobile-follow-empty-field{flex-direction:column;gap:6px;display:flex}.mobile-follow-empty-field label{color:#cbd8e9;font-size:13px;font-weight:700}.mobile-follow-empty-field>div{gap:8px;display:flex}.mobile-follow-empty-field>div .mobile-field{flex-grow:1;min-width:0}.mobile-follow-empty-search{color:#8bc2ff;background:0 0;border:0;align-self:flex-start;min-height:44px;font-size:14px;font-weight:700}.mobile-follow-empty-card p{color:#a9a8b4;margin:0;font-size:13px;font-weight:400}.mobile-search-hint{color:#a9a8b4;margin:0;padding:16px 16px 4px;font-size:14px;line-height:1.5}.mobile-search-chips{flex-wrap:wrap;gap:8px;padding:0 16px;display:flex}.chip{background:#2a2833;border-radius:999px;align-items:center;height:40px;display:inline-flex;overflow:hidden}.chip-t{color:#dedde6;background:0 0;border:0;height:40px;padding:0 4px 0 14px;font-family:inherit;font-size:14px;font-weight:700}.chip-x{color:#a9a8b4;background:0 0;border:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.mobile-search-noresults{flex-direction:column;gap:8px;padding:32px 16px;display:flex}.mobile-search-noresults span:first-child{font-size:16px;font-weight:800}.mobile-search-noresults span:last-child{color:#a9a8b4;font-size:14px;line-height:1.5}.mobile-search-field{color:#918eaa;background:#211e27;border:1px solid #4a92ff;border-radius:8px;flex-grow:1;align-items:center;gap:8px;min-width:0;height:44px;padding:0 12px;display:flex;position:relative}.mobile-search-field input{color:#fff;background:0 0;border:0;outline:0;flex:1;min-width:0;height:100%;padding:0;font-size:16px}.mobile-search-field input::placeholder{color:#8c8996}.mobile-search-field button{color:#a9a8b4;background:0 0;border:0;flex-shrink:0;width:28px;height:28px}.mobile-search-cancel{color:#f7f7fa;background:0 0;border:0;flex-shrink:0;min-height:44px;padding:0 4px;font-size:15px;font-weight:700}.pill{white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;height:22px;padding:0 8px;font-size:11px;font-weight:700;display:inline-flex}.pill-live{color:#fff;background:#f25c73}.pill-tier{color:#0b1220;background:#4a92ff}.mobile-account-guest{flex-direction:column;gap:10px;padding:20px 16px;display:flex}.mobile-account-guest b{color:#f0edf2;font-size:16px;display:block}.mobile-account-guest small{color:#9c98a7;margin-bottom:6px;font-size:12px;display:block}.mobile-account-profile{align-items:center;gap:14px;padding:18px 16px;display:flex}.mobile-account-avatar{color:#fff;background:#2c6e5a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:22px;font-weight:800;display:flex}.mobile-account-profile-t{flex-direction:column;flex-grow:1;gap:6px;min-width:0;display:flex}.mobile-account-name{color:#f7f7fa;font-size:18px;font-weight:800}.mobile-account-profile>a{align-items:center;min-height:44px;font-size:14px;font-weight:700;display:inline-flex}.account-sheet{flex-direction:column;display:flex}.account-sheet b{color:#f0edf2;font-size:16px;display:block}.account-sheet small{color:#9c98a7;margin-top:5px;font-size:12px;display:block}.account-sheet a,.account-sheet button{min-height:52px;color:var(--ink,#f7f7fa);text-align:left;background:0 0;border:0;border-radius:0;align-items:center;gap:11px;width:100%;margin:0;padding:4px 16px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;display:flex}.account-sheet a svg,.account-sheet button svg{color:#9c98a7;flex:none}.account-sheet a:active,.account-sheet a:hover,.account-sheet button:active,.account-sheet button:hover{color:#fff;background:#29262f}.account-sheet a+a,.account-sheet a+button,.account-sheet button+a,.account-sheet button+button{border-top:1px solid #ffffff0d}.mobile-brandbar{display:none}@media (max-width:760px){.mobile-brandbar{padding:calc(14px + env(safe-area-inset-top)) 16px 6px;align-items:center;display:flex}.mobile-brandbar .brand{width:104px}.app-frame .route-page,.app-frame.rail-collapsed .route-page,.app-frame .watch-page,.app-frame .channel-page,.app-frame.rail-collapsed .watch-page,.app-frame.rail-collapsed .channel-page{padding-top:0}}
.shared-topbar nav a{color:#a6a4ae;align-items:center;font-size:14px;font-weight:700;text-decoration:none;display:flex;position:relative}.shared-topbar nav a.active{color:#fff}.shared-topbar nav a.active:after{content:"";background:#4a92ff;height:3px;position:absolute;inset:auto 0 0}.shared-topbar nav a.nav-creator-studio{color:#8fb9ff}.shared-topbar nav a.nav-creator-studio:hover{color:#fff}.shared-sidebar{top:calc(66px + var(--t3-test-banner-h,0px));z-index:30;background:#19171e;border-right:1px solid #292731;width:244px;padding:23px 13px;transition:width .2s;position:fixed;bottom:0;left:0;right:auto;overflow:auto}.shared-sidebar-title{color:#898692;letter-spacing:.8px;justify-content:space-between;align-items:center;padding:0 8px 10px;font-size:10px;font-weight:800;display:flex}.shared-sidebar-title button{color:#aaa6b2;background:0 0}.rail-toggle{font-size:18px;line-height:1}.shared-channel{color:#fff;border-radius:6px;align-items:center;gap:9px;padding:7px;text-decoration:none;display:flex}.shared-channel:hover{background:#29262f}.shared-channel i{color:#fff;border-radius:50%;place-items:center;width:31px;height:31px;font-size:9px;font-style:normal;font-weight:800;display:grid}.shared-channel span{flex:1;min-width:0}.shared-channel b,.shared-channel small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.shared-channel b{font-size:12px}.shared-channel small{color:#96929e;margin-top:2px;font-size:10px}.shared-channel em{color:#d7d3dc;flex:none;align-items:center;gap:4px;font-size:11px;font-style:normal;font-weight:700;display:flex}.shared-channel em strong{color:#f25c73;font-size:11px;line-height:1}.shared-channel em.rail-offline{color:#77747f;font-weight:400}:is(.shared-sidebar.collapsed,.app-frame:has(.channel-page) .shared-sidebar){width:58px;padding:23px 7px}.shared-sidebar.collapsed .shared-sidebar-title{justify-content:center;padding:0 0 10px}.shared-sidebar.collapsed .rail-toggle{place-items:center;width:36px;height:32px;padding:0;display:grid}:is(.shared-sidebar.collapsed .shared-sidebar-title span,.shared-sidebar.collapsed .shared-channel span,.shared-sidebar.collapsed .shared-channel em,.app-frame:has(.channel-page) .shared-sidebar .shared-sidebar-title span,.app-frame:has(.channel-page) .shared-sidebar .shared-channel span,.app-frame:has(.channel-page) .shared-sidebar .shared-channel em){display:none}:is(.shared-sidebar.collapsed .shared-channel,.app-frame:has(.channel-page) .shared-sidebar .shared-channel){justify-content:center}.app-frame>.app-shell>.topbar,.app-frame>.app-shell>.sidebar,.app-frame>.watch-page>.watch-topbar,.app-frame>.channel-page>.watch-topbar{display:none}.app-frame .route-page{margin-left:244px}.app-frame .channel-page{padding:66px 0 0}.app-frame:has(.channel-page) .shared-sidebar .shared-sidebar-title{display:none}.app-frame:has(.channel-page) .channel-page{margin-left:58px}.app-frame.rail-collapsed .app-shell main,.app-frame.rail-collapsed .route-page{margin-left:58px}.app-frame.rail-collapsed .channel-page{padding-left:0}@media (max-width:850px){.shared-sidebar{display:none}.app-frame .app-shell main,.app-frame.rail-collapsed .app-shell main,.app-frame .route-page,.app-frame.rail-collapsed .route-page{margin-left:0}.app-frame .watch-page,.app-frame .channel-page,.app-frame.rail-collapsed .channel-page{padding-left:0}.app-frame:has(.channel-page) .channel-page{margin-left:0}}.shared-sidebar-subtitle{color:#898692;letter-spacing:.8px;padding:6px 8px 8px;font-size:10px;font-weight:800}.sidebar-hint{color:#77747f;margin:10px 0 0;padding:0 8px;font-size:11px;line-height:1.45}.sidebar-empty-state{color:#9895a1;gap:8px;padding:10px 8px;font-size:12px;line-height:1.45;display:grid}.sidebar-empty-state p{margin:0}.sidebar-empty-state a{color:#74b2ff;font-size:12px;font-weight:800;text-decoration:none}.sidebar-empty-state a:hover{text-decoration:underline}:is(.shared-sidebar.collapsed .shared-sidebar-subtitle,.shared-sidebar.collapsed .sidebar-hint,.shared-sidebar.collapsed .sidebar-empty-state,.app-frame:has(.channel-page) .shared-sidebar .shared-sidebar-subtitle,.app-frame:has(.channel-page) .shared-sidebar .sidebar-hint,.app-frame:has(.channel-page) .shared-sidebar .sidebar-empty-state){display:none}.sidebar-signed-out-cta{gap:8px;margin-top:2px;display:flex}.sidebar-signed-out-cta .login-button,.sidebar-signed-out-cta .signup-button{text-align:center;flex:1;justify-content:center;align-items:center;padding:8px 6px;display:inline-flex}.mobile-brandbar{display:none}@media (max-width:760px){.mobile-brandbar{padding:calc(14px + env(safe-area-inset-top)) 16px 6px;align-items:center;display:flex}.mobile-brandbar .brand{width:104px}.app-frame .route-page,.app-frame.rail-collapsed .route-page,.app-frame .watch-page,.app-frame .channel-page,.app-frame.rail-collapsed .watch-page,.app-frame.rail-collapsed .channel-page{padding-top:0}}.sidebar-live-badge{letter-spacing:0;text-transform:none;color:#cbd8e9;margin-left:auto;margin-right:8px;font-size:10px;font-weight:700}:is(.shared-sidebar.collapsed .sidebar-live-badge,.app-frame:has(.channel-page) .shared-sidebar .sidebar-live-badge){display:none}.shared-channel--reminder{align-items:flex-start;padding-top:8px;padding-bottom:8px}.shared-channel--reminder>i{margin-top:2px}.shared-channel--reminder>a{color:#fff;flex-direction:column;flex:1;gap:1px;min-width:0;text-decoration:none;display:flex}.sidebar-reminder-when{color:#8bc2ff!important;font-size:10px!important}.sidebar-reminder-toggle{color:#8fc4ff;background:0 0;border:0;border-radius:6px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.sidebar-reminder-toggle:hover{background:#29262f}:is(.shared-sidebar.collapsed .shared-channel--reminder,.shared-sidebar.collapsed .sidebar-reminder-toggle,.app-frame:has(.channel-page) .shared-sidebar .shared-channel--reminder,.app-frame:has(.channel-page) .shared-sidebar .sidebar-reminder-toggle){display:none}.ic{color:#cbd8e9;background:0 0;border:0;border-radius:8px;place-items:center;width:44px;height:44px;display:grid}.ic:hover{background:#29262f}.sidebar-creator-sec{flex-direction:column;gap:8px;margin-bottom:4px;padding:0 0 14px;display:flex}:is(.shared-sidebar.collapsed .sidebar-creator-sec,.app-frame:has(.channel-page) .shared-sidebar .sidebar-creator-sec){display:none}.sidebar-creator-card{background:#1b2230;border:1px solid #2c3b5a;border-radius:8px;flex-direction:column;gap:12px;margin:0 2px;padding:12px;display:flex}.sidebar-creator-card-head{align-items:center;gap:10px;min-width:0;display:flex}.sidebar-creator-avatar{color:#fff;object-fit:cover;background:linear-gradient(145deg,#4a92ff,#25222d);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:800;display:flex}.sidebar-creator-avatar--live{box-shadow:0 0 0 2px #1b2230,0 0 0 4px #e74764}.sidebar-creator-card-t{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.sidebar-creator-card-t b{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.sidebar-creator-status{color:#a9a8b4;font-size:12px}.sidebar-creator-status.is-live{color:#ff8fa3;letter-spacing:.02em;font-weight:800}.sidebar-creator-card-actions{gap:8px;display:flex}.sidebar-creator-golive,.sidebar-creator-studio{text-align:center;white-space:normal;word-break:break-word;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:44px;padding:6px;font-family:inherit;font-size:12px;font-weight:800;line-height:1.2;text-decoration:none;display:inline-flex}.sidebar-creator-golive{background:linear-gradient(135deg,#69a8ff,var(--primary));color:#fff;box-shadow:0 5px 20px #4a92ff44}.sidebar-creator-golive:hover{filter:brightness(1.1)}.sidebar-creator-studio{color:#f7f7fa;background:0 0;border:1px solid #3a3744}.sidebar-creator-studio:hover{background:#29262f}.sidebar-quick-jump{border-top:1px solid #292731;flex-direction:column;gap:6px;margin-top:6px;padding-top:14px;display:flex}.sidebar-quick-jump label{color:#cbd8e9;font-size:13px;font-weight:700}.sidebar-quick-jump-row{gap:6px;display:flex}.sidebar-quick-jump-row input{box-sizing:border-box;color:#f7f7fa;background:#16141b;border:1px solid #3a3744;border-radius:6px;flex:1;min-width:0;height:44px;padding:0 10px;font-family:inherit;font-size:13px}.sidebar-quick-jump-row input::placeholder{color:#8e8d99}.sidebar-quick-jump-row input[aria-invalid=true]{border-color:#f25c73}.sidebar-quick-jump-row button{color:#f7f7fa;cursor:pointer;background:0 0;border:1px solid #3a3744;border-radius:6px;flex-shrink:0;min-width:44px;height:44px;padding:0 14px;font-family:inherit;font-size:13px;font-weight:700}.sidebar-quick-jump-row button:hover{background:#29262f}.sidebar-quick-jump-error{color:#f25c73;font-size:11px}
.app-frame{--rail-gutter:244px}.app-frame.rail-collapsed{--rail-gutter:58px}@media (max-width:850px){.app-frame,.app-frame.rail-collapsed{--rail-gutter:0px}}.app-frame>.browse-page{margin-left:var(--rail-gutter);transition:margin-left .2s}.install-prompt{z-index:50;background:#211f27;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:12px;width:min(430px,100vw - 32px);padding:12px 14px;display:flex;position:fixed;bottom:16px;right:16px;box-shadow:0 16px 48px #000a}.install-prompt p{color:#d9d6e0;flex:1;min-width:0;margin:0;font-size:13px;line-height:1.45}.install-prompt .primary-action,.install-prompt .link-action{flex:none}@media (max-width:760px){.install-prompt{left:12px;right:12px;bottom:calc(70px + env(safe-area-inset-bottom));width:auto}}