:root{--ink: #211b24;--muted: #6f6472;--paper: #fff7fb;--panel: #ffffff;--line: #eadce6;--coral: #ff6f8f;--teal: #0d8c86;--mint: #d9f4e8;--sun: #ffd36a;--berry: #7b5bd6;--sky: #e1f5ff;--surface: #fffdfd;--surface-warm: #fff3f7;--surface-cool: #f2fbf8;--surface-muted: #f7eef4;--accent: #d94b7b;--accent-soft: #ffe8f0;--accent-ink: #942950;--support: #0d8c86;--support-soft: #e7f8f4;--success: #16845f;--success-soft: #e6f7ef;--warning-ink: #72501b;--warning-soft: #fff5d8;--tag-bg: #fff0f5;--tag-border: #efcadb;--danger: #94433f;--danger-soft: #fff0ef;--live: #e53935;--live-soft: #ffe8e6;--live-ink: #9b1f1a;--radius: 8px;--shadow-soft: 0 10px 26px rgba(63, 34, 49, .07);--shadow-float: 0 18px 42px rgba(63, 34, 49, .14);--shadow: 0 22px 60px rgba(63, 34, 49, .14);--page-width: min(1180px, calc(100% - 36px) );--section-gap: 36px;--channel-pad: clamp(14px, 2vw, 20px);--channel-content-pad: clamp(14px, 2vw, 22px);--channel-gap: 14px;--channel-card-pad: 14px;--channel-card-border: var(--line)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button,a,input,select,textarea{transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--sun);outline-offset:3px}input:focus,select:focus,textarea:focus{border-color:#d94b7b6b;box-shadow:0 0 0 4px #d94b7b1a;outline:0}a{color:inherit;text-decoration:none}.topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;min-height:72px;padding:12px clamp(18px,4vw,56px);background:#fffdfdeb;border-bottom:1px solid rgba(234,220,230,.9);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.search-popover{position:absolute;top:calc(100% + 8px);left:0;z-index:30;display:grid;gap:10px;width:min(460px,calc(100vw - 36px));padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-float)}.nav-search input{width:100%;min-height:46px;padding:0 48px 0 12px;border:1px solid var(--line);border-radius:8px;background:#fff}.nav-search>button{position:absolute;top:50%;right:6px;display:grid;width:36px;height:36px;place-items:center;color:var(--muted);background:var(--surface-muted);border:1px solid transparent;border-radius:8px;font-size:1.1rem;font-weight:950;transform:translateY(-50%)}.nav-search>button:hover,.nav-search>button:focus-visible{color:#fff;background:var(--accent);outline:0}.search-results{display:grid;gap:8px}.search-results button,.search-results p{display:grid;gap:4px;margin:0;padding:12px;color:var(--ink);text-align:left;background:var(--surface-muted);border:1px solid transparent;border-radius:8px}.search-results button:hover,.search-results button:focus-visible{background:var(--accent-soft);border-color:#d94b7b2e;outline:0}.search-results span{color:var(--muted);font-size:.9rem}.brand{display:inline-flex;align-items:center;gap:10px}.brand-area{display:flex;align-items:center}.brand-mark{width:42px;height:42px;display:block;filter:drop-shadow(0 8px 14px rgba(25,25,25,.16))}.brand-wordmark{color:var(--accent-ink);font-size:1.12rem;font-weight:950;letter-spacing:0}.nav-center{display:flex;align-items:center;justify-content:center;gap:clamp(18px,3vw,34px);min-width:0}.nav{display:flex;justify-content:center;gap:clamp(14px,3vw,34px)}.nav a{color:var(--ink);font-weight:750}.nav a.active{color:var(--accent)}.nav-search{position:relative;width:min(360px,38vw);min-width:220px}.actions,.hero-controls,.hero-stats{display:flex;align-items:center;gap:10px}.actions .nav{margin-right:8px}.primary-button,.ghost-button,.follow-button,.icon-button,.category,.format-filter,.interaction-bar button{min-height:44px;border:0;border-radius:8px;font-weight:850}.primary-button{display:inline-grid;place-items:center;padding:0 18px;color:#fff;background:var(--accent);box-shadow:0 10px 22px #d94b7b2e}.primary-button:hover,.primary-button:focus-visible{background:var(--accent-ink)}.primary-button:disabled{cursor:wait;opacity:.68}.primary-button.large{min-height:52px;padding:0 24px}.ghost-button{display:inline-grid;min-height:52px;place-items:center;padding:0 20px;color:#fff;background:#fff3;border:1px solid rgba(255,255,255,.42);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.ghost-button:hover,.ghost-button:focus-visible{color:var(--ink);background:#ffffffe6;border-color:#ffffffb8}.icon-button{width:42px;color:var(--ink);background:#fff;border:1px solid var(--line)}.icon-button:hover,.icon-button:focus-visible{color:#fff;background:var(--accent);border-color:var(--accent)}.profile-menu{position:relative}.profile-trigger{display:grid;width:44px;height:44px;place-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 18px #1a181514}.profile-trigger[aria-expanded=true]{border-color:#d94b7b66;box-shadow:0 0 0 4px #d94b7b1a}.profile-icon{position:relative;display:block;width:22px;height:22px}.profile-icon:before,.profile-icon:after{content:"";position:absolute;left:50%;background:var(--ink);transform:translate(-50%)}.profile-icon:before{top:2px;width:8px;height:8px;border-radius:50%}.profile-icon:after{bottom:2px;width:18px;height:10px;border-radius:10px 10px 5px 5px}.profile-dropdown{position:absolute;top:calc(100% + 10px);right:0;z-index:40;display:grid;gap:6px;width:min(290px,calc(100vw - 36px));padding:10px;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-float)}.profile-dropdown button{display:grid;gap:3px;width:100%;padding:11px 12px;color:var(--ink);text-align:left;background:transparent;border:0;border-radius:8px}.profile-dropdown button:hover,.profile-dropdown button:focus-visible{background:var(--surface-muted)}.profile-dropdown strong{font-size:.95rem}.profile-dropdown span{color:var(--muted);font-size:.82rem;font-weight:700}.profile-dropdown .logout-item{margin-top:4px;color:var(--danger);font-weight:900;border-top:1px solid var(--line);border-radius:0 0 8px 8px}.hero{position:relative;min-height:min(720px,calc(100vh - 72px));overflow:hidden;display:flex;align-items:center;padding:clamp(42px,7vw,86px) clamp(20px,5vw,72px)}.hero img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#211b24e0,#211b2499 40%,#211b2414 76%),linear-gradient(0deg,rgba(33,27,36,.3),transparent 46%)}.hero-content{position:relative;z-index:1;width:min(680px,100%);color:#fff}.eyebrow{margin:0 0 10px;color:var(--accent);font-size:.78rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.hero .eyebrow{color:var(--sun)}h1,h2,h3,p{margin-top:0}h1{margin-bottom:14px;font-size:clamp(3.6rem,10vw,7.4rem);line-height:.94;letter-spacing:0}.hero-copy{max-width:600px;color:#ffffffe8;font-size:clamp(1rem,2vw,1.28rem);line-height:1.6}.hero-trust{display:flex;flex-wrap:wrap;gap:8px;max-width:660px;margin-top:18px}.hero-trust span{min-height:34px;display:inline-flex;align-items:center;padding:0 12px;color:#fff;background:#ffffff26;border:1px solid rgba(255,255,255,.26);border-radius:999px;font-size:.86rem;font-weight:850;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero-controls{margin-top:26px}.hero-stats{flex-wrap:wrap;margin-top:22px}.hero-stats span{min-width:130px;padding:12px 14px;color:#ffffffc7;background:#ffffff24;border:1px solid rgba(255,255,255,.2);border-radius:8px}.hero-stats strong{display:block;color:#fff;font-size:1.25rem}.trust-strip{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;width:var(--page-width);margin:-30px auto 0;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-float)}.trust-strip article{display:grid;gap:6px;min-height:118px;padding:20px}.trust-strip article+article{border-left:1px solid var(--line)}.trust-strip strong{font-size:1rem}.trust-strip span{color:var(--muted);line-height:1.5}.watch-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,330px);align-items:stretch;gap:0;width:var(--page-width);margin:var(--section-gap) auto;padding:clamp(14px,2vw,20px);background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-float)}.watch-layout.theater-mode{width:min(1180px,calc(100% - 36px));grid-template-columns:minmax(0,1fr) minmax(280px,340px)}.watch-layout.theater-mode .video-window{min-height:clamp(460px,58vw,780px)}.live-stage,.chat-panel,.queue-panel,.stream-card,.feature-band article,.pricing-grid article,.creator-strip{background:var(--surface);border:1px solid var(--line);border-radius:8px}.live-stage{min-width:0;overflow:hidden;padding:clamp(14px,2vw,22px);border:0;border-right:1px solid var(--line);border-radius:0;box-shadow:none}.stage-header,.panel-title,.creator-strip,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.status{display:flex;align-items:center;gap:8px;margin-bottom:6px;color:var(--muted);font-weight:750}.status span{width:10px;height:10px;background:var(--live);border-radius:50%;box-shadow:0 0 0 6px #e5393521}.status.offline span{background:#8f9299;box-shadow:0 0 0 6px #8f929921}.stage-header h2,.panel-title h2,.section-heading h2,.creator-strip h2{margin-bottom:0;font-size:clamp(1.35rem,3vw,2rem);letter-spacing:0}.active-stream-title{display:block;margin-top:4px;color:var(--muted);font-weight:850}.creator-stream-switcher{margin-top:14px;padding:12px;background:var(--surface-warm);border:1px solid var(--tag-border);border-radius:8px}.switcher-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.switcher-heading span{color:var(--muted);font-size:.9rem;font-weight:850}.creator-stream-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.creator-stream-tabs button{display:grid;gap:4px;padding:10px;color:var(--ink);text-align:left;background:#fff;border:1px solid var(--tag-border);border-radius:8px}.creator-stream-tabs button span{width:fit-content;padding:2px 7px;color:var(--live-ink);background:var(--live-soft);border-radius:999px;font-size:.72rem;font-weight:950}.creator-stream-tabs button.is-live{border-color:#e5393547;box-shadow:inset 3px 0 0 var(--live)}.creator-stream-tabs button.is-live span{color:#fff;background:var(--live)}.creator-stream-tabs button small{color:var(--muted);font-weight:800}.follow-button{padding:0 18px;color:#fff;background:var(--ink)}.follow-button.is-following{background:var(--accent)}.video-window{position:relative;min-height:clamp(340px,46vw,590px);margin-top:18px;overflow:hidden;background:linear-gradient(180deg,#fff7fb3d,#d94b7b33),linear-gradient(135deg,#2a2730,#0f8f8a 50%,#ffba5a);border-radius:8px}.video-link{display:block;width:100%;padding:0;border:0;text-align:left;cursor:pointer}.video-link:focus-visible{outline:3px solid var(--sun);outline-offset:4px}.channel-video{cursor:pointer}.channel-video:focus-visible{outline:3px solid var(--sun);outline-offset:4px}.video-window:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(transparent 0 78%,#00000047),repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 1px,transparent 1px 22px)}.stream-live-badge{position:absolute;top:16px;left:16px;z-index:3;display:flex;align-items:center;gap:8px;font-weight:900}.stream-live-badge span{padding:7px 10px;color:#fff;background:#9b1f1ae0;border-radius:999px;text-transform:uppercase}.stream-live-badge small{padding:7px 10px;color:#fff;background:#1f1d2375;border-radius:999px;font-size:.78rem;font-weight:850}.stream-live-badge.offline span,.stream-live-badge.offline small{background:#1f1d237a}.pet-scene{position:absolute;inset:auto 7% 8% 7%;z-index:1;height:72%}.cat,.dog{position:absolute;bottom:9%;border-radius:46% 46% 34% 34%;box-shadow:0 28px 70px #00000040}.cat{left:10%;width:min(260px,38vw);aspect-ratio:1 / .9;background:var(--tag-bg)}.dog{right:9%;width:min(300px,42vw);aspect-ratio:1 / .86;background:#8c583a}.ear{position:absolute;top:-14%;width:33%;aspect-ratio:1;background:inherit}.cat .ear{clip-path:polygon(50% 0,100% 100%,0 100%)}.dog .ear{top:2%;border-radius:70% 70% 45% 45%;background:#6b3f2b}.ear.left{left:10%;transform:rotate(-16deg)}.ear.right{right:10%;transform:rotate(16deg)}.face{position:absolute;top:0;right:0;bottom:0;left:0}.face i{position:absolute;top:36%;width:7%;aspect-ratio:1;background:#202020;border-radius:50%}.face i:first-child{left:34%}.face i:last-child{right:34%}.face:after{content:"";position:absolute;left:50%;top:52%;width:10%;aspect-ratio:1.4 / 1;transform:translate(-50%);background:#202020;border-radius:50%}.treat-bowl{position:absolute;left:44%;bottom:4%;width:15%;min-width:78px;aspect-ratio:2.2 / 1;background:var(--coral);border-radius:12px 12px 48px 48px;box-shadow:inset 0 12px #ffffff3d}.reaction-float{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.reaction-float span{position:absolute;right:9%;bottom:18%;z-index:4;color:#fff;font-size:2rem;font-weight:950;animation:floatUp 1.2s ease forwards}.player-controls{position:absolute;right:12px;bottom:12px;z-index:5;display:flex;align-items:center;gap:4px;width:fit-content;max-width:calc(100% - 24px);padding:6px;color:#fff;background:#0a0a0a85;border:1px solid rgba(255,255,255,.14);border-radius:8px;opacity:0;pointer-events:none;transform:translateY(6px);transition:opacity .16s ease,transform .16s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.video-window:hover .player-controls,.video-window:focus-within .player-controls{opacity:1;pointer-events:auto;transform:translateY(0)}.player-controls button{display:grid;width:32px;min-width:32px;height:32px;min-height:32px;place-items:center;padding:0;color:#fff;background:transparent;border:0;border-radius:6px;font-size:1rem;font-weight:850}.player-controls button:hover{background:#ffffff24}.volume-control{display:flex;align-items:center;gap:7px;width:92px;min-width:92px;padding:0 4px}.volume-control span{min-width:18px;color:#fffc;font-size:.68rem;font-weight:900;text-align:right}.volume-control input{width:58px;height:3px;accent-color:var(--sun)}@keyframes floatUp{0%{opacity:0;transform:translateY(20px) scale(.9)}18%{opacity:1}to{opacity:0;transform:translateY(-110px) scale(1.18)}}.interaction-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-top:14px}.interaction-bar button,.interaction-bar div{display:grid;grid-template-columns:auto 1fr;align-items:center;justify-content:center;gap:8px;min-width:0;padding:0 12px;color:var(--ink);background:var(--tag-bg);border:1px solid var(--tag-border)}.interaction-bar button span,.interaction-bar div span{display:grid;min-width:24px;place-items:center;font-size:1.12rem;line-height:1}.interaction-bar button small,.interaction-bar div small{overflow:hidden;font-size:.82rem;font-weight:900;line-height:1;text-overflow:ellipsis;white-space:nowrap}.interaction-hint{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0 0;padding:10px 12px;color:var(--warning-ink);background:var(--warning-soft);border:1px solid #f1d8a8;border-radius:8px;font-weight:800}.interaction-hint button{padding:0;color:var(--accent);background:transparent;border:0;font-weight:950;text-decoration:underline}.stream-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.stream-meta button{padding:8px 11px;color:var(--ink);background:var(--tag-bg);border:1px solid var(--tag-border);border-radius:8px;font-size:.9rem;font-weight:800}.stream-meta button:hover{color:#fff;background:var(--accent);border-color:var(--accent)}.next-timeline{display:grid;grid-column:1 / -1;gap:10px;min-width:0;max-width:100%;margin-top:0;padding:14px clamp(14px,2vw,22px);background:var(--surface);border:0;border-top:1px solid var(--line);border-radius:0}.channel-timeline{grid-column:1}.timeline-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.timeline-heading h2{margin-bottom:0;font-size:1rem}.timeline-heading span{color:var(--muted);font-size:.85rem;font-weight:850}.next-timeline ol{display:flex;gap:10px;min-width:0;max-width:100%;margin:0;padding:0 0 4px;overflow-x:auto;list-style:none;scroll-snap-type:x proximity}.next-timeline li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;flex:0 0 min(260px,78vw);padding:12px;background:var(--surface-warm);border:1px solid var(--tag-border);border-radius:8px;scroll-snap-align:start}.next-timeline li>span{color:var(--accent);font-weight:950}.next-timeline strong,.next-timeline small{display:block;min-width:0}.next-timeline small{margin-top:2px;color:var(--muted);font-weight:750}.side-panel{display:grid;gap:0;min-width:0;align-self:stretch;position:relative;overflow:hidden}.watch-layout .side-panel .chat-panel{position:absolute;top:92px;right:0;bottom:0;left:0;height:auto;max-height:none}.chat-panel,.queue-panel{padding:18px;border:0;border-radius:0}.chat-panel{height:100%;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto auto;min-width:0;overflow:hidden}.channel-chat{grid-template-rows:auto minmax(0,1fr) auto auto}.panel-title span{color:var(--muted);font-size:.85rem;font-weight:800}.verified-icon{display:grid;width:26px;height:26px;place-items:center;color:#fff;background:#2f7cf6;border:2px solid white;border-radius:8px;box-shadow:0 4px 12px #2f7cf647;clip-path:polygon(50% 0,85% 13%,100% 48%,82% 88%,50% 100%,18% 88%,0 48%,15% 13%);font-size:.78rem;font-weight:950}.verified-heading{display:flex;align-items:center;gap:8px}.chat-list{display:flex;flex-direction:column;gap:10px;min-height:0;padding:0 0 18px;overflow-y:auto;overscroll-behavior:auto}.teaser-chat{align-content:start;gap:12px;grid-template-rows:minmax(0,1fr) auto auto;height:100%}.teaser-chat .chat-list{min-height:auto;padding:0;overflow:visible}.watch-layout .side-panel .teaser-chat{top:92px;right:0;bottom:0;left:0;height:auto;max-height:none}.teaser-support{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;padding:10px 12px;color:var(--ink);background:var(--surface-warm);border:1px solid var(--tag-border);border-radius:8px}.teaser-support span{font-size:.78rem;font-weight:950;text-transform:uppercase}.teaser-support small{color:var(--muted);font-weight:850}.chat-list p{margin:0;padding:12px;line-height:1.45;background:var(--surface-muted);border-radius:8px}.chat-list .system-message{background:var(--accent-soft)}.chat-reactions{display:flex;gap:8px;flex-wrap:nowrap;flex-shrink:0;padding:10px 0;overflow-x:auto;overflow-y:hidden}.chat-reactions button{display:grid;flex:0 0 38px;width:38px;height:38px;place-items:center;color:var(--ink);background:var(--surface-warm);border:1px solid var(--tag-border);border-radius:8px;font-size:1.1rem;font-weight:950}.chat-reactions button:hover{color:#fff;background:var(--accent);border-color:var(--accent)}.chat-form{display:grid;grid-template-columns:1fr 46px;flex-shrink:0;gap:8px}.chat-form input{min-width:0;height:46px;padding:0 13px;border:1px solid var(--line);border-radius:8px}.chat-form button{color:#fff;background:var(--accent);border:0;border-radius:8px}.queue-list{display:grid;gap:12px;margin:16px 0 0;padding:0;list-style:none}.queue-list li{display:grid;grid-template-columns:58px 1fr;gap:10px;color:var(--ink);line-height:1.35}.queue-list li div{display:grid;gap:3px}.queue-list small{color:var(--muted);font-weight:750}.queue-list span{color:var(--accent);font-weight:900}.next-sessions{display:grid;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.next-sessions h3{margin-bottom:2px;font-size:1rem}.next-sessions article{display:grid;gap:4px;padding:12px;background:var(--tag-bg);border-radius:8px}.next-sessions strong{color:var(--ink)}.next-sessions span{color:var(--muted);font-size:.9rem;font-weight:750}.live-preview-section,.category-directory,.personal-rail,.feature-band,.creator-strip,.pricing-band{margin:0 auto;width:var(--page-width);content-visibility:auto;contain-intrinsic-size:700px}.live-preview-section,.category-directory,.personal-rail,.pricing-band{padding:48px 0 20px}.personal-rail{padding-top:34px}.personal-rail .stream-row{padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:8px}.section-heading{align-items:end;margin-bottom:18px}.section-heading p{max-width:420px;margin-bottom:0;color:var(--muted);line-height:1.55}.filter-panel{display:grid;gap:18px}.filter-group{display:grid;gap:10px}.filter-group h3{margin-bottom:0;font-size:1rem}.category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.category,.format-filter{min-width:0;padding:0 10px;color:var(--ink);background:#fff;border:1px solid var(--line)}.category.active,.format-filter.active{color:#fff;background:var(--accent);border-color:var(--accent)}.category:hover,.category:focus-visible,.format-filter:hover,.format-filter:focus-visible{border-color:#d94b7b42;box-shadow:inset 0 0 0 1px #d94b7b14}.format-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.format-filter{display:grid;gap:4px;min-height:86px;padding:12px;text-align:left}.format-filter strong{font-size:.98rem}.format-filter span{color:var(--muted);font-size:.82rem;font-weight:650;line-height:1.35}.format-filter.active span{color:#ffffffc7}.live-preview-grid,.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.live-preview-grid{padding-bottom:30px}.stream-card{display:grid;grid-template-rows:auto auto auto 1fr;overflow:hidden;width:100%;min-height:100%;padding:0;color:inherit;text-align:left;transition:transform .18s ease,box-shadow .18s ease}.stream-card:hover{transform:translateY(-3px);box-shadow:0 18px 36px #3f22311f}.stream-card:focus-visible{transform:translateY(-2px);box-shadow:0 18px 36px #3f223124}.stream-card small{display:block;padding:0 18px 18px;color:var(--muted);line-height:1.45}.empty-streams{grid-column:1 / -1;margin:0;padding:20px;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:8px}.row-empty{flex:0 0 min(340px,82vw)}.category-shelves{display:grid;gap:26px;margin-top:26px}.category-shelf{display:grid;gap:12px}.shelf-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.shelf-heading button{margin-bottom:0;padding:0;color:var(--ink);background:transparent;border:0;font-size:clamp(1.35rem,3vw,2rem);font-weight:850;text-align:left}.shelf-heading button:hover{color:var(--accent)}.shelf-heading span{color:var(--muted);font-weight:850}.stream-row{display:flex;gap:18px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x proximity}.stream-row .stream-card{flex:0 0 min(340px,82vw);scroll-snap-align:start}.compact-card .thumb{aspect-ratio:16 / 9}.stream-card h3{margin:15px 16px 6px;font-size:1.1rem}.stream-card p{margin:0 16px 6px;color:var(--muted)}.thumb{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:var(--mint);background-size:130% 130%;background-position:center;transition:background-position .28s ease}.thumb:before,.thumb:after{content:"";position:absolute;transition:transform .26s ease,opacity .22s ease}.thumb:before{z-index:1}.thumb:after{z-index:0}.thumb span{position:absolute;top:12px;left:12px;z-index:1;padding:6px 9px;color:#fff;background:var(--live);border-radius:8px;font-size:.75rem;font-weight:950}.thumb span.offline{color:var(--ink);background:#ffffffdb}.thumb em{position:absolute;right:12px;bottom:12px;z-index:2;padding:6px 9px;color:#fff;background:#00000085;border-radius:8px;font-size:.75rem;font-style:normal;font-weight:900;opacity:0;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease}.stream-card:hover .thumb:before{opacity:.9;transform:translate(8px,-5px) scale(1.04)}.stream-card:hover .thumb:after{opacity:.7;transform:translate(-8px,4px) scale(1.08)}.stream-card:hover .thumb{background-position:60% center}.stream-card:hover .thumb em{opacity:1;transform:translateY(0)}.cat-one{background:radial-gradient(circle at 72% 24%,rgba(255,255,255,.55) 0 10%,transparent 11%),linear-gradient(135deg,#ffd166,#f6a6c1)}.dog-one{background:radial-gradient(circle at 24% 22%,rgba(255,255,255,.55) 0 12%,transparent 13%),linear-gradient(135deg,#a4d8ff,#30b197)}.rabbit-one{background:radial-gradient(circle at 76% 28%,rgba(255,255,255,.65) 0 12%,transparent 13%),linear-gradient(135deg,#f4eee6,#bda8ff)}.fish-one{background:radial-gradient(circle at 20% 28%,rgba(255,255,255,.35) 0 9%,transparent 10%),linear-gradient(135deg,#0093a8,#9df2ff)}.farm-one{background:radial-gradient(circle at 78% 24%,rgba(255,255,255,.55) 0 10%,transparent 11%),linear-gradient(135deg,#a7d676,#f5b461)}.cat-two{background:radial-gradient(circle at 24% 24%,rgba(255,255,255,.2) 0 10%,transparent 11%),linear-gradient(135deg,#20232b,#ff8a65)}.cat-one:before,.cat-two:before{left:23%;bottom:18%;width:34%;aspect-ratio:1.25 / 1;background:#fff8ee;border-radius:48% 48% 38% 38%;box-shadow:42px -8px 0 -14px #fff8ee,74px 15px 0 -24px #19191938}.cat-one:after,.cat-two:after{left:27%;bottom:49%;width:11%;aspect-ratio:1;background:#fff8ee;clip-path:polygon(50% 0,100% 100%,0 100%);box-shadow:42px 0 #fff8ee}.dog-one:before{left:26%;bottom:17%;width:36%;aspect-ratio:1.5 / 1;background:#7b4b35;border-radius:44% 48% 36% 36%;box-shadow:48px -2px 0 -14px #7b4b35,78px 18px 0 -24px #19191938}.dog-one:after{left:27%;bottom:45%;width:13%;aspect-ratio:.72 / 1;background:#5e3828;border-radius:70% 70% 45% 45%;box-shadow:48px 0 #5e3828}.rabbit-one:before{left:28%;bottom:16%;width:34%;aspect-ratio:1.2 / 1;background:#fff;border-radius:52% 52% 38% 38%;box-shadow:40px 1px 0 -15px #fff,70px 18px 0 -24px #1919192e}.rabbit-one:after{left:32%;bottom:50%;width:8%;aspect-ratio:.38 / 1;background:#fff;border-radius:80% 80% 40% 40%;transform:rotate(-8deg);box-shadow:22px -2px #fff}.fish-one:before{left:26%;bottom:31%;width:42%;aspect-ratio:2 / 1;background:#ffd166;border-radius:50%;clip-path:polygon(0 50%,14% 10%,100% 10%,82% 50%,100% 90%,14% 90%)}.fish-one:after{left:62%;bottom:38%;width:5%;aspect-ratio:1;background:#191919;border-radius:50%;box-shadow:-26px 12px 0 -7px #ffffffb8,-52px -18px 0 -7px #ffffff70}.farm-one:before{left:26%;bottom:16%;width:38%;aspect-ratio:1.45 / 1;background:#fff8ee;border-radius:46% 48% 36% 36%;box-shadow:50px -5px 0 -15px #fff8ee,80px 17px 0 -25px #1919192e}.farm-one:after{left:30%;bottom:48%;width:13%;aspect-ratio:1;background:#8c583a;clip-path:polygon(50% 0,100% 100%,0 100%);box-shadow:36px 0 #8c583a}.feature-band{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:48px 0 28px}.feature-lead{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);align-items:end;gap:24px;padding:clamp(24px,4vw,36px);background:linear-gradient(135deg,var(--surface-warm),var(--accent-soft));border:1px solid var(--line);border-left:6px solid var(--accent);border-radius:8px}.feature-lead h2{margin-bottom:0;font-size:clamp(2rem,5vw,3.6rem);line-height:1}.feature-lead p{margin-bottom:0;color:var(--muted);line-height:1.6}.feature-band article,.pricing-grid article{padding:22px}.feature-band article{min-height:210px;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-soft)}.feature-band article:hover{border-color:var(--tag-border);box-shadow:var(--shadow-float)}.feature-band span{display:inline-grid;width:38px;height:38px;place-items:center;margin-bottom:18px;color:#fff;background:var(--accent);border-radius:8px;font-size:.95rem;font-weight:900}.feature-band h3,.pricing-grid h3{margin-bottom:10px;font-size:1.28rem}.feature-band p,.pricing-grid p{margin-bottom:0;color:var(--muted);line-height:1.55}.creator-strip{margin-bottom:20px;padding:clamp(20px,4vw,34px);background:#191919;color:#fff}.creator-strip p{max-width:420px;margin-bottom:0;color:#ffffffb8;line-height:1.55}.pricing-band{padding-bottom:56px}.pricing-grid article{min-height:190px}.pricing-grid strong{display:block;margin-bottom:12px;font-size:2rem}.pricing-grid .featured{color:#fff;background:var(--accent);border-color:var(--accent)}.pricing-grid .featured p{color:#fffc}.content-page{width:var(--page-width);margin:0 auto;padding:clamp(36px,6vw,72px) 0 64px}.channel-page{width:min(1440px,calc(100% - 28px));margin:0 auto;padding:clamp(14px,2vw,22px) 0 40px}.channel-layout{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,420px);align-items:stretch;gap:var(--channel-gap);min-height:calc(100vh - 112px);padding:var(--channel-card-pad);background:var(--surface);border:1px solid var(--channel-card-border);border-radius:var(--radius);box-shadow:0 18px 48px #3f22311a}.channel-layout:before{display:none;content:none}.channel-layout.theater-mode:before{display:none}.channel-layout .live-stage{grid-column:1;grid-row:1;display:grid;grid-template-rows:minmax(280px,1fr) auto auto auto auto;min-height:0;padding:0;overflow:visible;border-right:0;border-bottom:0}.channel-layout.theater-mode{grid-template-columns:minmax(0,1fr) minmax(320px,380px)}.channel-layout.theater-mode .video-window{min-height:clamp(360px,52vh,680px)}.channel-layout .channel-video{min-height:min(54vh,620px);margin-top:0;border-radius:var(--radius)}.channel-layout .creator-stream-switcher,.channel-layout .channel-action-bar,.channel-layout .support-dock,.channel-layout .support-popover,.channel-layout .interaction-dock,.channel-layout .play-session-popover,.channel-layout .interaction-hint{margin-right:var(--channel-content-pad);margin-left:var(--channel-content-pad)}.channel-modules{grid-column:1;grid-row:3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--channel-gap);margin-top:var(--channel-gap)}.channel-modules .queue-panel{padding:var(--channel-card-pad);border:1px solid var(--channel-card-border);border-radius:var(--radius)}.channel-about-card{grid-column:1 / -1;min-height:260px}.channel-about-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.72fr);gap:var(--channel-gap);margin-top:var(--channel-gap)}.channel-about-copy{display:grid;align-content:start;gap:var(--channel-gap)}.channel-about-facts{display:flex;flex-wrap:wrap;gap:8px}.channel-about-facts span{padding:7px 9px;color:var(--accent-ink);background:var(--accent-soft);border:1px solid var(--tag-border);border-radius:999px;font-size:.8rem;font-weight:850}.channel-about-gallery{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:8px;min-height:210px}.channel-about-gallery figure{position:relative;min-height:96px;overflow:hidden;background:linear-gradient(135deg,#fff0f7e6,#e8f9f6eb),var(--surface-warm);border:1px solid var(--channel-card-border);border-radius:var(--radius)}.channel-about-gallery figure:first-child{grid-row:1 / -1}.channel-about-gallery span{position:absolute;top:14px;right:14px;bottom:14px;left:14px;background:radial-gradient(circle at 32% 38%,rgba(33,27,36,.16) 0 12%,transparent 13%),radial-gradient(circle at 68% 48%,rgba(217,75,123,.2) 0 16%,transparent 17%),linear-gradient(135deg,#ffffff73,#fff0);border-radius:var(--radius)}.channel-about-gallery figcaption{position:absolute;right:8px;bottom:8px;padding:5px 7px;color:var(--ink);background:#ffffffd1;border:1px solid var(--channel-card-border);border-radius:999px;font-size:.72rem;font-weight:900}.channel-chat{grid-column:2;grid-row:1;position:sticky;top:84px;margin-top:0;align-self:stretch;height:calc(100vh - 112px);min-height:0;max-height:calc(100vh - 112px);overflow:hidden;border:1px solid var(--channel-card-border);border-radius:var(--radius);box-shadow:var(--shadow-soft)}.channel-chat-title{align-items:flex-start;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--channel-card-border)}.chat-report-button{min-height:32px;padding:0 10px;color:var(--muted);background:var(--surface-warm);border:1px solid var(--channel-card-border);border-radius:var(--radius);font-size:.78rem;font-weight:850}.chat-report-button:hover,.chat-report-button:focus-visible{color:var(--ink);border-color:var(--accent)}.stream-count-pill{min-height:34px;padding:0 10px;color:var(--accent-ink);background:var(--accent-soft);border:1px solid rgba(217,75,123,.22);border-radius:999px;font-size:.78rem;font-weight:950;white-space:nowrap}.creator-summary .stream-count-pill{width:fit-content;margin:0}.channel-overview-card{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(320px,1.1fr) auto;align-items:start;gap:var(--channel-gap);margin:var(--channel-gap) var(--channel-content-pad) 0;padding:var(--channel-card-pad);background:linear-gradient(135deg,#fff8fbfa,#f6fcfbfa);border:1px solid var(--channel-card-border);border-radius:var(--radius)}.channel-overview-card.without-actions{grid-template-columns:minmax(260px,.9fr) minmax(320px,1.1fr)}.channel-overview-main{display:grid;grid-template-columns:58px minmax(0,1fr);gap:12px;min-width:0}.channel-overview-copy{display:grid;gap:5px;min-width:0}.channel-overview-copy .status{margin-bottom:0}.channel-title-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}.channel-overview-copy h1{margin:0;font-size:clamp(1.35rem,2.2vw,2rem);line-height:1.08}.channel-overview-copy p:not(.status),.channel-overview-stream p{margin:0;color:var(--muted);line-height:1.45}.channel-overview-copy .follow-button{min-height:32px;padding:0 11px;color:var(--accent-ink);background:var(--accent-soft);border:1px solid var(--tag-border);border-radius:999px;box-shadow:none;font-size:.78rem;white-space:nowrap}.channel-overview-copy .follow-button:hover,.channel-overview-copy .follow-button:focus-visible{color:#fff;background:var(--accent);border-color:var(--accent)}.channel-overview-copy .follow-button.is-following{color:var(--muted);background:#fff;border-color:var(--line)}.channel-overview-stream{display:grid;gap:8px;min-width:0}.channel-overview-stream h2{margin:0;font-size:clamp(1.15rem,1.8vw,1.55rem);line-height:1.14}.channel-overview-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.channel-overview-actions button{min-height:38px}.support-dock,.interaction-dock{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--channel-gap);margin-top:var(--channel-gap);padding:var(--channel-card-pad);background:var(--surface-warm);border:1px solid var(--channel-card-border);border-radius:var(--radius)}.channel-action-bar{display:flex;flex-wrap:wrap;gap:var(--channel-gap);align-items:center;justify-content:space-between;margin-top:var(--channel-gap);padding:var(--channel-card-pad);background:var(--surface);border:1px solid var(--channel-card-border);border-radius:var(--radius)}.channel-action-buttons{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.channel-action-buttons button{min-height:40px;padding:0 12px;color:var(--ink);background:var(--surface-warm);border:1px solid var(--channel-card-border);border-radius:var(--radius);font-weight:900}.channel-action-buttons button.active,.channel-action-buttons button:hover,.channel-action-buttons button:focus-visible{color:#fff;background:var(--accent);border-color:var(--accent);outline:0}.interaction-dock{background:var(--surface-cool);border-color:var(--channel-card-border)}.support-copy{display:grid;gap:4px;min-width:0}.support-copy .eyebrow{margin-bottom:0}.support-copy span{color:var(--muted);line-height:1.4}.support-tabs{display:flex;align-items:center;gap:8px}.support-tabs button,.interaction-dock>button{min-height:40px;padding:0 12px;color:var(--ink);background:#fff;border:1px solid var(--channel-card-border);border-radius:var(--radius);font-weight:900}.support-tabs button.active,.support-tabs button:hover,.interaction-dock>button.active,.interaction-dock>button:hover{color:#fff;background:var(--accent);border-color:var(--accent)}.play-session-popover,.support-popover{display:grid;gap:var(--channel-gap);margin-top:var(--channel-gap);padding:var(--channel-card-pad);background:var(--surface-warm);border:1px solid var(--channel-card-border);border-radius:var(--radius);box-shadow:0 18px 42px #1a18151f}.play-session-popover label{display:grid;gap:7px;color:var(--ink);font-weight:850}.play-session-popover select{min-height:42px;padding:0 12px;color:var(--ink);background:#fff;border:1px solid var(--channel-card-border);border-radius:var(--radius)}.play-session-popover p,.support-popover p{margin-bottom:0;color:var(--muted);line-height:1.4}.donation-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.donation-options button{min-height:40px;color:var(--ink);background:#fff;border:1px solid var(--tag-border);border-radius:8px;font-weight:900}.donation-options button.active{color:#fff;background:var(--accent);border-color:var(--accent)}.support-popover .primary-button{min-height:42px}.subscription-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.subscription-options button{display:grid;gap:4px;min-height:70px;padding:10px;color:var(--ink);text-align:left;background:#fff;border:1px solid var(--tag-border);border-radius:8px}.subscription-options span{color:var(--accent-ink);font-weight:950}.safety-list{display:grid;gap:8px;margin:14px 0 0;padding-left:18px;color:var(--muted);line-height:1.5}.clip-list{display:grid;gap:10px;margin-top:14px}.clip-list button{display:grid;gap:4px;padding:12px;color:var(--ink);text-align:left;background:var(--surface-warm);border:1px solid var(--channel-card-border);border-radius:var(--radius)}.clip-list span{color:var(--muted);font-weight:750}.channel-info-bar{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,390px);align-items:stretch;gap:0;margin-bottom:0;padding-bottom:var(--channel-pad);border-bottom:1px solid var(--line)}.creator-summary,.stream-summary{min-width:0;padding:16px;background:var(--surface-warm);border:1px solid var(--tag-border);border-radius:8px}.creator-summary{display:grid;grid-template-columns:58px minmax(0,1fr);gap:12px;align-items:center}.creator-summary>div:last-child{display:grid;align-content:center;gap:6px;min-width:0}.creator-summary .eyebrow,.stream-summary .status{margin-bottom:0}.creator-summary .verified-heading{flex-wrap:wrap;margin:0}.creator-summary .follow-button{width:fit-content;min-height:38px;margin-top:2px}.stream-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start;background:var(--surface-cool);border-color:#d94b7b33;border-right:0;border-radius:8px 0 0 8px}.creator-summary{border-radius:0 8px 8px 0}.channel-avatar{display:grid;width:58px;height:58px;place-items:center;color:#fff;background:var(--ink);border-radius:8px;font-weight:950;box-shadow:inset 0 -10px 18px #ffffff0f}.channel-info-bar h1{margin-bottom:4px;font-size:clamp(1.25rem,2vw,1.7rem)}.stream-summary h2{margin:0 0 5px;font-size:clamp(1.25rem,2.2vw,1.8rem);line-height:1.15}.stream-summary p:not(.status){margin-bottom:10px;color:var(--muted);line-height:1.45}.stream-summary-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px}.stream-summary-meta small{padding:5px 8px;color:var(--muted);background:#ffffffd1;border:1px solid rgba(217,75,123,.14);border-radius:999px;font-weight:850}.channel-tags{display:flex;flex-wrap:wrap;gap:8px}.channel-tags button{padding:6px 9px;color:var(--ink);background:var(--tag-bg);border:1px solid var(--tag-border);border-radius:8px;font-size:.82rem;font-weight:850}.channel-tags button:hover,.channel-tags button:focus-visible{color:#fff;background:var(--accent);outline:0}.channel-panel-copy{margin:0;color:var(--muted);line-height:1.55}.creator-stream-actions{display:flex;justify-content:flex-end}.creator-stream-actions button,.stream-start-button,.stream-stop-button{min-height:40px;padding:0 14px;color:var(--ink);background:#fff;border:1px solid var(--tag-border);border-radius:8px;font-weight:900}.creator-stream-actions button.primary,.stream-start-button{color:#fff;background:var(--accent);border-color:var(--accent)}.stream-stop-button{color:#fff;background:var(--danger);border-color:var(--danger)}.session-queue,.creator-toys{display:grid;gap:8px;margin:12px 0 0;padding:0;list-style:none}.session-actions{display:flex;gap:8px;margin-top:8px}.session-actions button{min-height:34px;padding:0 10px;color:var(--ink);background:var(--surface-warm);border:1px solid var(--tag-border);border-radius:8px;font-size:.82rem;font-weight:900}.session-actions button:first-child{color:#fff;background:var(--accent);border-color:var(--accent)}.session-queue li,.creator-toys span{display:grid;gap:4px;padding:10px;background:var(--surface-muted);border-radius:8px}.session-queue li.active{color:#fff;background:var(--accent)}.session-queue span{color:var(--muted);font-size:.9rem;font-weight:750}.session-queue li.active span{color:#ffffffc7}.content-hero{min-height:390px;display:grid;align-content:end;margin-bottom:24px;padding:clamp(24px,5vw,48px);color:#fff;background:linear-gradient(90deg,#191919db,#19191975),url(../assets/cuties-pet-hero.png) center / cover;border-radius:8px}.content-hero h1{max-width:820px;margin-bottom:16px;font-size:clamp(3rem,7vw,5.8rem)}.content-hero p{max-width:680px;color:#ffffffdb;font-size:1.1rem;line-height:1.65}.page-highlights{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.page-highlights span{padding:10px 12px;color:#fff;background:#ffffff29;border:1px solid rgba(255,255,255,.24);border-radius:8px;font-weight:850}.subpage-grid{width:100%;padding-bottom:0}.about-intro-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px}.about-intro-grid article{padding:clamp(22px,4vw,34px);background:var(--surface);border:1px solid var(--line);border-radius:8px}.about-intro-grid h2{margin-bottom:12px;font-size:clamp(1.8rem,4vw,3rem);line-height:1}.about-intro-grid p:not(.eyebrow),.about-intro-grid li{color:var(--muted);line-height:1.6}.about-intro-grid ul{display:grid;gap:8px;margin:18px 0 0;padding-left:20px}.about-flow{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:18px;margin:18px 0;padding:clamp(22px,4vw,34px);background:var(--surface-warm);border:1px solid var(--tag-border);border-radius:8px}.about-flow h2{margin-bottom:0;font-size:clamp(1.8rem,4vw,3rem);line-height:1}.about-flow ol{display:grid;gap:12px;margin:0;padding:0;list-style:none}.about-flow li{display:grid;gap:4px;padding:14px;background:var(--surface);border:1px solid var(--tag-border);border-radius:8px}.about-flow strong{font-size:1rem}.about-flow span{color:var(--muted);line-height:1.5}.about-pricing{margin-top:18px}.about-pricing-heading{max-width:720px;margin-top:clamp(24px,5vw,42px)}.about-pricing-heading h2{margin-bottom:10px;font-size:clamp(1.8rem,4vw,3rem);line-height:1}.about-pricing-heading p:last-child{margin-bottom:0;color:var(--muted);line-height:1.6}.subpage-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.subpage-columns article{min-height:260px;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:8px}.subpage-columns span{display:grid;width:48px;height:48px;place-items:center;margin-bottom:22px;color:#fff;background:var(--accent);border-radius:8px;font-size:1.35rem;font-weight:900}.subpage-columns h2{margin-bottom:10px}.subpage-columns p{color:var(--muted);line-height:1.55}.subpage-strip{width:100%;margin-bottom:0}.signup-page{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:28px;width:min(1180px,calc(100% - 36px));margin:0 auto;padding:clamp(36px,6vw,72px) 0 64px}.profile-page{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:clamp(36px,6vw,72px) 0 64px}.profile-header{display:grid;grid-template-columns:72px 1fr;align-items:center;gap:18px;margin-bottom:18px;padding:clamp(22px,4vw,34px);color:#fff;background:linear-gradient(90deg,#211b24e6,#d94b7bad),url(../assets/signup-fan.png) center / cover;border-radius:8px}.profile-header .channel-avatar{width:72px;height:72px;background:var(--accent)}.profile-header h1{margin-bottom:6px;font-size:clamp(2.2rem,5vw,4rem)}.profile-header p:not(.eyebrow){margin-bottom:0;color:#fffc}.profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.followed-list{display:grid;gap:10px;margin-top:14px}.followed-list article{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:8px;align-items:stretch}.followed-list button{min-width:0;color:var(--ink);background:var(--surface-warm);border:1px solid var(--tag-border);border-radius:8px}.followed-list article>button:first-child{display:grid;gap:4px;padding:12px;text-align:left}.followed-list article.is-live>button:first-child{background:linear-gradient(135deg,var(--surface-warm),var(--accent-soft));border-color:#d94b7b38;box-shadow:inset 3px 0 0 var(--accent)}.followed-list article.is-offline{opacity:.78}.followed-list article.is-offline>button:first-child{background:var(--surface-muted)}.followed-list article>button:last-child{display:grid;place-items:center;color:var(--muted);font-size:1.2rem;font-weight:900}.followed-list article>button:last-child:hover{color:#fff;background:var(--danger);border-color:var(--danger)}.followed-list span,.followed-list small,.empty-profile-state p{color:var(--muted)}.followed-channel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.followed-channel-heading small{flex:0 0 auto;padding:4px 7px;color:var(--muted);background:var(--surface-muted);border-radius:999px;font-size:.68rem;font-weight:950}.followed-list article.is-live .followed-channel-heading small{color:#fff;background:var(--accent)}.followed-list span,.followed-list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.followed-list small{font-weight:750}.empty-profile-state{display:grid;gap:12px;margin-top:14px}.empty-profile-state .primary-button{min-height:42px;justify-self:start}.payment-methods,.support-history,.notification-settings{display:grid;gap:10px;margin-top:14px}.payment-methods span,.support-history span{padding:11px 12px;color:var(--ink);background:var(--surface-warm);border:1px solid var(--tag-border);border-radius:8px;font-weight:850}.notification-settings label{display:flex;align-items:center;gap:8px;color:var(--muted);line-height:1.35}.creator-studio-card{grid-column:span 2}.creator-studio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.creator-studio-grid label{display:grid;gap:6px;color:var(--muted);font-weight:850}.creator-studio-grid input,.creator-studio-grid select,.creator-studio-grid textarea{width:100%;min-height:42px;padding:10px 12px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:8px}.stream-start-board,.creator-session-board{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.stream-start-board h3,.creator-session-board h3{margin:0;font-size:1rem}.creator-stream-list{display:grid;gap:10px;margin-top:12px}.creator-stream-list article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;background:var(--surface-muted);border:1px solid transparent;border-radius:8px}.creator-stream-list article.is-live{background:var(--accent-soft);border-color:#2088773d}.creator-stream-meta{display:grid;gap:4px;padding:0;color:var(--ink);text-align:left;background:transparent;border:0}.creator-stream-meta span,.creator-stream-meta small{color:var(--muted);font-weight:800}.stream-create-title{margin-top:16px}.stream-start-grid{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(140px,.8fr) minmax(160px,.8fr) auto;gap:10px;align-items:end;margin-top:12px}.stream-start-grid label{display:grid;gap:6px;color:var(--muted);font-weight:850}.stream-start-grid input,.stream-start-grid select{min-height:42px;padding:10px 12px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:8px}.stream-description-input{grid-column:1 / -1}.payment-methods button{min-height:42px;color:#fff;background:var(--accent);border:0;border-radius:8px;font-weight:900}.mini-player{position:fixed;right:clamp(14px,3vw,28px);bottom:clamp(14px,3vw,28px);z-index:60;display:grid;grid-template-columns:148px minmax(0,1fr) 34px;gap:10px;align-items:center;width:min(410px,calc(100vw - 28px));padding:10px;background:var(--surface);border:1px solid var(--channel-card-border);border-radius:var(--radius);box-shadow:var(--shadow)}.mini-video{position:relative;display:grid;min-height:84px;align-content:end;overflow:hidden;padding:10px;color:#fff;text-align:left;background-size:130% 130%;border:0;border-radius:var(--radius)}.mini-video:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(transparent 0 42%,#0000008f)}.mini-video span,.mini-video strong{position:relative;z-index:1}.mini-video span{justify-self:start;margin-bottom:16px;padding:4px 7px;background:var(--live);border-radius:999px;font-size:.66rem;font-weight:950}.mini-video strong{overflow:hidden;font-size:.84rem;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.mini-player-meta{min-width:0}.mini-player-meta p,.mini-player-meta strong,.mini-player-meta small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-player-meta p{margin-bottom:2px;font-weight:950}.mini-player-meta strong{display:block;margin-bottom:3px;color:var(--ink);font-size:.86rem;line-height:1.2}.mini-player-meta small{display:block;color:var(--muted);font-weight:750}.mini-close{display:grid;width:34px;height:34px;place-items:center;color:var(--muted);background:var(--surface-muted);border:0;border-radius:var(--radius);font-size:1.2rem;font-weight:900}.mini-close:hover{color:#fff;background:var(--danger)}.browse-page{width:var(--page-width);margin:0 auto;padding:var(--section-gap) 0 64px}.browse-header{display:grid;gap:8px;margin-bottom:22px}.browse-header h1{max-width:760px;font-size:clamp(3rem,8vw,6rem);line-height:.98}.browse-header .eyebrow{margin-bottom:0}.browse-layout{display:grid;grid-template-columns:minmax(240px,280px) minmax(0,1fr);align-items:start;gap:18px}.browse-filters{position:sticky;top:92px;display:grid;gap:12px;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:8px}.filter-panel-heading,.browse-results-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.filter-panel-heading strong{font-size:1.05rem}.filter-panel-heading button{padding:0;color:var(--accent);background:transparent;border:0;font-weight:900}.browse-filters label{display:grid;gap:8px;color:var(--ink);font-weight:850}.browse-filters input,.browse-filters select{min-width:0;min-height:48px;padding:0 12px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:8px}.browse-results-panel{display:grid;gap:16px;min-width:0}.browse-results-heading{padding:18px;background:linear-gradient(135deg,var(--surface),var(--surface-warm));border:1px solid var(--line);border-radius:8px}.browse-results-heading .eyebrow{margin-bottom:4px}.browse-results-heading h2{margin-bottom:0;font-size:clamp(1.35rem,3vw,2rem)}.active-filter-chips{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;min-width:0}.active-filter-chips button{min-height:38px;padding:0 10px;color:var(--ink);background:var(--tag-bg);border:1px solid var(--tag-border);border-radius:8px;font-size:.82rem;font-weight:850}.active-filter-chips span{color:var(--accent);font-weight:950}.browse-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.signup-intro,.signup-form{background:var(--surface);border:1px solid var(--line);border-radius:8px}.signup-intro{min-height:620px;padding:clamp(24px,4vw,42px);color:#fff;background:linear-gradient(180deg,#211b241f,#211b24c7),var(--signup-image) center / cover}.signup-intro h1{max-width:580px;margin-bottom:18px;font-size:clamp(3.1rem,7vw,5.6rem);overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.signup-intro p{max-width:540px;color:#ffffffdb;font-size:1.08rem;line-height:1.65}.signup-highlights{display:grid;gap:10px;margin-top:28px}.signup-highlights span{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:10px;max-width:360px;padding:12px;background:#ffffff29;border:1px solid rgba(255,255,255,.24);border-radius:8px}.signup-highlights strong{display:grid;width:28px;height:28px;place-items:center;color:var(--ink);background:var(--sun);border-radius:8px}.signup-form{align-self:start;padding:clamp(22px,4vw,34px)}.auth-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:22px;padding:4px;background:var(--surface-muted);border-radius:8px}.auth-tabs button{min-height:44px;color:var(--muted);background:transparent;border:0;border-radius:8px;font-weight:900}.auth-tabs button.active{color:#fff;background:var(--accent)}.login-form{display:grid;gap:14px}.login-form label{display:grid;gap:8px;color:var(--ink);font-weight:850}.login-form input{min-height:48px;padding:0 12px;border:1px solid var(--line);border-radius:8px}.auth-switch{margin-bottom:0;color:var(--muted)}.auth-switch button{padding:0;color:var(--accent);background:transparent;border:0;font-weight:900}.form-row,.form-grid{display:grid;gap:12px}.role-choice{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:22px}.role-choice label{display:grid;gap:6px;min-height:104px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:8px;cursor:pointer}.role-choice label:hover,.role-choice label:focus-within{border-color:var(--tag-border);box-shadow:var(--shadow-soft)}.role-choice label.selected{border-color:var(--accent);box-shadow:inset 0 0 0 2px #d94b7b29}.role-choice input{width:24px;height:24px;accent-color:var(--accent)}.role-choice span{font-size:1.08rem;font-weight:900}.role-choice small{color:var(--muted);line-height:1.4}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dynamic-form-section{margin-top:24px;padding-top:22px;border-top:1px solid var(--line)}.form-section-heading{margin-bottom:16px}.form-section-heading h2{margin-bottom:0;font-size:clamp(1.25rem,2.2vw,1.65rem)}.form-grid label{display:grid;gap:8px;color:var(--ink);font-weight:850}.form-grid input,.form-grid select{min-width:0;min-height:48px;padding:0 12px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:8px}.form-grid .wide-field{grid-column:1 / -1}.toggle-line{grid-template-columns:24px 1fr;align-items:center;color:var(--muted);font-weight:750}.toggle-line input{width:24px;height:24px;accent-color:var(--accent)}.terms-line{display:grid;grid-template-columns:24px 1fr;align-items:start;gap:10px;margin:20px 0;color:var(--muted);line-height:1.45}.terms-line input{width:24px;height:24px;margin-top:2px;accent-color:var(--accent)}.form-message{margin:16px 0 0;padding:12px;border-radius:8px;line-height:1.45}.form-message.success{color:var(--success);background:var(--success-soft)}.form-message.error{color:var(--danger);background:var(--danger-soft)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:980px){.topbar{grid-template-columns:auto minmax(180px,1fr) auto;gap:12px}.nav{display:none}.nav-center{justify-content:stretch}.nav-search{width:100%;min-width:0}.watch-layout{grid-template-columns:1fr}.watch-layout .side-panel{min-height:520px}.watch-layout .side-panel .chat-panel{position:static}.chat-panel{height:520px;min-height:420px;max-height:520px}.live-stage{border-right:0;border-bottom:1px solid var(--line)}.channel-layout{grid-template-columns:1fr}.channel-layout .live-stage,.channel-chat,.channel-timeline,.channel-modules{grid-column:1;grid-row:auto}.channel-layout .channel-info-bar,.channel-overview-card{grid-template-columns:1fr}.channel-overview-actions{justify-content:flex-start}.channel-about-content{grid-template-columns:1fr}.channel-layout .stream-summary{border-right:1px solid rgba(217,75,123,.2);border-radius:8px 8px 0 0}.channel-layout .creator-summary{border-top:0;border-radius:0 0 8px 8px}.channel-layout:before{display:none}.channel-modules{grid-template-columns:1fr}.category-grid,.format-grid,.browse-results,.live-preview-grid,.stream-row,.pricing-grid,.feature-band,.trust-strip,.about-intro-grid,.about-flow,.subpage-columns,.profile-grid,.signup-page{grid-template-columns:repeat(2,minmax(0,1fr))}.browse-filters,.browse-layout{grid-template-columns:1fr}.browse-filters{position:static}.browse-results-heading{flex-direction:column}.active-filter-chips{justify-content:flex-start}.channel-action-bar{grid-template-columns:1fr}.channel-action-buttons{justify-content:flex-start}.feature-lead{grid-template-columns:1fr}.trust-strip{margin-top:18px}.trust-strip article+article{border-top:1px solid var(--line);border-left:0}.signup-page{grid-template-columns:1fr}.signup-intro{min-height:480px}.signup-intro h1{font-size:clamp(2.5rem,11vw,4.2rem)}.channel-chat{position:static;margin-top:0;height:520px;min-height:420px;max-height:520px;border-top:1px solid var(--line);border-left:0}}@media(max-width:640px){.topbar{grid-template-columns:auto minmax(0,1fr)}.brand-wordmark,.actions{display:none}.search-popover{right:0;left:auto;width:min(340px,calc(100vw - 36px))}.actions .primary-button{display:none}.hero{min-height:650px;align-items:end}.hero-shade{background:linear-gradient(0deg,#211b24e6,#211b2438 72%),linear-gradient(90deg,rgba(33,27,36,.42),transparent)}.hero-controls,.hero-stats,.hero-trust,.creator-strip,.channel-info-bar,.stage-header,.section-heading{align-items:stretch;flex-direction:column}.channel-info-bar{grid-template-columns:1fr}.hero-controls a,.hero-trust span,.hero-stats span{width:100%}.category-grid,.format-grid,.browse-results,.live-preview-grid,.stream-row,.pricing-grid,.feature-band,.trust-strip,.about-intro-grid,.about-flow,.subpage-columns,.profile-grid,.interaction-bar,.role-choice,.form-grid,.profile-header{grid-template-columns:1fr}.video-window{min-height:280px}.channel-chat{position:static;margin-top:0;height:430px;min-height:360px;max-height:430px;border-top:1px solid var(--line);border-left:0}.mini-player{grid-template-columns:112px minmax(0,1fr) 32px;right:10px;bottom:10px;width:calc(100vw - 20px)}.mini-video{min-height:72px}.signup-intro h1{font-size:clamp(2.25rem,13vw,3.4rem)}.cat{width:46%}.dog{width:50%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}