/* Shared visual language for the video feed and live rooms. */
body:is([data-page="videos"],[data-page="rooms"]){background:#101419}
body:is([data-page="videos"],[data-page="rooms"]) .eyebrow{display:none}
body:is([data-page="videos"],[data-page="rooms"]) h1{font-size:32px;letter-spacing:-1px;margin:0}
body:is([data-page="videos"],[data-page="rooms"]) #page-subtitle{font-size:14px;color:#96a3b3;margin-top:8px}
body:is([data-page="videos"],[data-page="rooms"]) footer{display:none}
body:is([data-page="videos"],[data-page="rooms"]) .primary{border-radius:24px;background:#9dcdff;color:#10263c;min-height:44px}
body:is([data-page="videos"],[data-page="rooms"]) .secondary{border-radius:22px;min-height:44px;background:#252f3c;border-color:transparent}
body[data-page="videos"] main{max-width:1100px}
.feed-toolbar{gap:16px;margin:0 0 18px;align-items:center}
.feed-tabs{padding:4px;border:1px solid #2c3541;background:#191f27;border-radius:26px;gap:3px}
.feed-tabs button{border:0!important;border-radius:22px;font-size:13px;min-height:42px;padding:10px 16px;color:#aab5c4;white-space:nowrap}
.feed-tabs button.selected{background:#344961;color:#d9ebff}
.feed-toolbar>.primary{font-size:13px;padding:10px 20px;white-space:nowrap}
.shorts-feed{border:1px solid #2c3541;border-radius:24px;background:#080b10;scrollbar-width:none}
.short-badge{background:#111a24c9;border:1px solid #ffffff26;backdrop-filter:blur(12px);border-radius:20px;padding:7px 12px;font-size:11px}
.short-info{background:linear-gradient(transparent,#080d16e8);padding:64px 20px 16px}
.short-creator strong{font-size:15px}.short-creator small{font-size:11px;color:#c0cbd8}
.short-creator .avatar{border:1px solid #ffffff40}.short-creator .follow{border-radius:20px;min-height:44px;padding:8px 14px;background:#ffffff1c;color:white}
.short-info>p{line-height:1.5;font-size:14px;margin:12px 0}
.short-actions{gap:8px}.short-actions .secondary{background:#ffffff1a!important;border:1px solid #ffffff20!important;font-size:12px;min-height:44px;backdrop-filter:blur(10px)}
.short-actions [aria-pressed="true"]{color:#ffb3c8}
.feed-aside .panel{background:#191f27;border:1px solid #2c3541;border-radius:24px;padding:24px}
.feed-aside h2{font-size:27px;letter-spacing:-.8px;line-height:1.25}.feed-aside p{color:#9daaba;font-size:14px;line-height:1.7}
.feed-aside .notice{border:0;background:transparent;color:#8391a4;font-size:12px;line-height:1.7}
body[data-page="rooms"] main{max-width:1100px}
#real-live-list{padding:0;background:transparent;border:0;box-shadow:none}
#real-live-list>.section-head{margin-bottom:20px}#real-live-list>.section-head h2{font-size:16px;color:#bdc9d7;letter-spacing:-.3px}
#real-live-list .room-grid{gap:16px;margin-bottom:22px}
#real-live-list .room-card{background:linear-gradient(145deg,#213245,#181f29);border:1px solid #344355;border-radius:24px;min-height:210px;padding:24px;text-align:left;transition:border-color .15s ease}
#real-live-list .room-card:hover{border-color:#84b7e9}
#real-live-list .live-label{display:inline-flex;align-items:center;width:fit-content;border:1px solid #77dfb62e;background:#27524666;color:#a1e4cc;border-radius:18px;padding:7px 10px;font-size:10px;font-weight:700;letter-spacing:.8px}
#real-live-list .room-card h3{font-size:23px;letter-spacing:-.6px;margin:20px 0 8px;line-height:1.3;overflow-wrap:anywhere}
#real-live-list .room-card p{font-size:13px;color:#acbbcd;margin:0 0 22px}
#real-live-list .room-card strong{font-size:13px;color:#b5d9ff}
#real-live-list .live-empty{background:#191f27;border:1px solid #2c3541;border-radius:24px;padding:48px 24px;margin-bottom:20px}
#real-live-list .live-empty h2{font-size:24px;letter-spacing:-.6px}#real-live-list .live-empty p{font-size:14px;line-height:1.6}
.live-room-dialog{background:#141b24;border-color:#344050;border-radius:24px}
.live-room-dialog .live-controls{background:#141b24f5;box-shadow:0 -8px 18px #141b2477;border-color:#303c4b}
.live-room-dialog .live-controls button{border-radius:16px;min-height:48px;font-weight:500}
.live-room-dialog .live-stage-panel{background:#1c2632;border-color:#334052;border-radius:18px}
.live-room-dialog [data-live-leave]{color:#ffc0c9;border:1px solid #714654;background:#35232e}
.live-room-dialog [data-live-end]{background:#402b38;color:#ffb5bb;border:1px solid #825063}
.live-room-dialog .live-enlarge{border-radius:20px;min-height:44px;padding:8px 12px;background:#101e30bf;backdrop-filter:blur(8px)}
@media(max-width:600px){
 body:is([data-page="videos"],[data-page="rooms"]) header{height:56px;background:#101419;border:0}
 body:is([data-page="videos"],[data-page="rooms"]) .search{visibility:hidden}
 body:is([data-page="videos"],[data-page="rooms"]) h1{font-size:29px}
 body:is([data-page="videos"],[data-page="rooms"]) main{padding:4px 14px 16px}
 body:is([data-page="videos"],[data-page="rooms"]) .page-heading{margin:0 4px 18px}
 body[data-page="videos"] #page-subtitle{display:none}
 .feed-toolbar{gap:8px;margin-bottom:12px;flex-wrap:wrap}
 .feed-tabs{display:flex;flex:1;min-width:0;gap:0;padding:3px;overflow-x:auto;scrollbar-width:none}
 .feed-tabs button{flex:1;padding:8px 9px;font-size:11px;min-height:40px}
 .feed-toolbar>.primary{min-height:44px;font-size:12px;padding:9px 14px}
 .shorts-feed{height:calc(100dvh - 236px - env(safe-area-inset-bottom));min-height:320px;border-radius:20px}
 .short-info{padding:48px 12px 10px}.short-info>p{font-size:13px}
 .short-actions{gap:6px;flex-wrap:wrap}.short-actions .secondary{min-height:44px;padding:8px 12px}
 .short-info .short-actions button[data-feed-step]{min-height:44px;min-width:44px}
 #real-live-list>.section-head{gap:8px;margin-bottom:14px}
 #real-live-list>.section-head h2{font-size:14px}
 #real-live-list .room-card{min-height:195px;padding:20px;border-radius:20px}
 #real-live-list .room-card h3{font-size:22px}
 #real-live-list .live-empty{padding:36px 20px}#real-live-list .live-empty h2{font-size:21px}
 #real-live-list>[data-live-start]{width:100%}
 .live-room-dialog{padding:16px;border-radius:22px}.live-room-dialog .live-controls{padding-bottom:max(12px,env(safe-area-inset-bottom))}
 .live-room-dialog .live-controls button{font-size:11px;min-height:48px}
 input,textarea,select{font-size:16px}
}
@media(prefers-reduced-motion:reduce){#real-live-list .room-card{transition:none}}
.install-heading{display:flex;align-items:center;gap:16px;padding-right:26px}.install-heading img{border-radius:16px;flex-shrink:0}.install-heading h2{font-size:23px;line-height:1.2;margin:6px 0}.install-heading .modal-eyebrow{font-size:9px;line-height:1.6}.install-guide{border:1px solid #344052;background:#19232f;border-radius:18px;padding:16px 20px;margin:14px 0}.install-guide h3{font-size:15px;margin:0 0 12px}.install-guide ol{padding-left:20px;margin:0}.install-guide li{font-size:14px;line-height:1.6;color:#bac8d8;padding:0 0 10px 4px}.install-guide li:last-child{padding-bottom:0}[data-install-native][hidden]{display:none!important}
@media(display-mode:standalone){body{padding-top:env(safe-area-inset-top)}.sidebar{padding-top:calc(32px + env(safe-area-inset-top))}}