/* SNTZ: 22 Oct original visual identity + 23 Oct live services. */
[hidden]{display:none!important}
/* Original header and bottom navigation — SVG assets from original SNTZ */
.sntz-top-header .sntz-brand-logo{background:none;border:0;box-shadow:none}
.sntz-top-header .icon-btn svg{display:block;max-width:100%;max-height:100%}
.sntz-bottom-nav .nav-item{font-size:inherit;white-space:normal;min-width:0}
.sntz-bottom-nav .nav-item .nav-icon-wrapper{display:grid;place-items:center}
.sntz-bottom-nav .nav-item .nav-line-icon{width:23px;height:23px}
/* Rooms: original circular visual, now powered by the database rather than mock cards. */
.app-viewport .room-filter-tools{margin:12px 0 4px}
.app-viewport .rooms-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px!important;padding:14px 11px 28px}
.app-viewport .rooms-grid .live-room-card{border-radius:22px;min-height:207px;gap:5px!important;padding:13px 8px 12px!important;background:var(--bg-card)!important;box-shadow:var(--shadow-sm);justify-content:start}
.app-viewport .rooms-grid .live-room-card .room-card-image-wrap{width:114px;height:114px;max-width:100%;flex:0 0 auto;border-radius:50%;background:radial-gradient(circle at 28% 22%,#e6ffff,#4ed3c3 72%,#0a9b9d);border:2px solid #d8f7f0;box-shadow:0 4px 18px #1bbfbb2d, inset 0 0 15px #ffffffa8;overflow:visible}
.app-viewport .rooms-grid .live-room-card img{height:103px!important;width:103px!important;max-width:94%;max-height:94%;border-radius:50%!important;object-fit:cover}
.room-category-mark{left:auto;right:0;top:auto;bottom:-5px;background:#0ba59c;color:#fff;font-size:.57rem;padding:4px 7px;border:1px solid #d5fff2}
.app-viewport .rooms-grid .live-room-card strong{color:var(--text-main);font-size:.8rem;line-height:1.5;margin-top:3px}
.app-viewport .rooms-grid .live-room-card small{font-size:.62rem;color:var(--text-muted)}
.app-viewport .rooms-grid .live-room-card .room-card-enter{display:none}
@media(min-width:550px){.app-viewport .rooms-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:360px){.app-viewport .rooms-grid{gap:9px!important}.app-viewport .rooms-grid .live-room-card .room-card-image-wrap{width:95px;height:95px}.app-viewport .rooms-grid .live-room-card img{width:89px!important;height:89px!important}}
/* Drawer: restore approved right-side original profile and link treatment. */
.app-viewport .sntz-side-drawer.sntz-original-menu{position:fixed;top:0;bottom:0;right:0;left:auto;width:clamp(178px,43vw,310px);min-width:0;height:100dvh;border-radius:0;overflow-y:auto;overflow-x:hidden;padding:8px 6px max(12px,env(safe-area-inset-bottom));transform:translateX(103%);background:var(--drawer-gradient);box-shadow:-7px 0 38px #00192850}
.app-viewport .sntz-side-drawer.sntz-original-menu.open{transform:translateX(0)}
.app-viewport .sntz-original-menu .drawer-header{display:flex;align-items:center;flex-direction:row;justify-content:space-between;padding:8px 1px 10px;margin-bottom:6px}
.app-viewport .sntz-original-menu .drawer-profile-block{display:flex;align-items:center;text-align:center;flex-direction:column;min-width:0}
.app-viewport .sntz-original-menu .drawer-profile-avatar{width:60px;height:60px;border-radius:50%}
.app-viewport .sntz-original-menu .drawer-profile-name{font-size:.78rem;overflow-wrap:anywhere}
.app-viewport .sntz-original-menu .drawer-profile-user{font-size:.64rem;overflow-wrap:anywhere}
.app-viewport .sntz-original-menu .drawer-member-since{font-size:.57rem;line-height:1.5}
.app-viewport .sntz-original-menu .drawer-achievements{margin:6px 0 9px;display:flex;flex-direction:column;text-align:center;gap:5px;padding:7px 4px}
.app-viewport .sntz-original-menu .drawer-achievements small{font-size:.55rem;line-height:1.4}
.app-viewport .sntz-original-menu .drawer-menu-items{display:flex;flex-direction:column;gap:5px}
.app-viewport .sntz-original-menu .drawer-menu-items .drawer-link{width:100%;display:flex;align-items:center;justify-content:initial;gap:6px;flex-direction:row;text-align:right;min-height:38px;padding:7px 5px;font-size:.67rem;color:var(--drawer-text);border:1px solid var(--border-color);border-radius:13px;background:var(--drawer-link-bg)}
.app-viewport .sntz-original-menu .drawer-link-icon{font-size:.87rem;flex:0 0 23px}
.app-viewport .sntz-original-menu .drawer-link-label{flex:1;min-width:0;overflow-wrap:anywhere}
.app-viewport .sntz-original-menu .drawer-menu-items small{font-size:.49rem;opacity:.7}
.app-viewport .sntz-original-menu .drawer-close-btn{width:29px;height:29px}
/* Original feed post and compose visual without client-side demo records. */
.restored-feed .feed-heading{padding:7px 0 14px}
.sntz-live-composer{border:1px solid var(--border-color);background:var(--bg-card);border-radius:21px;padding:13px;box-shadow:var(--shadow-sm);margin:6px 0 18px}
.sntz-live-composer .compose-head{display:flex;align-items:flex-start;gap:10px}
.sntz-live-composer .compose-avatar{width:41px;height:41px;flex:0 0 41px;object-fit:cover;border-radius:50%;background:#cbeee8}
.sntz-live-composer textarea{resize:vertical;width:100%;min-height:70px;background:transparent;color:var(--text-main);padding:11px;line-height:1.7;border:1px solid var(--border-color);border-radius:14px;font:inherit;font-size:.77rem}
.sntz-live-composer .compose-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}
.sntz-live-composer small{color:var(--text-muted);font-size:.62rem}
.sntz-live-composer button{border:0;background:var(--primary-gradient);color:#fff;border-radius:14px;padding:9px 18px;font-weight:800}
.restored-feed .social-posts-list{gap:12px}
.restored-feed .live-post{border:1px solid var(--border-color);background:var(--bg-card);border-radius:20px;padding:14px;color:var(--text-main);box-shadow:var(--shadow-sm)}
.restored-feed .live-post header{align-items:center}
.restored-feed .live-post header .post-author{display:flex;align-items:center;gap:8px}
.restored-feed .live-post header .post-author img{width:38px;height:38px;object-fit:cover;border-radius:50%;border:1px solid var(--border-color)}
.restored-feed .live-post header .post-author span{display:flex;flex-direction:column;gap:3px}
.restored-feed .live-post header small{font-size:.64rem;color:var(--text-muted)}
.restored-feed .live-post p{color:var(--text-main);font-size:.82rem}
.restored-feed .live-post button{border:0;background:transparent;color:#c15b6f;font-size:.7rem;padding:8px 0}
/* Short-video page retains original full-screen treatment but no pretend published content. */
#paneDiscover{background:radial-gradient(ellipse at 50% 25%,#1e5260,#090d23 64%)!important;color:white;position:relative}
.discover-restored{height:100%;display:flex;flex-direction:column;min-height:0}
.discover-restored .discover-fullscreen-bar{position:relative;z-index:1;flex:0 0 auto;color:white}
.discover-title-side{opacity:.65;font-size:.76rem}
.discover-coming-live{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;gap:16px;padding:25px 33px;flex:1;min-height:0}
.discover-coming-live .discover-play{font-size:35px;border:1px solid #ffffff55;background:#ffffff16;border-radius:50%;display:grid;place-items:center;width:99px;height:99px;box-shadow:0 0 25px #12d6d650}
.discover-coming-live h3{font-size:1.06rem;margin:0}
.discover-coming-live p{font-size:.75rem;line-height:2;max-width:330px;color:#e1e7f7}
/* Messaging profile and editor under the same card order as approved original. */
.restored-khas{padding:15px 13px}.restored-khas .khas-subtabs-nav{display:flex;gap:8px}
.restored-khas .khas-subtabs-nav .soon{opacity:.53;pointer-events:none}
.sntz-member-search{margin:15px 0 8px}.sntz-member-search input{min-width:0}
.restored-chats .live-empty{font-size:.76rem}
.restored-dm{border-radius:19px;background:var(--bg-card);padding:12px;margin-top:12px;color:var(--text-main);border:1px solid var(--border-color)}
.restored-dm h3{font-size:.85rem;padding:8px}.restored-dm .room-chat-form{margin-top:10px}
.restored-profile .me-account-card{width:100%;text-align:right;display:flex;align-items:center;gap:10px;cursor:pointer}
.restored-profile .me-account-details{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}
.restored-profile .me-account-card .me-id-tag{font-size:.59rem;align-self:end;color:var(--text-main)}
.restored-profile .me-live-marker{color:#0ba887;font-size:.64rem}
.restored-profile .account-inline-editor{padding:12px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:18px;margin-top:12px}
.restored-profile .account-inline-editor h3{font-size:.85rem}
.restored-profile .me-settings-link{width:100%;margin-top:10px}
/* Original immersive room header and seats stay visible only within the overlay. */
body.immersive-room #liveApp>.sntz-top-header,body.immersive-room #liveApp>.sntz-bottom-nav{visibility:hidden}
.app-viewport .sntz-room-v2 .room-seat-avatar.is-speaking{animation:sntzSpeak .7s infinite ease-in-out}
/* Usability and reduced-motion */
button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--primary-accent);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.app-viewport .sntz-room-v2 .room-seat-avatar.is-speaking{animation:none}}
/* Real DM rows and real room-comment author photos. */
.restored-chats .restored-chat-item{display:flex;align-items:center;text-align:right;gap:10px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:15px;margin:8px 0;padding:10px;color:var(--text-main);width:100%}
.restored-chats .restored-chat-item img{width:44px;height:44px;object-fit:cover;border-radius:50%;border:1px solid var(--border-color)}
.restored-chats .restored-chat-item .chat-content{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}
.restored-chats .restored-chat-item strong{font-size:.82rem}
.restored-chats .restored-chat-item small{font-size:.66rem;opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.room-chat-item .room-chat-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}
/* Lock drawer open position: old drawer keyframe rules must not push the new drawer offscreen. */
.app-viewport #sideMenu.sntz-original-menu.open{transform:translate3d(0,0,0)!important;transition:none!important}
.app-viewport #sideMenu.sntz-original-menu:not(.open){transform:translate3d(103%,0,0)!important;transition:none!important}