/*
Theme Name: TeenZone Social
Theme URI: https://example.com/teenzone
Author: OpenAI
Description: Front-end teen social community theme with Shouts, Stories, Friends, Messages, Photos, Videos, Points, Gifts, Profile and Settings. No Groups or Events.
Version: 1.0.90
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: teenzone
*/
:root{--tz-bg:#f6f7fc;--tz-card:#fff;--tz-text:#182238;--tz-muted:#71809b;--tz-border:#edf0f6;--tz-pink:#ff1493;--tz-purple:#6c4cff;--tz-blue:#3478ff;--tz-green:#14c77b;--tz-shadow:0 10px 35px rgba(28,39,77,.07);--tz-radius:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--tz-bg);color:var(--tz-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body.admin-bar{margin-top:0!important}#wpadminbar{display:none!important}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}img{max-width:100%}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.tz-app{min-height:100vh}.tz-topbar{position:sticky;top:0;z-index:40;height:74px;background:#fff;border-bottom:1px solid var(--tz-border);display:grid;grid-template-columns:260px minmax(250px,520px) 1fr;align-items:center;gap:22px;padding:0 34px}.tz-brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:28px;letter-spacing:-1.5px}.tz-brand-bolt{font-size:34px;background:linear-gradient(145deg,var(--tz-pink),var(--tz-purple));-webkit-background-clip:text;color:transparent}.tz-brand span:last-child{background:linear-gradient(100deg,#17213a 5%,#17213a 48%,var(--tz-pink) 49%,var(--tz-purple));-webkit-background-clip:text;color:transparent}.tz-search{position:relative}.tz-search input{width:100%;height:44px;border:0;background:#f2f5fb;border-radius:24px;padding:0 18px 0 44px;outline:0}.tz-search svg{position:absolute;left:16px;top:13px;width:18px;height:18px;color:#7e8aa4}.tz-topnav{display:flex;justify-content:flex-end;align-items:center;gap:24px}.tz-toplink{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;color:#67738c;font-size:12px}.tz-toplink svg{width:22px;height:22px}.tz-toplink.active{color:var(--tz-pink)}.tz-badge{position:absolute;top:-7px;right:-9px;min-width:18px;height:18px;padding:0 5px;border-radius:10px;background:#ff153e;color:#fff;font-size:10px;display:grid;place-items:center;font-weight:700}.tz-user-mini{display:flex;align-items:center;gap:9px;font-weight:700}.tz-avatar{border-radius:50%;object-fit:cover;background:#e7ebf4}.tz-avatar.xs{width:30px;height:30px}.tz-avatar.sm{width:40px;height:40px}.tz-avatar.md{width:50px;height:50px}.tz-avatar.lg{width:72px;height:72px}.tz-dot{width:10px;height:10px;border-radius:50%;background:var(--tz-green);border:2px solid #fff;position:absolute;right:0;bottom:2px}
.tz-layout{display:grid;grid-template-columns:245px minmax(0,1fr) 320px;gap:20px;max-width:1600px;margin:0 auto;padding:20px 28px 34px}.tz-sidebar{position:sticky;top:94px;height:calc(100vh - 110px);display:flex;flex-direction:column}.tz-menu{display:flex;flex-direction:column;gap:8px}.tz-menu a{height:44px;border-radius:15px;display:flex;align-items:center;gap:15px;padding:0 17px;font-weight:600;color:#34415b}.tz-menu a svg{width:21px;height:21px;stroke-width:1.9}.tz-menu a:hover,.tz-menu a.active{background:linear-gradient(110deg,var(--tz-purple),var(--tz-pink));color:#fff;box-shadow:0 8px 22px rgba(176,42,197,.18)}.tz-menu .tz-count{margin-left:auto;background:#ff1746;color:#fff;border-radius:11px;min-width:21px;height:21px;display:grid;place-items:center;font-size:11px}
.tz-main{min-width:0}.tz-card{background:var(--tz-card);border:1px solid var(--tz-border);border-radius:var(--tz-radius);box-shadow:var(--tz-shadow)}.tz-stories{padding:13px 16px;display:flex;gap:18px;overflow:auto;margin-bottom:16px;scrollbar-width:none}.tz-stories::-webkit-scrollbar{display:none}.tz-story{min-width:64px;text-align:center;font-size:12px;font-weight:600;color:#34415b}.tz-story-ring{width:58px;height:58px;padding:3px;margin:0 auto 6px;border-radius:50%;background:linear-gradient(140deg,#ff155d,#ff9b18,#6c4cff)}.tz-story-ring img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid #fff}.tz-story-add .tz-story-ring{background:#eef1f8;display:grid;place-items:center;padding:0;border:0}.tz-story-add .tz-story-ring span{font-size:28px;color:var(--tz-purple);line-height:1}.tz-composer{padding:16px 18px;margin-bottom:16px}.tz-composer-row{display:flex;align-items:center;gap:13px}.tz-composer-input{flex:1;height:52px;border:0;background:#f3f5fa;border-radius:16px;padding:0 18px;outline:0}.tz-composer-actions{display:flex;align-items:center;gap:12px;margin-top:13px;padding-left:56px}.tz-icon-action{border:0;background:transparent;display:flex;align-items:center;gap:7px;color:#3c4963;cursor:pointer;padding:8px 10px;border-radius:10px}.tz-icon-action:hover{background:#f5f6fb}.tz-icon-action svg{width:20px;height:20px}.tz-icon-action.photo{color:#2380ff}.tz-icon-action.video{color:#7546ff}.tz-icon-action.feeling{color:#f0a400}.tz-icon-action.location{color:#ff388a}.tz-icon-action.poll{color:#7546ff}.tz-spacer{flex:1}.tz-btn{border:0;border-radius:14px;background:linear-gradient(110deg,var(--tz-pink),var(--tz-purple));color:#fff;font-weight:800;padding:11px 22px;cursor:pointer}.tz-btn.secondary{background:#f0edff;color:#6847ef}.tz-btn.ghost{background:#f5f6fa;color:#44516a}.tz-btn.danger{background:#ffe9ee;color:#e3264e}.tz-btn.small{padding:8px 12px;border-radius:11px;font-size:12px}.tz-hidden{display:none!important}.tz-preview{margin-top:12px;padding-left:56px}.tz-preview img,.tz-preview video{max-height:240px;border-radius:14px;object-fit:cover}
.tz-section-head{display:flex;align-items:center;justify-content:space-between;margin:18px 4px 12px}.tz-section-head h2{font-size:22px;margin:0;display:flex;align-items:center;gap:8px}.tz-pill-select{border:0;background:#eef1f7;padding:8px 13px;border-radius:18px;color:#40506e}.tz-feed{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tz-shout{overflow:hidden}.tz-shout-body{padding:14px}.tz-shout-head{display:flex;align-items:center;gap:10px}.tz-shout-author{font-weight:800}.tz-verified{color:#1b8cff;font-size:14px}.tz-shout-meta{font-size:12px;color:var(--tz-muted)}.tz-more{margin-left:auto;border:0;background:transparent;font-size:20px;color:#71809b;cursor:pointer}.tz-shout-text{font-size:15px;line-height:1.45;margin:10px 0}.tz-shout-media{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:#eef0f6}.tz-shout-stats{height:42px;display:flex;align-items:center;gap:18px;padding:0 14px;border-top:1px solid var(--tz-border);color:#65738d;font-size:13px}.tz-stat{display:flex;align-items:center;gap:6px;border:0;background:transparent;color:inherit;cursor:pointer;padding:0}.tz-stat svg{width:18px;height:18px}.tz-stat.liked{color:var(--tz-pink)}.tz-shout-menu{position:absolute;right:16px;top:54px;z-index:4;min-width:160px;background:#fff;border:1px solid var(--tz-border);box-shadow:var(--tz-shadow);border-radius:12px;padding:7px}.tz-shout-wrap{position:relative}.tz-shout-menu button{width:100%;text-align:left;border:0;background:transparent;padding:9px 10px;border-radius:8px;cursor:pointer}.tz-shout-menu button:hover{background:#f4f5fa}
.tz-right{display:flex;flex-direction:column;gap:14px}.tz-widget{padding:15px}.tz-widget-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.tz-widget-head h3{margin:0;font-size:18px}.tz-seeall{font-size:12px;color:#1670ff}.tz-online-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px 8px}.tz-online-user{text-align:center;font-size:11px;position:relative}.tz-online-avatar{position:relative;width:52px;margin:auto}.tz-online-avatar img{width:52px;height:52px;border:3px solid #fff;outline:2px solid #ff3b82;border-radius:50%;object-fit:cover}.tz-trend-list{display:flex;flex-direction:column;gap:10px}.tz-trend-row{display:grid;grid-template-columns:56px 1fr auto;gap:10px;align-items:center}.tz-trend-row img{width:56px;height:48px;border-radius:10px;object-fit:cover}.tz-trend-title{font-size:13px;font-weight:700}.tz-trend-sub{font-size:11px;color:var(--tz-muted);margin-top:2px}.tz-trend-metric{font-size:11px;color:#75839a}.tz-empty{padding:30px;text-align:center;color:var(--tz-muted)}
.tz-page{padding:18px}.tz-page-title{margin:0 0 18px}.tz-grid-people{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.tz-person{padding:16px;text-align:center}.tz-person .tz-avatar{width:72px;height:72px}.tz-person h4{margin:8px 0 3px}.tz-person p{margin:0 0 12px;color:var(--tz-muted);font-size:12px}.tz-form{display:grid;gap:12px}.tz-form label{font-size:13px;font-weight:700}.tz-form input,.tz-form textarea,.tz-form select{width:100%;border:1px solid #dfe4ee;background:#fff;border-radius:12px;padding:11px 13px;outline:0}.tz-form textarea{min-height:100px;resize:vertical}.tz-alert{padding:11px 13px;border-radius:12px;background:#eaf8f1;color:#15895c;margin-bottom:12px}.tz-tabs{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.tz-tab{padding:9px 13px;border-radius:12px;background:#f1f3f8;color:#48566f;font-weight:700;font-size:13px}.tz-tab.active{background:#eee9ff;color:#6746ef}
.tz-messages{display:grid;grid-template-columns:290px 1fr;min-height:650px;overflow:hidden}.tz-chat-list{border-right:1px solid var(--tz-border);padding:12px}.tz-chat-title{padding:8px 6px 14px;font-size:20px;font-weight:900}.tz-chat-person{display:flex;align-items:center;gap:10px;padding:10px;border-radius:13px}.tz-chat-person:hover,.tz-chat-person.active{background:#f2f3fb}.tz-chat-person strong{display:block;font-size:13px}.tz-chat-person span{font-size:11px;color:var(--tz-muted)}.tz-conversation{display:flex;flex-direction:column;min-width:0}.tz-convo-head{height:66px;border-bottom:1px solid var(--tz-border);display:flex;align-items:center;gap:10px;padding:0 16px}.tz-convo-messages{flex:1;padding:18px;overflow:auto;display:flex;flex-direction:column;gap:10px;background:#fbfbfe}.tz-bubble{max-width:72%;padding:10px 13px;border-radius:16px;background:#eef1f7;align-self:flex-start;font-size:14px;line-height:1.4}.tz-bubble.me{background:linear-gradient(120deg,#7353f5,#ff3d9c);color:#fff;align-self:flex-end}.tz-bubble-time{font-size:9px;opacity:.7;margin-top:4px}.tz-chat-compose{padding:13px;border-top:1px solid var(--tz-border);display:flex;gap:9px}.tz-chat-compose input{flex:1;border:1px solid #e0e4ed;border-radius:21px;padding:10px 15px;outline:0}.tz-gift-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.tz-gift{padding:16px;text-align:center}.tz-gift-emoji{font-size:42px}.tz-points-balance{padding:22px;background:linear-gradient(120deg,#ff2a9f,#7049ff);color:#fff;border-radius:20px;margin-bottom:15px}.tz-points-balance .num{font-size:42px;font-weight:900}.tz-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tz-photo-grid img,.tz-photo-grid video{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:14px}.tz-profile-hero{padding:22px;text-align:center}.tz-profile-hero .tz-avatar{width:96px;height:96px}.tz-profile-hero h1{margin:8px 0 2px}.tz-profile-hero p{color:var(--tz-muted)}
.tz-mobile-nav{display:none}.tz-mobile-brand{display:none}.tz-auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:#f6f7fc}.tz-auth-card{width:min(440px,100%);padding:28px}.tz-auth-card .tz-brand{justify-content:center;margin-bottom:18px}.tz-auth-switch{text-align:center;margin-top:14px;font-size:13px;color:var(--tz-muted)}
@media(max-width:1180px){.tz-layout{grid-template-columns:210px minmax(0,1fr)}.tz-right{display:none}.tz-topbar{grid-template-columns:200px minmax(220px,1fr) auto}.tz-toplink span:not(.tz-badge){display:none}.tz-feed{grid-template-columns:1fr 1fr}}
@media(max-width:820px){body{padding-bottom:68px}.tz-topbar{height:60px;padding:0 14px;grid-template-columns:1fr auto}.tz-topbar .tz-brand{font-size:22px}.tz-brand-bolt{font-size:28px}.tz-search{display:none}.tz-topnav .tz-toplink{display:none}.tz-user-mini span{display:none}.tz-layout{display:block;padding:10px 10px 18px}.tz-sidebar,.tz-right{display:none}.tz-stories{border-radius:16px;margin-bottom:10px;padding:11px 10px;gap:14px}.tz-story{min-width:56px;font-size:10px}.tz-story-ring{width:50px;height:50px}.tz-composer{border-radius:16px;padding:12px;margin-bottom:10px}.tz-composer-row .tz-avatar{width:38px;height:38px}.tz-composer-input{height:44px;font-size:13px}.tz-composer-actions{padding-left:0;margin-top:9px;gap:3px}.tz-icon-action{font-size:0;padding:8px}.tz-icon-action svg{width:19px;height:19px}.tz-composer-actions .tz-btn{padding:9px 16px;margin-left:auto}.tz-section-head{margin:14px 3px 8px}.tz-section-head h2{font-size:19px}.tz-feed{grid-template-columns:1fr;gap:10px}.tz-shout{border-radius:16px}.tz-shout-body{padding:12px}.tz-shout-text{font-size:14px}.tz-shout-media{aspect-ratio:1.38/1}.tz-mobile-nav{position:fixed;left:0;right:0;bottom:0;height:62px;background:#fff;border-top:1px solid var(--tz-border);z-index:50;display:flex;justify-content:space-around;align-items:center;padding-bottom:env(safe-area-inset-bottom)}.tz-mobile-nav a{display:flex;flex-direction:column;align-items:center;font-size:9px;color:#536078;gap:2px;min-width:48px}.tz-mobile-nav a.active{color:var(--tz-pink)}.tz-mobile-nav svg{width:21px;height:21px}.tz-grid-people{grid-template-columns:repeat(2,1fr)}.tz-messages{grid-template-columns:1fr;min-height:calc(100vh - 150px)}.tz-chat-list{border-right:0}.tz-conversation{position:fixed;inset:60px 0 62px;background:#fff;z-index:35}.tz-conversation.no-user{display:none}.tz-gift-grid{grid-template-columns:repeat(2,1fr)}.tz-photo-grid{grid-template-columns:repeat(2,1fr)}.tz-page{padding:12px}.tz-preview{padding-left:0}}
.tz-poll{display:grid;gap:7px;margin-top:12px}.tz-poll-option{width:100%;border:1px solid #e4e6f0;background:#f8f8fc;border-radius:12px;padding:9px 11px;display:flex;justify-content:space-between;cursor:pointer;color:#3d4962}.tz-poll-option:hover{border-color:#bcaef8;background:#f2efff}.tz-comments{border-top:1px solid var(--tz-border);padding:10px 13px;background:#fbfbfe}.tz-comment{font-size:12px;padding:7px 0;border-bottom:1px solid #eef0f5}.tz-comment-form{display:flex;gap:7px;margin-top:9px}.tz-comment-form input{flex:1;border:1px solid #e0e4ed;border-radius:18px;padding:8px 12px;outline:0}

/* =========================================================
   TeenZone desktop composition
   Matches the supplied Shouts reference: fixed visual lanes
   (left navigation / Shouts / right widgets) and keeps the
   mobile layout independent below 1180px.
   ========================================================= */
@media (min-width:1181px){
  .tz-topbar{
    height:76px;
    grid-template-columns:13.2vw 28vw 31.5vw;
    gap:1vw;
    justify-content:start;
    padding:0 3vw;
  }
  .tz-brand{font-size:29px;white-space:nowrap}
  .tz-search{width:100%}
  .tz-search input{height:46px}
  .tz-topnav{
    width:100%;
    justify-content:space-between;
    gap:0;
    padding-left:2.4vw;
  }
  .tz-layout{
    width:100%;
    max-width:none;
    margin:0;
    padding:16px 3vw 34px;
    grid-template-columns:13.2vw 40.8vw 19vw;
    gap:1vw;
    justify-content:start;
    align-items:start;
  }
  .tz-sidebar{top:92px;height:calc(100vh - 108px)}
  .tz-main{width:40.8vw;min-width:0}
  .tz-right{width:19vw;min-width:0;gap:14px}
  .tz-menu{gap:7px}
  .tz-menu a{height:44px;padding:0 16px;border-radius:14px}

  .tz-stories{
    min-height:98px;
    margin-bottom:12px;
    padding:12px 14px 10px;
    gap:16px;
    border-radius:18px;
  }
  .tz-story{min-width:62px}
  .tz-story-ring{width:56px;height:56px}

  .tz-composer{
    margin-bottom:12px;
    padding:12px 14px;
    border-radius:18px;
  }
  .tz-composer-row{gap:12px}
  .tz-composer-input{height:48px;border-radius:15px}
  .tz-composer-actions{
    min-height:46px;
    margin-top:8px;
    padding-left:0;
    gap:7px;
  }
  .tz-icon-action{padding:7px 8px;gap:6px;white-space:nowrap}
  .tz-composer-actions>.tz-btn{
    min-width:126px;
    height:46px;
    padding:0 18px;
    border-radius:13px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    white-space:nowrap;
  }
  .tz-composer-actions>.tz-btn svg{width:21px;height:21px;flex:0 0 21px}
  .tz-preview{padding-left:0}

  .tz-section-head{margin:12px 3px 9px}
  .tz-section-head h2{font-size:21px}
  .tz-feed{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    align-items:start;
  }
  .tz-shout{border-radius:17px}
  .tz-shout-body{padding:11px}
  .tz-shout-head{gap:8px}
  .tz-shout-head .tz-avatar.sm{width:38px;height:38px}
  .tz-shout-author{font-size:14px}
  .tz-shout-meta{font-size:11px}
  .tz-shout-text{font-size:14px;margin:8px 0;line-height:1.38}
  .tz-shout-media{aspect-ratio:1.45/1;border-radius:0}
  .tz-shout-stats{height:38px;padding:0 11px;gap:13px;font-size:12px}
  .tz-shout-stats svg{width:17px;height:17px}

  .tz-widget{padding:14px;border-radius:18px}
  .tz-widget-head{margin-bottom:10px}
  .tz-widget-head h3{font-size:17px}
  .tz-online-grid{gap:11px 7px}
  .tz-online-avatar,.tz-online-avatar img{width:48px;height:48px}
  .tz-trend-row{grid-template-columns:52px minmax(0,1fr) auto;gap:8px}
  .tz-trend-row img{width:52px;height:46px}
}

/* =========================================================
   v1.0.2 — pixel-position pass from the supplied Shouts image
   Desktop reference at 1672px: app x=36, width=1360;
   nav x=50/220px, main x=285/690px, right x=990/300px.
   ========================================================= */
.tz-btn svg{width:20px;height:20px;flex:0 0 20px}
.tz-section-icon{display:inline-grid;place-items:center;color:#1677ff}
.tz-section-icon svg{width:23px;height:23px;stroke-width:2.4}
.tz-user-caret{font-size:17px;line-height:1;color:#40506e;margin-left:-3px;margin-top:-4px}
.tz-shout-text p{margin:0}

@media (min-width:1281px){
  html{background:#f6f7fc}
  body{
    min-width:1281px;
    overflow-x:auto;
    background:#f6f7fc;
  }
  .tz-app{
    width:min(1440px, calc(100% - 36px));
    margin:16px auto;
    min-height:calc(100vh - 24px);
    background:#f6f7fc;
    border-radius:22px;
    box-shadow:0 8px 28px rgba(40,51,88,.08);
  }
  .tz-topbar{
    position:sticky;
    top:0;
    width:100%;
    height:60px;
    border-radius:22px 22px 0 0;
    grid-template-columns:225px minmax(450px,530px) 1fr;
    gap:0;
    padding:0 28px;
    background:#fff;
    border-bottom:1px solid #edf0f6;
  }
  .tz-brand{font-size:28px;gap:8px;letter-spacing:-1.35px;white-space:nowrap}
  .tz-brand-bolt{font-size:32px}
  .tz-search{width:100%}
  .tz-search input{height:40px;border-radius:22px;font-size:13px;padding-left:42px;background:#f2f5fb}
  .tz-search svg{left:15px;top:11px;width:18px;height:18px}
  .tz-topnav{width:100%;justify-content:flex-end;gap:25px;padding-left:45px}
  .tz-toplink{font-size:10.5px;gap:1px;min-width:54px}
  .tz-toplink svg{width:21px;height:21px}
  .tz-user-mini{gap:8px;font-size:13px;margin-left:5px;white-space:nowrap}
  .tz-user-mini .tz-avatar.sm{width:38px;height:38px}

  .tz-layout{
    width:100%;
    max-width:none;
    margin:0;
    padding:13px 14px 18px;
    grid-template-columns:220px minmax(0,1fr) 300px;
    gap:15px;
    justify-content:start;
    align-items:start;
  }
  .tz-sidebar{top:73px;height:calc(100vh - 104px)}
  .tz-menu{gap:6px}
  .tz-menu a{height:39px;border-radius:12px;padding:0 14px;gap:14px;font-size:14px;font-weight:600}
  .tz-menu a svg{width:20px;height:20px;stroke-width:1.9}

  .tz-main{width:auto;min-width:0}
  .tz-card{border-radius:14px;box-shadow:0 5px 18px rgba(31,43,75,.045)}
  .tz-stories{
    box-sizing:border-box;
    height:105px;
    min-height:105px;
    margin-bottom:6px;
    padding:11px 14px 8px;
    gap:13px;
    border-radius:14px;
    align-items:center;
  }
  .tz-story{min-width:65px;font-size:11px}
  .tz-story-ring{width:56px;height:56px;margin-bottom:5px}
  .tz-story-add .tz-story-ring span{font-size:26px}

  .tz-composer{
    min-height:124px;
    margin-bottom:0;
    padding:12px 14px 11px;
    border-radius:14px;
  }
  .tz-composer-row{gap:12px}
  .tz-composer-row .tz-avatar.md{width:48px;height:48px}
  .tz-composer-input{height:48px;border-radius:14px;padding:0 16px;font-size:13px}
  .tz-composer-actions{min-height:42px;margin-top:7px;padding-left:0;gap:5px}
  .tz-icon-action{height:38px;padding:6px 7px;gap:5px;font-size:12px;border-radius:9px;white-space:nowrap}
  .tz-icon-action svg{width:19px;height:19px}
  .tz-composer-actions>.tz-btn{min-width:132px;height:48px;border-radius:13px;padding:0 19px;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px}
  .tz-composer-actions>.tz-btn svg{width:21px;height:21px}
  .tz-preview{padding-left:0;margin-top:8px}

  .tz-section-head{min-height:38px;margin:10px 3px 8px}
  .tz-section-head h2{font-size:20px;gap:7px;letter-spacing:-.25px}
  .tz-pill-select{height:34px;min-width:92px;padding:0 13px;border-radius:18px;font-size:12px}
  .tz-feed{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
  .tz-shout{border-radius:14px;min-width:0}
  .tz-shout-body{padding:10px 10px 8px}
  .tz-shout-head{gap:8px}
  .tz-shout-head .tz-avatar.sm{width:38px;height:38px}
  .tz-shout-author{font-size:13px;line-height:1.2}
  .tz-verified{font-size:11px}
  .tz-shout-meta{font-size:10px;line-height:1.25}
  .tz-more{font-size:17px;padding:0 2px}
  .tz-shout-text{font-size:13px;line-height:1.35;margin:8px 0 2px}
  .tz-shout-media{aspect-ratio:1.48/1;object-fit:cover}
  .tz-shout-stats{height:36px;padding:0 10px;gap:12px;font-size:11px}
  .tz-stat{gap:4px}
  .tz-stat svg{width:16px;height:16px}
  .tz-comments{padding:8px 9px}
  .tz-comment-form input{min-width:0}

  .tz-right{width:auto;min-width:0;gap:12px}
  .tz-widget{padding:13px;border-radius:14px}
  .tz-widget-head{margin-bottom:10px}
  .tz-widget-head h3{font-size:16px;letter-spacing:-.15px}
  .tz-seeall{font-size:11px}
  .tz-widget-online{min-height:224px}
  .tz-widget-popular{min-height:265px}
  .tz-widget-trending{min-height:268px}
  .tz-online-grid{grid-template-columns:repeat(4,1fr);gap:12px 5px}
  .tz-online-user{font-size:10px}
  .tz-online-avatar{width:48px}
  .tz-online-avatar img{width:48px;height:48px;border-width:2px;outline-width:2px}
  .tz-dot{width:9px;height:9px}
  .tz-trend-list{gap:8px}
  .tz-trend-row{grid-template-columns:52px minmax(0,1fr) auto;gap:8px;min-height:54px}
  .tz-trend-row img,.tz-trend-row>.tz-avatar{width:52px;height:48px;border-radius:8px;object-fit:cover}
  .tz-trend-title{font-size:12px}
  .tz-trend-sub{font-size:10px;line-height:1.22}
  .tz-trend-metric{font-size:10px;white-space:nowrap}
}

/* v1.0.18 — recommended desktop box: centered, slightly wider, still compact. */
@media (min-width:1450px){
  .tz-app{width:min(1440px, calc(100% - 36px));margin:15px auto;min-height:calc(100vh - 30px)}
  .tz-topbar{grid-template-columns:225px 530px 1fr;padding:0 28px}
  .tz-layout{padding:13px 14px 18px;grid-template-columns:220px 820px 340px;gap:15px}
}

@media (min-width:1281px) and (max-width:1499px){
  .tz-layout{grid-template-columns:215px minmax(0,1fr) 290px}
  .tz-topnav{gap:14px;padding-left:20px}
}

@media (min-width:1500px){
  .tz-topnav{gap:18px;padding-left:30px}
}


@media (min-width:821px) and (max-width:1280px){
  .tz-app{width:100%;margin:0;min-height:100vh;border-radius:0;box-shadow:none}
}

@media (max-width:820px){
  body{min-width:0;background:#f6f7fc}
  .tz-app{width:auto;margin:0;min-height:100vh;border-radius:0;box-shadow:none}
  .tz-composer-actions>.tz-btn svg{width:19px;height:19px}
  .tz-section-icon svg{width:21px;height:21px}
}

/* v1.0.18 — centered boxed desktop shell */
@media (min-width:1281px){
  .tz-app{
    margin-left:auto !important;
    margin-right:auto !important;
  }
}


/* v1.0.6 — functional Shout three-dots menu */
.tz-shout-wrap{overflow:visible}
.tz-shout-menu{right:10px;top:50px;z-index:30;min-width:220px;padding:7px;border-radius:14px;background:#fff;border:1px solid #e9edf5;box-shadow:0 14px 38px rgba(31,43,75,.16)}
.tz-shout-menu .tz-menu-item{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:9px 10px;border:0;border-radius:10px;background:transparent;color:#33415c;font-size:13px;font-weight:650;text-align:left;cursor:pointer}
.tz-shout-menu .tz-menu-item svg{width:18px;height:18px;flex:0 0 18px;color:#6e7b95}
.tz-shout-menu .tz-menu-item:hover{background:#f5f6fb}
.tz-shout-menu .tz-menu-danger{color:#e13255}
.tz-shout-menu .tz-menu-danger svg{color:#e13255}
.tz-report-options{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px 5px 8px}
.tz-report-options button{min-height:30px!important;padding:6px 7px!important;border-radius:8px!important;background:#f5f6fb!important;color:#526078!important;font-size:11px!important;text-align:center!important}
.tz-report-options button:hover{background:#eceef6!important}
.tz-edit-panel{margin:9px 0 2px;padding:10px;border:1px solid #e7eaf2;border-radius:12px;background:#fafbfe}
.tz-edit-panel textarea{display:block;width:100%;min-height:84px;resize:vertical;border:1px solid #dfe4ee;border-radius:10px;background:#fff;padding:10px 11px;outline:0;color:#27344d;line-height:1.45}
.tz-edit-panel textarea:focus{border-color:#9b86ff;box-shadow:0 0 0 3px rgba(108,76,255,.08)}
.tz-edit-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}
.tz-toast{position:fixed;left:50%;bottom:28px;z-index:99999;transform:translate(-50%,18px);opacity:0;pointer-events:none;background:#20283a;color:#fff;padding:10px 15px;border-radius:12px;box-shadow:0 10px 30px rgba(17,25,42,.22);font-size:13px;font-weight:700;transition:.2s ease}
.tz-toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:820px){.tz-shout-menu{right:7px;top:48px;min-width:210px}.tz-toast{bottom:78px}.tz-edit-panel textarea{min-height:76px}}


/* v1.0.7 — TeenZone themed Edit / Report Shout popup */
body.tz-modal-open{overflow:hidden}
.tz-modal{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:20px;opacity:0;transition:opacity .15s ease}
.tz-modal.is-open{opacity:1}
.tz-modal-backdrop{position:absolute;inset:0;background:rgba(18,25,45,.48);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.tz-modal-card{position:relative;width:min(520px,calc(100vw - 28px));max-height:min(760px,calc(100vh - 40px));overflow:auto;border:1px solid rgba(255,255,255,.72);border-radius:24px;background:#fff;box-shadow:0 30px 80px rgba(24,34,63,.28);transform:translateY(10px) scale(.985);transition:transform .16s ease}
.tz-modal.is-open .tz-modal-card{transform:translateY(0) scale(1)}
.tz-modal-inner{padding:20px}
.tz-modal-head{display:grid;grid-template-columns:46px minmax(0,1fr) 36px;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid #edf0f6}
.tz-modal-head h3{margin:0;color:#182238;font-size:20px;line-height:1.2;letter-spacing:-.25px}
.tz-modal-head p{margin:4px 0 0;color:#7b879e;font-size:12.5px;line-height:1.35}
.tz-modal-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;font-size:22px;font-weight:900}
.tz-modal-icon.edit{color:#6d47f5;background:linear-gradient(145deg,#f2edff,#ffeaf7)}
.tz-modal-icon.report{color:#e5365f;background:linear-gradient(145deg,#fff0f4,#fff5ed)}
.tz-modal-icon.block{color:#e3264e;background:linear-gradient(145deg,#fff0f4,#ffe9ee)}
.tz-block-warning{display:flex;gap:11px;align-items:flex-start;margin-top:16px;padding:13px 14px;border:1px solid #ffe0e7;border-radius:15px;background:#fff7f9;color:#59657a;font-size:12.5px;line-height:1.45}.tz-block-warning strong{display:block;margin-bottom:2px;color:#28364f;font-size:13px}.tz-block-warning-icon{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border-radius:10px;background:#ffe8ee;color:#e3264e;font-weight:900}.tz-btn.block-danger{background:linear-gradient(110deg,#ff466d,#e3264e);color:#fff;box-shadow:0 7px 18px rgba(227,38,78,.18)}
.tz-modal-x{width:34px;height:34px;border:0;border-radius:11px;background:#f3f5fa;color:#68758d;font-size:23px;line-height:1;cursor:pointer}
.tz-modal-x:hover{background:#ebeef5;color:#35425b}
.tz-modal-form{padding-top:16px}
.tz-modal-label{display:flex;align-items:center;justify-content:space-between;margin:0 0 8px;color:#3d4962;font-size:12px;font-weight:800}
.tz-modal-label em{font-style:normal;font-weight:600;color:#9aa4b7}
.tz-modal-form textarea{display:block;width:100%;min-height:132px;resize:vertical;border:1px solid #e0e4ee;border-radius:15px;background:#f9faff;padding:13px 14px;outline:0;color:#27344d;font:inherit;font-size:14px;line-height:1.5;transition:border-color .15s,box-shadow .15s,background .15s}
.tz-modal-form textarea:focus{background:#fff;border-color:#9d87ff;box-shadow:0 0 0 4px rgba(108,76,255,.08)}
.tz-modal-counter{text-align:right;margin-top:5px;color:#9aa4b7;font-size:10px}
.tz-modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:17px;padding-top:15px;border-top:1px solid #edf0f6}
.tz-modal-actions .tz-btn{min-width:112px;height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 17px;border-radius:13px}
.tz-modal-actions .tz-btn:disabled{opacity:.58;cursor:not-allowed}
.tz-report-choice-list{display:grid;gap:8px;margin-bottom:15px}
.tz-report-choice{position:relative;display:flex;align-items:center;gap:11px;min-height:58px;padding:10px 12px;border:1px solid #e8ebf3;border-radius:14px;background:#fbfcff;cursor:pointer;transition:.15s ease}
.tz-report-choice:hover{border-color:#cec5ff;background:#faf8ff}
.tz-report-choice:has(input:checked){border-color:#9b83ff;background:#f6f2ff;box-shadow:0 0 0 3px rgba(108,76,255,.07)}
.tz-report-choice input{appearance:none;-webkit-appearance:none;width:18px;height:18px;flex:0 0 18px;border:2px solid #c5ccda;border-radius:50%;background:#fff;display:grid;place-items:center;margin:0}
.tz-report-choice input:checked{border:5px solid #7250f5}
.tz-report-choice span{display:flex;min-width:0;flex-direction:column;gap:2px}
.tz-report-choice b{color:#2e3b54;font-size:13px}
.tz-report-choice small{color:#8b96aa;font-size:11px;line-height:1.25}
.tz-report-note{margin-top:11px;padding:10px 12px;border-radius:12px;background:#f4f6fb;color:#738099;font-size:11px;line-height:1.4}
.tz-report-submit{background:linear-gradient(110deg,#ff278b,#7650f7)}
@media(max-width:820px){.tz-modal{padding:10px;align-items:end}.tz-modal-card{width:100%;max-height:88vh;border-radius:23px 23px 16px 16px}.tz-modal-inner{padding:16px}.tz-modal-head{grid-template-columns:42px minmax(0,1fr) 34px}.tz-modal-icon{width:42px;height:42px;border-radius:14px}.tz-modal-head h3{font-size:18px}.tz-modal-form textarea{min-height:112px}.tz-modal-actions{position:sticky;bottom:-16px;background:#fff;padding-bottom:2px}.tz-modal-actions .tz-btn{flex:1;min-width:0}}

/* v1.0.9 — text preview, original image viewer, popup comments/replies, stronger heart like */
.tz-shout-text{position:relative}
.tz-shout-text:empty{display:none}
.tz-shout-text p{display:inline;margin:0}
.tz-show-more{display:inline;margin-left:5px;padding:0;border:0;background:transparent;color:#6c4cff;font:inherit;font-weight:800;cursor:pointer;white-space:nowrap}
.tz-show-more:hover{text-decoration:underline}
.tz-media-open{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in;overflow:hidden}
.tz-media-open .tz-shout-media{transition:transform .2s ease,filter .2s ease}
.tz-media-open:hover .tz-shout-media{transform:scale(1.012);filter:brightness(.98)}
.tz-text-media{position:relative;width:100%;aspect-ratio:1.48/1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;overflow:hidden;border:0;background:radial-gradient(circle at 18% 20%,rgba(255,255,255,.42),transparent 20%),radial-gradient(circle at 83% 78%,rgba(255,255,255,.28),transparent 23%),linear-gradient(135deg,#ff4ca1 0%,#be35dc 48%,#6957ff 100%);color:#fff;cursor:pointer;text-align:center}
.tz-text-media:before,.tz-text-media:after{content:"";position:absolute;width:130px;height:130px;border:1px solid rgba(255,255,255,.17);border-radius:38px;transform:rotate(28deg)}
.tz-text-media:before{left:-58px;top:-63px}.tz-text-media:after{right:-62px;bottom:-72px}
.tz-text-media-aa{position:relative;z-index:1;width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:rgba(255,255,255,.17);box-shadow:inset 0 0 0 1px rgba(255,255,255,.24);font-size:21px;font-weight:900;backdrop-filter:blur(8px)}
.tz-text-media strong{position:relative;z-index:1;font-size:20px;letter-spacing:-.35px}.tz-text-media small{position:relative;z-index:1;font-size:10px;font-weight:700;opacity:.82}
.tz-text-media:hover .tz-text-media-aa{transform:scale(1.04)}

.tz-like{transition:color .16s ease,transform .16s ease,opacity .16s ease}
.tz-like svg{transition:fill .16s ease,transform .16s ease}
.tz-like.liked{color:#ff2082;font-weight:800}
.tz-like.liked svg{fill:currentColor}
.tz-like.is-working{opacity:.6;pointer-events:none}
.tz-like.heart-pop svg{animation:tz-heart-pop .34s ease}
@keyframes tz-heart-pop{0%{transform:scale(.82)}45%{transform:scale(1.35)}100%{transform:scale(1)}}

.tz-modal-icon.text{color:#7a4af4;background:linear-gradient(145deg,#f2ecff,#ffe9f7);font-size:17px}
.tz-modal-icon.image{color:#2574ff;background:linear-gradient(145deg,#eaf3ff,#eef0ff)}
.tz-modal-icon.comment{color:#6c4cff;background:linear-gradient(145deg,#efeaff,#ffeaf6);font-size:18px}
.tz-full-text{padding:18px 2px 4px;color:#2c3850;font-size:15px;line-height:1.65;word-break:break-word}
.tz-full-text p{margin:0 0 12px}.tz-full-text p:last-child{margin-bottom:0}
.tz-modal-loading{color:#8793a8}
.tz-modal.tz-modal-wide .tz-modal-card{width:min(980px,calc(100vw - 34px))}
.tz-modal.tz-modal-wide .tz-modal-inner{padding:18px}
.tz-original-image{display:grid;place-items:center;margin-top:15px;min-height:180px;border-radius:18px;overflow:hidden;background:#111827}
.tz-original-image img{display:block;max-width:100%;width:auto;height:auto;max-height:calc(100vh - 190px);object-fit:contain}
.tz-media-head{padding-bottom:13px}

.tz-modal.tz-modal-comments .tz-modal-card{width:min(620px,calc(100vw - 28px));overflow:hidden}
.tz-modal.tz-modal-comments .tz-modal-inner{padding:18px 18px 0}
.tz-comments-popup{display:flex;flex-direction:column;min-height:360px;max-height:min(650px,calc(100vh - 150px));margin:0 -18px}
.tz-comment-list{flex:1;overflow:auto;padding:14px 18px 10px;background:#fbfcff}
.tz-comments-loading,.tz-comments-error{display:grid;place-items:center;min-height:170px;color:#8793a8;font-size:13px}
.tz-no-comments{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#8a95a8}.tz-no-comments span{font-size:30px}.tz-no-comments strong{margin-top:7px;color:#37445d;font-size:15px}.tz-no-comments small{margin-top:3px;font-size:11px}
.tz-popup-comment{display:grid;grid-template-columns:38px minmax(0,1fr);gap:9px;margin:0 0 13px;align-items:start}
.tz-popup-comment>img{width:38px;height:38px;border-radius:50%;object-fit:cover;background:#e8ebf2}
.tz-popup-comment-main{min-width:0}
.tz-popup-comment-top{display:flex;align-items:center;gap:7px;min-width:0}.tz-popup-comment-top strong{font-size:12.5px;color:#26334a}.tz-popup-comment-top time{font-size:10px;color:#99a4b6}
.tz-popup-comment-text{display:inline-block;margin-top:3px;max-width:100%;padding:8px 10px;border-radius:4px 14px 14px 14px;background:#f0f2f8;color:#354159;font-size:12.5px;line-height:1.45;word-break:break-word}
.tz-comment-reply{display:block;margin:4px 0 0;padding:0;border:0;background:transparent;color:#6f4ef2;font-size:10.5px;font-weight:800;cursor:pointer}
.tz-popup-comment.is-reply{grid-template-columns:30px minmax(0,1fr);margin:10px 0 0 10px;padding-left:9px;border-left:2px solid #ece8ff}
.tz-popup-comment.is-reply>img{width:30px;height:30px}
.tz-popup-comment.is-reply .tz-popup-comment-text{background:#f6f3ff}
.tz-replying{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 18px;border-top:1px solid #ebeef5;background:#f8f6ff;color:#68758c;font-size:11px}.tz-replying strong{color:#6344e7}.tz-replying button{width:26px;height:26px;border:0;border-radius:8px;background:#ece7ff;color:#6948ed;font-size:17px;cursor:pointer}
.tz-popup-comment-form{display:flex;gap:9px;padding:12px 18px 16px;border-top:1px solid #edf0f6;background:#fff}
.tz-popup-comment-form input{flex:1;min-width:0;height:42px;border:1px solid #dfe4ee;border-radius:22px;background:#f7f8fc;padding:0 15px;outline:0;color:#2c3850}.tz-popup-comment-form input:focus{background:#fff;border-color:#9e89ff;box-shadow:0 0 0 3px rgba(108,76,255,.07)}
.tz-popup-comment-form .tz-btn{height:42px;padding:0 18px;border-radius:21px}.tz-popup-comment-form .tz-btn:disabled{opacity:.55}

@media(max-width:820px){
  .tz-text-media{aspect-ratio:1.38/1}.tz-text-media strong{font-size:18px}.tz-text-media-aa{width:44px;height:44px;border-radius:14px}
  .tz-modal.tz-modal-wide .tz-modal-card,.tz-modal.tz-modal-comments .tz-modal-card{width:100%;max-height:91vh}
  .tz-modal.tz-modal-wide .tz-modal-inner,.tz-modal.tz-modal-comments .tz-modal-inner{padding:14px 14px 0}
  .tz-original-image{margin:13px -14px 0;border-radius:0;background:#0f172a}.tz-original-image img{max-height:72vh}
  .tz-comments-popup{margin:0 -14px;max-height:76vh}.tz-comment-list{padding:12px 14px 8px}.tz-popup-comment-form{padding:10px 14px calc(12px + env(safe-area-inset-bottom))}.tz-replying{padding:8px 14px}
}


/* v1.0.10 — image viewer fits the viewport; no modal scrolling */
.tz-modal.tz-modal-photo{padding:14px;align-items:center}
.tz-modal.tz-modal-photo .tz-modal-card{
  width:min(1080px,calc(100vw - 28px));
  height:min(860px,calc(100vh - 28px));
  max-height:calc(100vh - 28px);
  overflow:hidden;
  display:flex;
  flex-direction:column;
}
.tz-modal.tz-modal-photo .tz-modal-inner{
  width:100%;
  height:100%;
  min-height:0;
  padding:16px;
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.tz-modal.tz-modal-photo .tz-media-head{flex:0 0 auto}
.tz-modal.tz-modal-photo .tz-original-image{
  flex:1 1 auto;
  min-height:0;
  width:100%;
  margin-top:12px;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#111827;
}
.tz-modal.tz-modal-photo .tz-original-image img{
  display:block;
  width:auto;
  height:auto;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
}
@media(max-width:820px){
  .tz-modal.tz-modal-photo{padding:8px;align-items:center}
  .tz-modal.tz-modal-photo .tz-modal-card{
    width:100%;
    height:calc(100vh - 16px);
    max-height:calc(100vh - 16px);
    border-radius:18px;
  }
  .tz-modal.tz-modal-photo .tz-modal-inner{padding:12px}
  .tz-modal.tz-modal-photo .tz-original-image{margin:10px 0 0;border-radius:14px}
  .tz-modal.tz-modal-photo .tz-original-image img{max-height:100%}
}


/* v1.0.11 — 25-character Shout preview + centered text-card label */
.tz-shout-text p{margin:0;display:inline;line-height:1.35}
.tz-shout-preview-copy{display:inline}
.tz-show-more{display:inline!important;margin:0 0 0 6px!important;padding:0!important;border:0!important;background:transparent!important;color:#5d4af2!important;font:inherit;font-size:11.5px!important;font-weight:800!important;line-height:1.35!important;vertical-align:baseline;cursor:pointer;white-space:nowrap}
.tz-show-more:hover{text-decoration:underline}
.tz-text-media{position:relative}
.tz-text-media-center{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:100%;min-height:100%;text-align:center;pointer-events:none}
.tz-text-media-center small{display:block;margin-top:0;font-size:10px;font-weight:800;line-height:1.2;opacity:.9;text-align:center}


/* v1.0.12 — comment popup shows up/down arrows after 3 comments */
.tz-comment-scroll-shell{position:relative;flex:1;min-height:0;background:#fbfcff}
.tz-comment-scroll-shell .tz-comment-list{height:100%;min-height:0}
.tz-comment-scroll-shell.with-arrows .tz-comment-list{
  height:225px;
  max-height:225px;
  padding-right:62px;
  scroll-behavior:smooth;
  scrollbar-width:none;
}
.tz-comment-scroll-shell.with-arrows .tz-comment-list::-webkit-scrollbar{display:none}
.tz-comment-scroll-controls{
  position:absolute;
  right:13px;
  top:50%;
  transform:translateY(-50%);
  z-index:4;
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:7px;
  border:1px solid #e8e9f5;
  border-radius:22px;
  background:rgba(255,255,255,.96);
  box-shadow:0 8px 24px rgba(40,49,88,.12);
  backdrop-filter:blur(10px);
}
.tz-comment-scroll-btn{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:50%;
  background:linear-gradient(145deg,#f0ebff,#ffeaf6);
  color:#6848ef;
  cursor:pointer;
  font-size:20px;
  font-weight:900;
  line-height:1;
  box-shadow:inset 0 0 0 1px rgba(108,76,255,.08);
  transition:transform .15s ease,opacity .15s ease,background .15s ease;
}
.tz-comment-scroll-btn:hover:not(:disabled){transform:scale(1.06);background:linear-gradient(145deg,#e9e1ff,#ffe0f1)}
.tz-comment-scroll-btn:disabled{opacity:.28;cursor:default;transform:none}
@media(max-width:820px){
  .tz-comment-scroll-shell.with-arrows .tz-comment-list{height:210px;max-height:210px;padding-right:52px}
  .tz-comment-scroll-controls{right:8px;gap:6px;padding:5px}
  .tz-comment-scroll-btn{width:34px;height:34px;font-size:18px}
}


/* v1.0.13 — keep Show more on the same row; Shouts replaces Home in navigation */
.tz-shout-text > p{
  display:flex !important;
  align-items:baseline !important;
  flex-wrap:nowrap !important;
  gap:6px !important;
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
}
.tz-shout-preview-copy{
  display:block !important;
  min-width:0 !important;
  overflow:hidden !important;
  white-space:nowrap !important;
  text-overflow:clip !important;
  flex:0 1 auto !important;
}
.tz-show-more{
  display:inline-block !important;
  flex:0 0 auto !important;
  margin:0 !important;
  white-space:nowrap !important;
  line-height:1.35 !important;
}

/* v1.0.14 — pretty profile URLs and profile identity */
.tz-profile-link{color:inherit;text-decoration:none}.tz-shout-author .tz-profile-link:hover,.tz-person .tz-profile-link:hover h4{color:var(--tz-purple)}.tz-person-handle,.tz-profile-handle{color:var(--tz-muted);font-size:12px}.tz-profile-handle{margin-top:-2px;margin-bottom:8px}.tz-profile-verified{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#1687ff;color:#fff;font-size:12px;vertical-align:2px}.tz-verified{display:inline-grid;place-items:center;width:15px;height:15px;border-radius:50%;background:#1687ff;color:#fff;font-size:9px;font-weight:900;vertical-align:1px}

/* =========================================================
   v1.0.15 — redesigned no-cover profile page
   Matches the approved TeenZone profile composition while
   keeping Groups/Events out of the product.
   ========================================================= */
@media (min-width:821px){
  .tz-profile-layout{grid-template-columns:220px minmax(0,1fr)!important;}
  .tz-profile-layout>.tz-main{width:100%;min-width:0}
}
.tz-profile-page{display:flex;flex-direction:column;gap:14px;min-width:0}
.tz-profile-header{position:relative;overflow:hidden;min-height:320px;padding:0;border-radius:20px;background:#fff}
.tz-profile-backdrop{position:absolute;inset:0 0 auto;height:165px;overflow:hidden;background:linear-gradient(135deg,#fbfcff 0%,#fff 44%,#fcf8ff 100%);border-bottom:1px solid #f2f3f8}
.tz-profile-backdrop:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 23% 70%,rgba(127,98,255,.08),transparent 27%),radial-gradient(circle at 94% 5%,rgba(199,112,255,.10),transparent 24%);pointer-events:none}
.tz-profile-backdrop .orb{position:absolute;border-radius:50%;background:linear-gradient(145deg,rgba(255,120,219,.13),rgba(116,102,255,.09));filter:blur(.1px)}
.tz-profile-backdrop .orb-a{width:150px;height:150px;left:-35px;bottom:-45px}.tz-profile-backdrop .orb-b{width:190px;height:190px;right:-35px;top:-60px}.tz-profile-backdrop .orb-c{width:38px;height:38px;left:115px;top:52px}.tz-profile-backdrop .orb-d{width:28px;height:28px;right:145px;top:116px}
.tz-profile-mainline{position:relative;z-index:2;display:grid;grid-template-columns:220px minmax(290px,1fr) minmax(455px,520px);gap:22px;align-items:end;padding:105px 28px 18px;min-height:320px}
.tz-profile-avatar-wrap{position:relative;align-self:end;width:186px;height:186px;margin:0 auto 4px}
.tz-profile-avatar-wrap .tz-avatar{width:186px!important;height:186px!important;border:7px solid #fff;outline:4px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#ff1493,#6c4cff) border-box;box-shadow:0 12px 28px rgba(37,42,80,.14);object-fit:cover}
.tz-profile-online{position:absolute;right:14px;bottom:16px;width:21px;height:21px;border-radius:50%;background:#1fd37c;border:4px solid #fff;box-shadow:0 2px 7px rgba(0,0,0,.12)}
.tz-profile-copy{padding:0 0 7px;min-width:0}
.tz-profile-copy h1{display:flex;align-items:center;gap:8px;margin:0 0 2px;font-size:34px;line-height:1.08;letter-spacing:-1.2px;color:#101a34}
.tz-profile-copy .tz-profile-verified{width:27px;height:27px;font-size:15px;flex:0 0 27px}
.tz-profile-copy .tz-profile-handle{font-size:15px;margin:0 0 15px;color:#71809b}
.tz-profile-bio{margin:0 0 13px;max-width:430px;color:#39465e;font-size:15px;line-height:1.45}
.tz-profile-inline-meta{display:flex;flex-wrap:wrap;gap:10px 20px;color:#52617a;font-size:13px}
.tz-profile-inline-meta span{display:inline-flex;align-items:center;gap:7px}.tz-profile-inline-meta svg{width:18px;height:18px;color:#6c7891}.tz-profile-inline-meta b{color:#25314a}
.tz-profile-actions-area{display:flex;flex-direction:column;gap:22px;min-width:0;padding-bottom:2px}
.tz-profile-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;position:relative}
.tz-profile-primary{min-height:48px;padding:0 25px!important;border-radius:25px!important;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:15px!important;white-space:nowrap}
.tz-profile-primary svg{width:20px;height:20px}
.tz-profile-icon-btn{width:49px;height:49px;border:0;border-radius:50%;display:grid;place-items:center;background:transparent;color:#263653;cursor:pointer;transition:.16s ease;box-shadow:none}
.tz-profile-icon-btn:hover{transform:translateY(-1px);color:#724cf1;background:rgba(108,76,255,.08)}.tz-profile-icon-btn svg{width:21px;height:21px}
.tz-profile-more-wrap{position:relative}.tz-profile-more-menu{position:absolute;right:0;top:58px;z-index:12;width:185px;padding:7px;border:1px solid #e6e8f1;border-radius:14px;background:#fff;box-shadow:0 18px 42px rgba(33,40,75,.14)}
.tz-profile-more-menu a,.tz-profile-more-menu button{width:100%;display:flex;align-items:center;gap:9px;border:0;background:transparent;color:#34415b;text-align:left;padding:10px;border-radius:9px;cursor:pointer;font-weight:700;font-size:12px}.tz-profile-more-menu a:hover,.tz-profile-more-menu button:hover{background:#f5f3ff;color:#6c4cff}.tz-profile-more-menu svg{width:18px;height:18px}
.tz-profile-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.tz-profile-stat{height:94px;border:1px solid #f0f1f6;border-radius:16px;background:linear-gradient(180deg,#fbfcff,#fff);display:grid;grid-template-columns:42px 1fr;grid-template-rows:1fr 1fr;align-items:center;padding:12px 12px 11px;box-shadow:0 4px 15px rgba(39,49,80,.025)}
.tz-profile-stat i{grid-row:1/3;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-style:normal}.tz-profile-stat i svg{width:19px;height:19px}.tz-profile-stat i.pink{background:#ffe9f4;color:#f33c95}.tz-profile-stat i.blue{background:#e9f6ff;color:#2e9bed}.tz-profile-stat i.purple{background:#f0eaff;color:#8a46ef}.tz-profile-stat i.gold{background:#fff4dd;color:#e5a220}
.tz-profile-stat strong{align-self:end;font-size:19px;line-height:1;color:#17223b}.tz-profile-stat span{align-self:start;margin-top:4px;font-size:11px;color:#7a879e}
.tz-profile-tabs{height:62px;display:grid;grid-template-columns:repeat(6,1fr);align-items:stretch;padding:0 6px;overflow:hidden;border-radius:18px}
.tz-profile-tabs a{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;color:#40506d;font-weight:700;font-size:13px}.tz-profile-tabs a svg{width:20px;height:20px}.tz-profile-tabs a:after{content:"";position:absolute;left:12%;right:12%;bottom:0;height:3px;border-radius:4px 4px 0 0;background:transparent}.tz-profile-tabs a.active{color:#f01899}.tz-profile-tabs a.active:after{background:linear-gradient(90deg,#ff1594,#6d4cff)}
.tz-profile-content{display:grid;grid-template-columns:340px minmax(0,1fr);gap:14px;align-items:start}
.tz-profile-side{display:flex;flex-direction:column;gap:14px;min-width:0}.tz-profile-about,.tz-profile-photo-preview{padding:18px;border-radius:18px}
.tz-profile-about h3,.tz-profile-photo-preview h3{display:flex;align-items:center;gap:8px;margin:0 0 15px;font-size:18px}.tz-profile-about h3 svg,.tz-profile-photo-preview h3 svg{width:20px;height:20px;color:#17223b}
.tz-about-row{display:flex;align-items:center;gap:11px;padding:8px 0;color:#53617b}.tz-about-row>svg{width:19px;height:19px;flex:0 0 19px;color:#6d7a94}.tz-about-row span{min-width:0;display:flex;flex-direction:column}.tz-about-row b{font-size:13px;color:#26344e;font-weight:700}.tz-about-row small{font-size:10px;color:#99a2b3;margin-top:2px}
.tz-profile-photo-preview .tz-widget-head{margin-bottom:12px}.tz-profile-photo-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.tz-profile-photo-mini button,.tz-profile-media-grid button{border:0;padding:0;background:none;cursor:pointer;overflow:hidden}.tz-profile-photo-mini button{border-radius:11px}.tz-profile-photo-mini img{display:block;width:100%;aspect-ratio:1/1.05;object-fit:cover}.tz-profile-mini-empty{grid-column:1/-1;padding:24px 10px;text-align:center;color:#8792a8;font-size:12px;background:#f8f9fc;border-radius:12px}
.tz-profile-stream{min-width:0}.tz-profile-stream>.tz-composer{margin-bottom:14px}.tz-profile-feed{display:flex;flex-direction:column;gap:14px}.tz-profile-feed .tz-shout{width:100%}.tz-profile-feed .tz-shout-media{max-height:520px;aspect-ratio:auto;min-height:260px;object-fit:cover}.tz-profile-feed .tz-text-media{min-height:245px}
.tz-profile-tab-panel{padding:20px;border-radius:18px}.tz-profile-tab-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.tz-profile-tab-title h2{display:flex;align-items:center;gap:9px;margin:0;font-size:21px}.tz-profile-tab-title h2 svg{width:22px;height:22px}.tz-profile-tab-title>span{font-size:12px;color:#8590a5}
.tz-profile-media-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.tz-profile-media-grid button{border-radius:14px}.tz-profile-media-grid img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;transition:transform .18s ease}.tz-profile-media-grid button:hover img{transform:scale(1.02)}
.tz-profile-video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.tz-profile-video-grid video{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:14px;background:#111827}
.tz-profile-story-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.tz-profile-story-grid a{display:block;border-radius:14px;overflow:hidden}.tz-profile-story-grid img{display:block;width:100%;aspect-ratio:9/14;object-fit:cover}
.tz-profile-friends-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.tz-profile-friends-grid .tz-person{display:block;text-decoration:none}
.tz-about-full-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tz-about-full-grid>div{padding:15px;border:1px solid #edf0f5;border-radius:14px;background:#fafbfe;display:flex;flex-direction:column;gap:5px}.tz-about-full-grid .wide{grid-column:1/-1}.tz-about-full-grid span{font-size:11px;color:#8792a6}.tz-about-full-grid strong{font-size:14px;color:#26344e}

@media (max-width:1180px) and (min-width:821px){
  .tz-profile-header{min-height:300px}.tz-profile-backdrop{height:150px}
  .tz-profile-mainline{grid-template-columns:180px minmax(240px,1fr) minmax(360px,430px);min-height:300px;padding:92px 20px 16px;gap:15px}
  .tz-profile-avatar-wrap,.tz-profile-avatar-wrap .tz-avatar{width:158px!important;height:158px!important}.tz-profile-avatar-wrap{width:158px;height:158px}
  .tz-profile-copy h1{font-size:29px}.tz-profile-stats{gap:6px}.tz-profile-stat{padding:9px 8px;grid-template-columns:34px 1fr}.tz-profile-stat i{width:31px;height:31px}.tz-profile-stat strong{font-size:16px}
  .tz-profile-content{grid-template-columns:300px minmax(0,1fr)}
}
@media (max-width:820px){
  .tz-profile-page{gap:10px}
  .tz-profile-header{position:relative;min-height:0;border-radius:16px;padding-top:0}
  .tz-profile-backdrop{height:125px}
  .tz-profile-mainline{position:relative;display:flex;flex-direction:column;align-items:center;padding:142px 13px 15px;gap:10px;text-align:center}
  .tz-profile-avatar-wrap{position:absolute;left:50%;top:125px;transform:translate(-50%,-50%);width:122px;height:122px;margin:0;z-index:4}
  .tz-profile-avatar-wrap .tz-avatar{width:122px!important;height:122px!important;border-width:5px;outline-width:3px}
  .tz-profile-online{right:8px;bottom:8px;width:18px;height:18px}
  .tz-profile-copy{padding:0;display:flex;flex-direction:column;align-items:center}
  .tz-profile-copy h1{font-size:26px}
  .tz-profile-copy .tz-profile-verified{width:23px;height:23px;flex-basis:23px;font-size:13px}
  .tz-profile-copy .tz-profile-handle{font-size:13px;margin-bottom:8px}
  .tz-profile-bio{font-size:13px;margin-bottom:8px}
  .tz-profile-inline-meta{justify-content:center;font-size:11px}
  .tz-profile-actions-area{width:100%;gap:13px}
  .tz-profile-actions{justify-content:center;flex-wrap:wrap}
  .tz-profile-primary{min-height:43px;padding:0 18px!important;font-size:13px!important}
  .tz-profile-icon-btn{width:43px;height:43px}
  .tz-profile-more-menu{right:0;left:auto;top:50px}
  .tz-profile-stats{grid-template-columns:repeat(2,1fr);gap:7px}
  .tz-profile-stat{height:76px;padding:8px 10px}
  .tz-profile-stat strong{font-size:16px}
  .tz-profile-stat span{font-size:10px}
  .tz-profile-tabs{height:56px;display:flex;overflow-x:auto;padding:0;scrollbar-width:none}
  .tz-profile-tabs::-webkit-scrollbar{display:none}
  .tz-profile-tabs a{min-width:88px;padding:0 9px;font-size:11px;flex:0 0 auto}
  .tz-profile-tabs a svg{width:18px;height:18px}
  .tz-profile-content{display:flex;flex-direction:column;gap:10px}
  .tz-profile-side{width:100%;display:grid;grid-template-columns:1fr;gap:10px}
  .tz-profile-about,.tz-profile-photo-preview{padding:14px}
  .tz-profile-photo-preview{order:-1}
  .tz-profile-stream{width:100%}
  .tz-profile-stream>.tz-composer{margin-bottom:10px}
  .tz-profile-feed{gap:10px}
  .tz-profile-feed .tz-shout-media{min-height:0;max-height:none;aspect-ratio:1.15/1}
  .tz-profile-feed .tz-text-media{min-height:220px}
  .tz-profile-tab-panel{padding:13px;border-radius:16px}
  .tz-profile-media-grid{grid-template-columns:repeat(3,1fr);gap:6px}
  .tz-profile-video-grid{grid-template-columns:1fr}
  .tz-profile-story-grid{grid-template-columns:repeat(3,1fr);gap:7px}
  .tz-profile-friends-grid{grid-template-columns:repeat(2,1fr)}
  .tz-about-full-grid{grid-template-columns:1fr}
  .tz-about-full-grid .wide{grid-column:auto}
}
/* gradient avatar ring refinement */
.tz-profile-avatar-wrap:before{content:"";position:absolute;inset:-4px;border-radius:50%;background:linear-gradient(135deg,#ff1493 0%,#ff4f72 35%,#7a4cff 78%,#25a6ff 100%);z-index:0}
.tz-profile-avatar-wrap .tz-avatar{position:relative;z-index:1;outline:0!important}
.tz-profile-online{z-index:2}


/* v1.0.20 — GIF composer action now matches the Photo/Video icon style. */
.tz-icon-action.gif{color:#e52a91}.tz-icon-action.gif svg{width:20px;height:20px;stroke-width:1.9}
.tz-preview{position:relative}.tz-compose-preview-card{position:relative;display:flex;align-items:center;gap:12px;max-width:420px;min-height:74px;padding:8px 44px 8px 8px;border:1px solid #e8ebf3;border-radius:14px;background:#f8f9fd;overflow:hidden}.tz-compose-preview-card>img{width:90px;height:68px;object-fit:cover;border-radius:10px;display:block}.tz-preview-remove{position:absolute;right:8px;top:8px;width:27px;height:27px;border:0;border-radius:50%;background:#fff;color:#526079;box-shadow:0 3px 12px rgba(34,47,80,.12);font-size:19px;line-height:1;cursor:pointer}.tz-youtube-preview-icon{width:52px;height:52px;border-radius:13px;display:grid;place-items:center;background:#ff0033;color:#fff;font-size:20px}.tz-youtube-preview div{min-width:0;display:flex;flex-direction:column;gap:4px}.tz-youtube-preview strong{font-size:13px}.tz-youtube-preview small{display:block;max-width:275px;color:#738099;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tz-modal-input{width:100%;height:46px;border:1px solid #dfe4ee;border-radius:13px;background:#fff;padding:0 14px;outline:0;color:#24314a}.tz-modal-input:focus{border-color:#a994fa;box-shadow:0 0 0 3px rgba(108,76,255,.09)}.tz-youtube-help{margin-top:8px;color:#7c879b;font-size:12px}
.tz-youtube-wrap{position:relative;width:100%;background:#0f172a;overflow:hidden;display:block}.tz-youtube-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}.tz-gif-media{object-fit:cover}.tz-gif-open-image{display:block;width:100%}
.tz-modal-icon.gif{font-size:10px;font-weight:900;letter-spacing:-.2px;background:linear-gradient(135deg,#ff1594,#754cff);color:#fff}.tz-gif-picker{padding:4px 0 3px}.tz-gif-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;margin-bottom:13px}.tz-gif-search-row .tz-btn{min-width:92px}.tz-gif-results{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-height:480px;overflow:auto;padding:2px 3px 2px 0}.tz-gif-result{border:0;padding:0;border-radius:11px;overflow:hidden;background:#eef1f7;cursor:pointer;min-height:100px}.tz-gif-result img{display:block;width:100%;height:128px;object-fit:cover}.tz-gif-result:hover{outline:3px solid rgba(108,76,255,.25);transform:translateY(-1px)}.tz-gif-loading,.tz-gif-empty{grid-column:1/-1;padding:42px 15px;text-align:center;color:#748198;background:#f7f8fc;border-radius:13px}.tz-gif-credit{padding-top:10px;text-align:right;color:#9aa3b3;font-size:10px}
@media(max-width:820px){.tz-gif-results{grid-template-columns:repeat(2,minmax(0,1fr));max-height:55vh}.tz-gif-result img{height:120px}.tz-compose-preview-card{max-width:100%}.tz-youtube-preview small{max-width:190px}.tz-icon-action.gif svg{width:19px;height:19px}.tz-icon-action.gif>span:last-child{display:none}}


/* v1.0.21 — composer Shout button icon only */
.tz-compose-submit{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent!important;box-shadow:none!important;color:var(--tz-purple);padding:0 2px;min-width:auto;height:44px;border-radius:0}.tz-compose-submit:hover{background:transparent!important;color:var(--tz-pink)}.tz-compose-submit svg{width:24px;height:24px;flex:0 0 24px}.tz-compose-submit .tz-compose-submit-label{display:none}.tz-compose-submit:disabled{opacity:.55;cursor:not-allowed}.tz-compose-submit.is-posting svg{opacity:.45}@media(max-width:820px){.tz-compose-submit{height:40px;padding:0 4px;margin-left:auto}.tz-compose-submit svg{width:23px;height:23px}}


/* v1.0.22 — required Shout text + clean full-size image/GIF viewer */
.tz-modal.tz-modal-photo{padding:18px;align-items:center}
.tz-modal.tz-modal-photo .tz-modal-card{
  width:min(1160px,calc(100vw - 36px));
  height:min(880px,calc(100vh - 36px));
  max-height:calc(100vh - 36px);
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  overflow:visible;
}
.tz-modal.tz-modal-photo .tz-modal-inner{
  position:relative;
  width:100%;height:100%;
  padding:0;
  background:transparent;
  overflow:visible;
}
.tz-clean-media-viewer{
  width:100%;height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:transparent;
  overflow:visible;
}
.tz-clean-media-viewer img{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  border-radius:14px;
  box-shadow:0 18px 50px rgba(16,24,40,.28);
}
.tz-clean-media-close{
  position:absolute;
  z-index:3;
  top:10px;
  right:10px;
  width:38px;height:38px;
  display:grid;place-items:center;
  border:0;border-radius:50%;
  background:rgba(255,255,255,.94);
  color:#40506e;
  font-size:24px;line-height:1;
  cursor:pointer;
  box-shadow:0 7px 20px rgba(17,24,39,.18);
}
.tz-clean-media-close:hover{background:#fff;color:#ff1493}
.tz-composer-input:invalid{box-shadow:none}
@media(max-width:820px){
  .tz-modal.tz-modal-photo{padding:8px}
  .tz-modal.tz-modal-photo .tz-modal-card{
    width:calc(100vw - 16px);
    height:calc(100vh - 16px);
    max-height:calc(100vh - 16px);
    border-radius:0;
  }
  .tz-clean-media-viewer img{border-radius:10px}
  .tz-clean-media-close{top:8px;right:8px;width:36px;height:36px}
}


/* v1.0.23 — YouTube media uses the same card dimensions as photos/GIFs */
.tz-youtube-wrap.tz-shout-media{padding:0;height:auto;object-fit:initial}
.tz-youtube-wrap.tz-shout-media iframe{width:100%;height:100%}


/* v1.0.24 — private chat GIF/emoji tools + scroll arrows after 8 messages */
.tz-conversation{position:relative}
.tz-message-scroll-nav{position:absolute;right:13px;top:50%;transform:translateY(-50%);z-index:8;display:flex;flex-direction:column;gap:7px}
.tz-message-scroll-btn{width:34px;height:34px;border:1px solid #e4e8f1;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.96);color:#5f4cf4;box-shadow:0 5px 16px rgba(34,48,82,.12);cursor:pointer;font-size:18px;font-weight:900;line-height:1;transition:.16s ease}
.tz-message-scroll-btn:hover{transform:translateY(-1px);color:var(--tz-pink);box-shadow:0 7px 19px rgba(34,48,82,.16)}
.tz-chat-compose{position:relative;align-items:center}
.tz-chat-tools{display:flex;align-items:center;gap:5px;flex:0 0 auto}
.tz-chat-tool{width:36px;height:36px;border:0;border-radius:50%;display:grid;place-items:center;background:transparent;color:#6b57f4;cursor:pointer;padding:0;transition:.15s ease}
.tz-chat-tool:hover{background:#f3efff;color:var(--tz-pink)}
.tz-chat-tool svg{width:20px;height:20px}
.tz-chat-tool.emoji{font-size:21px}
.tz-chat-compose input{min-width:0}
.tz-chat-emoji-popover{position:absolute;left:13px;bottom:62px;width:286px;padding:11px;border:1px solid #e7eaf2;border-radius:17px;background:#fff;box-shadow:0 14px 38px rgba(35,47,80,.16);z-index:14}
.tz-chat-emoji-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.tz-chat-emoji-choice{height:34px;border:0;border-radius:9px;background:transparent;font-size:21px;cursor:pointer;display:grid;place-items:center}
.tz-chat-emoji-choice:hover{background:#f4f1ff;transform:scale(1.08)}
.tz-bubble.tz-bubble-gif{padding:5px;background:transparent!important;max-width:min(330px,72%)}
.tz-bubble-gif.me{align-self:flex-end}
.tz-chat-gif-open{display:block;border:0;padding:0;background:transparent;cursor:pointer;border-radius:15px;overflow:hidden}
.tz-chat-gif-open img{display:block;width:auto;max-width:320px;max-height:300px;min-width:150px;object-fit:contain;border-radius:15px}
.tz-bubble-gif .tz-bubble-time{padding:3px 5px;color:#7b879b;text-align:right;opacity:1}
@media(max-width:820px){
  .tz-message-scroll-nav{right:8px;top:47%}.tz-message-scroll-btn{width:32px;height:32px}
  .tz-chat-compose{padding:9px 8px;gap:5px}.tz-chat-tools{gap:1px}.tz-chat-tool{width:34px;height:34px}.tz-chat-compose input{padding:9px 11px}
  .tz-chat-emoji-popover{left:8px;bottom:55px;width:min(286px,calc(100vw - 16px))}
  .tz-bubble.tz-bubble-gif{max-width:82%}.tz-chat-gif-open img{max-width:min(290px,76vw);max-height:280px}
}


/* v1.0.25 — fixed-height private chat + long TeenZone scrollbar after 8 messages */
@media (min-width:821px){
  .tz-messages{
    height:calc(100vh - 132px);
    min-height:620px;
    max-height:780px;
    overflow:hidden;
  }
  .tz-chat-list{
    min-height:0;
    overflow-y:auto;
  }
  .tz-conversation{
    min-height:0;
    height:100%;
    overflow:hidden;
  }
  .tz-convo-messages{
    min-height:0;
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-width:none;
    scrollbar-color:transparent transparent;
  }
  .tz-convo-messages.has-message-scroll{
    padding-right:12px;
    scrollbar-width:thin;
    scrollbar-color:#8b5cf6 #eef1f7;
  }
  .tz-convo-messages::-webkit-scrollbar{width:0;height:0}
  .tz-convo-messages.has-message-scroll::-webkit-scrollbar{width:10px;height:10px}
  .tz-convo-messages.has-message-scroll::-webkit-scrollbar-track{
    background:#eef1f7;
    border-radius:999px;
    margin:8px 0;
  }
  .tz-convo-messages.has-message-scroll::-webkit-scrollbar-thumb{
    background:linear-gradient(180deg,#ff1493 0%,#7b4dff 100%);
    border:2px solid #eef1f7;
    border-radius:999px;
    min-height:64px;
  }
  .tz-convo-messages.has-message-scroll::-webkit-scrollbar-thumb:hover{
    background:linear-gradient(180deg,#ff2aa1 0%,#6945f5 100%);
  }
}
.tz-message-scroll-nav{display:none!important}

@media(max-width:820px){
  .tz-messages{height:calc(100vh - 122px);min-height:0;max-height:none;overflow:hidden}
  .tz-chat-list{min-height:0;overflow-y:auto}
  .tz-conversation{min-height:0;height:auto;overflow:hidden}
  .tz-convo-messages{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}
  .tz-convo-messages.has-message-scroll{scrollbar-width:thin;scrollbar-color:#8b5cf6 #eef1f7;padding-right:8px}
  .tz-convo-messages::-webkit-scrollbar{width:0}
  .tz-convo-messages.has-message-scroll::-webkit-scrollbar{width:8px}
  .tz-convo-messages.has-message-scroll::-webkit-scrollbar-track{background:#eef1f7;border-radius:999px;margin:7px 0}
  .tz-convo-messages.has-message-scroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ff1493,#7b4dff);border:2px solid #eef1f7;border-radius:999px;min-height:54px}
}


/* v1.0.26 — private chat identity, replies and near-real-time sync */
.tz-convo-head{justify-content:flex-start}
.tz-convo-user{display:flex;align-items:center;gap:10px;min-width:0}
.tz-convo-user>span{display:flex;flex-direction:column;min-width:0}
.tz-convo-user strong{font-size:14px;line-height:1.2;color:#182238}
.tz-convo-user small{font-size:10px;color:#8590a6;margin-top:2px}
.tz-chat-person .tz-avatar,.tz-convo-user .tz-avatar{flex:0 0 auto;object-fit:cover}
.tz-message-wrap{max-width:76%;align-self:flex-start;display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.tz-message-wrap.me{align-self:flex-end;align-items:flex-end}
.tz-message-wrap .tz-bubble{max-width:100%;align-self:auto}
.tz-chat-reply-action{border:0;background:transparent;color:#8994a8;font-size:10px;padding:2px 7px;cursor:pointer;border-radius:8px;opacity:0;transition:.15s ease}
.tz-message-wrap:hover .tz-chat-reply-action,.tz-chat-reply-action:focus{opacity:1;color:#7652f5;background:#f4f1ff}
.tz-chat-reply-preview{display:flex;flex-direction:column;align-items:flex-start;width:100%;max-width:260px;border:0;border-left:3px solid #a78bfa;background:rgba(255,255,255,.58);padding:6px 8px;margin:0 0 7px;border-radius:8px;color:#4b5870;text-align:left;cursor:pointer}
.tz-bubble.me .tz-chat-reply-preview{background:rgba(255,255,255,.18);border-left-color:#fff;color:#fff}
.tz-chat-reply-preview strong{font-size:10px;line-height:1.2}
.tz-chat-reply-preview span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;opacity:.86;margin-top:2px}
.tz-chat-compose{flex-wrap:wrap}
.tz-chat-replybar{order:-1;flex:0 0 100%;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:-4px 0 3px;padding:7px 9px;border-left:3px solid #8b5cf6;background:#f7f5ff;border-radius:9px;color:#536078}
.tz-chat-replybar>span{display:flex;align-items:center;gap:6px;min-width:0;font-size:10px}
.tz-chat-replybar strong{color:#6d49ef;white-space:nowrap}
.tz-chat-replybar small{display:block;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7a869b}
.tz-chat-replybar button{width:25px;height:25px;border:0;border-radius:50%;background:#ece8fb;color:#6853d7;cursor:pointer;flex:0 0 auto}
.tz-message-wrap.is-highlighted .tz-bubble{box-shadow:0 0 0 3px rgba(123,77,255,.18);transition:.2s ease}
@media(max-width:820px){.tz-message-wrap{max-width:85%}.tz-chat-reply-action{opacity:1}.tz-chat-replybar small{max-width:44vw}.tz-chat-reply-preview{max-width:220px}}


/* v1.0.28 — private-chat typing indicator only */
.tz-chat-typing{height:22px;min-height:22px;display:flex;align-items:center;padding:0 18px;background:#fff;color:#7b4dff;font-size:11px;font-weight:700;letter-spacing:.01em;opacity:0;visibility:hidden;transition:opacity .15s ease;border-top:1px solid transparent}
.tz-chat-typing.is-typing{opacity:1;visibility:visible}
@media(max-width:820px){.tz-chat-typing{height:20px;min-height:20px;padding:0 12px;font-size:10px}}


/* v1.0.29 — typing stays visible while message input is non-empty */


/* v1.0.30 — separate WebRTC audio/video calls + in-call chat */
.tz-convo-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.tz-convo-call-actions{display:flex;align-items:center;gap:7px;margin-left:auto}
.tz-call-mini{width:38px;height:38px;border:1px solid #e5e9f2;border-radius:50%;background:#fff;color:#6d52ee;display:grid;place-items:center;cursor:pointer;transition:.15s ease;box-shadow:0 4px 14px rgba(42,55,91,.05)}
.tz-call-mini:hover{background:#f4f0ff;color:#ff1493;transform:translateY(-1px)}
.tz-call-mini svg{width:19px;height:19px}
.tz-call-layer{position:fixed;inset:0;z-index:99990;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(18,25,43,.72);backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:.18s ease}
.tz-call-layer.is-open{opacity:1;visibility:visible}
.tz-call-shell{width:min(1180px,96vw);height:min(760px,92vh);background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 28px 80px rgba(15,23,42,.35);display:grid;grid-template-columns:minmax(0,1fr) 330px}
.tz-call-stage{position:relative;min-width:0;background:radial-gradient(circle at 20% 10%,rgba(255,61,166,.19),transparent 28%),radial-gradient(circle at 88% 12%,rgba(113,73,255,.24),transparent 30%),#111827;overflow:hidden}
.tz-call-top{position:absolute;z-index:6;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:18px 20px;background:linear-gradient(180deg,rgba(10,15,28,.70),transparent);color:#fff}
.tz-call-peer{display:flex;align-items:center;gap:10px;min-width:0}.tz-call-peer img{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.8)}.tz-call-peer strong{display:block;font-size:15px}.tz-call-peer small{display:block;font-size:11px;opacity:.78;margin-top:2px}
.tz-call-type-chip{font-size:11px;font-weight:800;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.14);backdrop-filter:blur(8px)}
.tz-call-video-area{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.tz-call-remote-video{width:100%;height:100%;object-fit:cover;background:#111827}
.tz-call-local-video{position:absolute;right:18px;bottom:94px;width:190px;height:138px;border-radius:20px;object-fit:cover;background:#20283a;border:3px solid rgba(255,255,255,.84);box-shadow:0 12px 35px rgba(0,0,0,.28);z-index:4}
.tz-call-audio-view{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;padding:40px}.tz-call-audio-avatar{width:132px;height:132px;border-radius:50%;object-fit:cover;border:5px solid rgba(255,255,255,.85);box-shadow:0 0 0 12px rgba(255,255,255,.08),0 20px 50px rgba(0,0,0,.3)}.tz-call-audio-view h2{margin:18px 0 4px;font-size:28px}.tz-call-audio-view p{margin:0;color:#d7dbea}.tz-call-audio-rings{position:absolute;width:220px;height:220px;border-radius:50%;border:1px solid rgba(255,255,255,.18);animation:tzCallPulse 1.8s infinite ease-out}.tz-call-audio-rings.r2{animation-delay:.55s}.tz-call-audio-rings.r3{animation-delay:1.1s}@keyframes tzCallPulse{0%{transform:scale(.68);opacity:.75}100%{transform:scale(1.22);opacity:0}}
.tz-call-controls{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);z-index:7;display:flex;gap:11px;align-items:center;padding:9px 11px;border-radius:999px;background:rgba(17,24,39,.58);backdrop-filter:blur(12px)}
.tz-call-control{width:48px;height:48px;border:0;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.14);color:#fff;cursor:pointer;position:relative}.tz-call-control:hover{background:rgba(255,255,255,.23)}.tz-call-control.off{background:#fff;color:#48536a}.tz-call-control.end{background:#ef3355}.tz-call-control svg{width:21px;height:21px}.tz-call-chat-toggle{display:none}.tz-call-chat-badge{position:absolute;top:-5px;right:-4px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#ff174f;color:#fff;font-size:10px;font-weight:900;display:grid;place-items:center;box-shadow:0 4px 12px rgba(255,23,79,.35)}.tz-call-chat-badge.boom{animation:tzBadgeBoom .55s ease}@keyframes tzBadgeBoom{0%{transform:scale(.6)}55%{transform:scale(1.45)}100%{transform:scale(1)}}
.tz-call-chat{display:flex;flex-direction:column;min-width:0;background:#fff;border-left:1px solid #eef1f6}.tz-call-chat-head{height:68px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f6}.tz-call-chat-head strong{font-size:16px}.tz-call-chat-head span{font-size:10px;color:#8a95a9}.tz-call-chat-close{display:none;width:34px;height:34px;border:0;border-radius:50%;background:#f1f3f8;color:#526078;cursor:pointer}
.tz-call-chat-list{flex:1;min-height:0;overflow:auto;padding:14px;background:#fbfbfe;display:flex;flex-direction:column;gap:8px}.tz-call-chat-msg{max-width:82%;padding:9px 11px;border-radius:14px;background:#eef1f7;color:#34415b;font-size:12px;line-height:1.35;align-self:flex-start}.tz-call-chat-msg.me{align-self:flex-end;background:linear-gradient(120deg,#7650f7,#ff2e9f);color:#fff}.tz-call-chat-msg img{display:block;max-width:210px;max-height:190px;border-radius:10px}.tz-call-chat-time{font-size:8px;opacity:.65;margin-top:3px}.tz-call-chat-compose{padding:11px;border-top:1px solid #edf0f6;display:flex;gap:7px;align-items:center}.tz-call-chat-compose input{flex:1;min-width:0;height:40px;border:1px solid #dfe4ed;border-radius:20px;padding:0 13px;outline:0}.tz-call-chat-compose button{width:40px;height:40px;border:0;border-radius:50%;display:grid;place-items:center;background:linear-gradient(120deg,#ff1493,#6d4cff);color:#fff;cursor:pointer}.tz-call-chat-compose svg{width:18px;height:18px}
.tz-call-status{position:absolute;left:50%;top:86px;transform:translateX(-50%);z-index:7;color:#fff;background:rgba(17,24,39,.55);padding:7px 11px;border-radius:999px;font-size:11px;backdrop-filter:blur(9px)}
.tz-call-incoming{position:fixed;right:24px;top:88px;z-index:100000;width:min(370px,calc(100vw - 28px));padding:14px;background:#fff;border:1px solid #eceff5;border-radius:22px;box-shadow:0 22px 55px rgba(25,35,65,.22);display:flex;align-items:center;gap:12px;transform:translateY(-18px);opacity:0;pointer-events:none;transition:.18s ease}.tz-call-incoming.show{transform:none;opacity:1;pointer-events:auto}.tz-call-incoming img{width:54px;height:54px;border-radius:50%;object-fit:cover}.tz-call-incoming-main{flex:1;min-width:0}.tz-call-incoming-main strong{display:block;font-size:14px}.tz-call-incoming-main span{display:block;font-size:11px;color:#7a869b;margin-top:2px}.tz-call-incoming-actions{display:flex;gap:6px}.tz-call-answer,.tz-call-decline{width:38px;height:38px;border:0;border-radius:50%;display:grid;place-items:center;color:#fff;cursor:pointer}.tz-call-answer{background:#19c77a}.tz-call-decline{background:#ef3355}.tz-call-answer svg,.tz-call-decline svg{width:18px;height:18px}
body.tz-call-open{overflow:hidden}
@media(max-width:820px){.tz-call-layer{padding:0}.tz-call-shell{width:100vw;height:100dvh;border-radius:0;display:block;position:relative}.tz-call-stage{position:absolute;inset:0}.tz-call-chat{position:absolute;inset:0;z-index:12;border:0;transform:translateX(100%);transition:.2s ease}.tz-call-layer.chat-open .tz-call-chat{transform:none}.tz-call-chat-head{height:60px}.tz-call-chat-close{display:grid;place-items:center}.tz-call-chat-toggle{display:grid}.tz-call-video-area{display:grid;grid-template-rows:1fr 1fr;gap:2px;background:#0f172a}.tz-call-remote-video,.tz-call-local-video{position:static;width:100%;height:100%;border:0;border-radius:0;box-shadow:none;object-fit:cover}.tz-call-local-video{transform:none}.tz-call-top{padding:14px 12px}.tz-call-peer img{width:38px;height:38px}.tz-call-status{top:68px}.tz-call-controls{bottom:18px;gap:8px;padding:8px}.tz-call-control{width:45px;height:45px}.tz-call-audio-view{padding-bottom:110px}.tz-call-chat-list{padding-bottom:12px}.tz-call-incoming{right:14px;top:72px}.tz-convo-call-actions{gap:4px}.tz-call-mini{width:36px;height:36px}}


/* v1.0.31 — audible incoming-call ringtone */
.tz-call-incoming.is-ringing{animation:tzIncomingPulse 1.35s ease-in-out infinite}
@keyframes tzIncomingPulse{0%,100%{box-shadow:0 22px 55px rgba(25,35,65,.22)}50%{box-shadow:0 22px 62px rgba(122,76,255,.30),0 0 0 5px rgba(255,20,147,.06)}}
@media(prefers-reduced-motion:reduce){.tz-call-incoming.is-ringing{animation:none}}


/* v1.0.33 — Explore members + Shout discovery filters */
.tz-shouts-head{gap:14px;flex-wrap:wrap}
.tz-shout-filters{display:flex;align-items:center;gap:6px;margin-left:auto;padding:4px;background:#eef1f7;border-radius:18px}
.tz-shout-filters a{display:inline-flex;align-items:center;justify-content:center;height:30px;padding:0 12px;border-radius:14px;color:#68758e;font-size:11px;font-weight:800;white-space:nowrap;transition:.15s ease}
.tz-shout-filters a:hover{color:#6548ee;background:#fff}
.tz-shout-filters a.active{color:#fff;background:linear-gradient(110deg,var(--tz-pink),var(--tz-purple));box-shadow:0 5px 14px rgba(108,76,255,.18)}
.tz-explore-title-row{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:18px}
.tz-explore-title-row .tz-page-title{margin-bottom:4px}
.tz-explore-title-row p{margin:0;color:var(--tz-muted);font-size:13px}
.tz-explore-user-actions{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap}
@media(max-width:820px){.tz-shouts-head{align-items:flex-start}.tz-shout-filters{width:100%;margin-left:0;overflow-x:auto;justify-content:flex-start;scrollbar-width:none}.tz-shout-filters::-webkit-scrollbar{display:none}.tz-shout-filters a{flex:0 0 auto}.tz-explore-title-row{margin-bottom:13px}.tz-explore-title-row p{font-size:12px}}


/* v1.0.34 — dedicated Stories page, no Story strip in Shouts */
@media(min-width:821px){.tz-layout.tz-stories-layout{grid-template-columns:220px minmax(0,1fr);}.tz-stories-layout .tz-main{min-width:0}}
.tz-stories-page{min-width:0;padding:4px 2px 30px}
.tz-stories-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:6px 0 22px;padding:0 4px}
.tz-stories-page-head h1{margin:0;color:#111b34;font-size:30px;line-height:1.05;letter-spacing:-.7px}
.tz-stories-page-head p{margin:7px 0 0;color:#7a86a0;font-size:14px}
.tz-story-search{position:relative;width:min(280px,38%)}
.tz-story-search svg{position:absolute;left:14px;top:12px;width:18px;height:18px;color:#8290aa}
.tz-story-search input{width:100%;height:43px;border:0;outline:0;border-radius:23px;background:#eef2f8;padding:0 15px 0 42px;color:#25324b}
.tz-story-people-row{display:flex;gap:18px;align-items:flex-start;overflow-x:auto;padding:2px 5px 18px;scrollbar-width:none}.tz-story-people-row::-webkit-scrollbar{display:none}
.tz-story-person,.tz-story-person-add{width:78px;min-width:78px;border:0;background:transparent;padding:0;display:flex;flex-direction:column;align-items:center;gap:8px;color:#27344d;font-size:12px;cursor:pointer}
.tz-story-person b,.tz-story-person-add b{max-width:78px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.tz-story-person-ring{width:66px;height:66px;padding:3px;border-radius:50%;background:linear-gradient(145deg,#ff235e,#ff9b19,#754dff);display:block}
.tz-story-person-ring img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:3px solid #fff;display:block}
.tz-story-person-add>span{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:#f0f2fb;color:#6c4cff;font-size:34px;font-weight:300}
.tz-story-section-title{display:flex;align-items:center;justify-content:space-between;margin:15px 4px 15px}.tz-story-section-title h2{margin:0;font-size:22px;color:#121c35}.tz-story-section-title span{font-size:12px;color:#8750fa;font-weight:700}
.tz-story-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.tz-story-card{position:relative;min-width:0;aspect-ratio:9/15;border-radius:18px;overflow:hidden;background:#e9edf5;box-shadow:0 8px 24px rgba(37,48,79,.08)}
.tz-story-card-open{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;background:#e9edf5;cursor:pointer;text-align:left}
.tz-story-card-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .22s ease}.tz-story-card:hover .tz-story-card-image{transform:scale(1.025)}
.tz-story-card-open::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,18,35,.34),transparent 30%,transparent 66%,rgba(8,14,29,.4))}
.tz-story-card-user{position:absolute;left:11px;top:11px;z-index:2;display:flex;align-items:center;gap:7px;color:#fff;text-shadow:0 1px 5px rgba(0,0,0,.45)}
.tz-story-card-user>img{width:35px;height:35px;border-radius:50%;object-fit:cover;border:2px solid #fff;outline:2px solid #ff4d95}
.tz-story-card-user>span{display:flex;flex-direction:column}.tz-story-card-user b{font-size:12px;line-height:1.1}.tz-story-card-user small{font-size:9px;opacity:.9;margin-top:2px}
.tz-story-like{position:absolute;right:10px;bottom:10px;z-index:4;height:34px;min-width:50px;padding:0 10px;border:0;border-radius:18px;background:rgba(20,28,48,.48);backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;gap:5px;color:#fff;cursor:pointer}.tz-story-like svg{width:17px;height:17px}.tz-story-like.liked{background:rgba(255,20,147,.9)}.tz-story-like.liked svg{fill:currentColor}
.tz-story-empty{grid-column:1/-1;padding:50px}
.tz-modal.tz-modal-story{padding:20px}.tz-modal.tz-modal-story .tz-modal-card{width:min(470px,94vw);max-height:94vh;border-radius:24px;background:#111827;overflow:hidden}.tz-modal.tz-modal-story .tz-modal-inner{padding:0}
.tz-story-viewer{position:relative;background:#111827;display:flex;flex-direction:column;max-height:94vh}.tz-story-viewer-head{height:62px;flex:0 0 62px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;background:#fff}.tz-story-viewer-user{display:flex;align-items:center;gap:9px;min-width:0}.tz-story-viewer-user img{width:40px;height:40px;border-radius:50%;object-fit:cover}.tz-story-viewer-user span{display:flex;flex-direction:column;min-width:0}.tz-story-viewer-user b{font-size:13px;color:#172239}.tz-story-viewer-user small{font-size:10px;color:#7b879c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}
.tz-story-viewer-media{display:grid;place-items:center;min-height:0;flex:1;background:#111827}.tz-story-viewer-media img{display:block;max-width:100%;width:auto;max-height:calc(94vh - 118px);height:auto;object-fit:contain}
.tz-story-viewer-actions{height:56px;flex:0 0 56px;background:#fff;display:flex;align-items:center;justify-content:center}.tz-story-view-like{height:38px;min-width:88px;border:1px solid #eceef5;border-radius:20px;background:#f7f8fc;color:#61708b;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;font-weight:700}.tz-story-view-like svg{width:19px;height:19px}.tz-story-view-like.liked{color:#ff1493;background:#fff0f7;border-color:#ffd0e6}.tz-story-view-like.liked svg{fill:currentColor}
@media(max-width:1200px) and (min-width:821px){.tz-story-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.tz-stories-page{padding:3px 0 12px}.tz-stories-page-head{margin:3px 2px 14px;align-items:center}.tz-stories-page-head h1{font-size:25px}.tz-stories-page-head p{font-size:12px}.tz-story-search{width:42%;min-width:140px}.tz-story-search input{height:39px;font-size:12px}.tz-story-search svg{top:10px}.tz-story-people-row{gap:12px;padding:2px 1px 15px}.tz-story-person,.tz-story-person-add{width:64px;min-width:64px}.tz-story-person-ring,.tz-story-person-add>span{width:58px;height:58px}.tz-story-person b,.tz-story-person-add b{max-width:64px;font-size:10px}.tz-story-section-title{margin:11px 2px}.tz-story-section-title h2{font-size:19px}.tz-story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tz-story-card{border-radius:15px}.tz-story-card-user{left:8px;top:8px}.tz-story-card-user>img{width:29px;height:29px}.tz-story-card-user b{font-size:10px}.tz-story-like{right:7px;bottom:7px;height:30px;min-width:44px;font-size:11px}.tz-modal.tz-modal-story{padding:0;align-items:stretch}.tz-modal.tz-modal-story .tz-modal-card{width:100%;height:100%;max-height:none;border-radius:0}.tz-story-viewer{height:100vh;max-height:none}.tz-story-viewer-media img{max-height:calc(100vh - 118px)}}


/* v1.0.35 — Points removed from left nav; profile Points card opens Points page */
.tz-profile-stat-link{color:inherit;text-decoration:none;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
.tz-profile-stat-link:hover{transform:translateY(-2px);background:#fff;box-shadow:0 8px 22px rgba(50,62,100,.08)}
.tz-profile-stat-link:focus-visible{outline:3px solid rgba(123,77,255,.22);outline-offset:2px}


/* v1.0.36 — Points activity paging + 24h log retention + daily earning limit */
.tz-points-top{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:14px;align-items:stretch;margin-bottom:16px}
.tz-points-balance{margin-bottom:0}
.tz-points-daily{padding:18px;border:1px solid #ebe7ff;border-radius:20px;background:linear-gradient(145deg,#faf8ff,#f2f5ff);display:flex;flex-direction:column;justify-content:center}
.tz-points-daily span{font-size:12px;color:#78849a;font-weight:700}
.tz-points-daily strong{font-size:26px;color:#6547e8;margin:3px 0}
.tz-points-daily small{font-size:11px;color:#8a95a9}
.tz-points-activity{border-top:1px solid #edf0f6}
.tz-points-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 4px;border-bottom:1px solid #edf0f6}
.tz-points-row span{min-width:0;color:#394760}.tz-points-row strong.positive{color:#12a86d}.tz-points-row strong.negative{color:#e14464}
.tz-points-pager{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:15px}
.tz-points-pager .tz-btn{min-width:92px;text-align:center}
.tz-points-pager .is-disabled{opacity:.35;pointer-events:none}
.tz-points-page-info{font-size:12px;color:#7b879c;font-weight:700}
@media(max-width:820px){.tz-points-top{grid-template-columns:1fr}.tz-points-daily{min-height:100px}.tz-points-pager .tz-btn{min-width:84px}}


/* v1.0.37 — Premium upsell removed completely */


/* v1.0.38 — Gifts moved from sidebar to profiles + admin-managed gift codes */
.tz-profile-stats{grid-template-columns:repeat(5,minmax(0,1fr))}
.tz-profile-stat i.gift{background:#ffe9f4;color:#e93f94}
.tz-gifts-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}
.tz-gifts-heading>div,.tz-gift-send-head>div{display:flex;align-items:center;gap:12px;min-width:0}
.tz-gifts-heading .tz-page-title{margin:0 0 2px}.tz-gifts-heading p{margin:0;color:var(--tz-muted);font-size:12px}
.tz-earned-gift-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tz-earned-gift{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px}
.tz-earned-gift .tz-gift-emoji{font-size:38px}.tz-earned-gift h4{margin:0 0 3px}.tz-earned-gift code{font-size:10px;color:#8792a7}.tz-earned-gift>strong{font-size:19px;color:#744cf2}
.tz-gift-send-head{display:flex;align-items:center;justify-content:space-between;margin:15px 0}.tz-gift-send-head h3{margin:0 0 3px}.tz-gift-send-head a{font-size:11px;color:#6d4cf0}
.tz-gift small{display:block;color:#919bad;font-size:9px;margin-top:-5px}.tz-gift p{margin:7px 0 10px}
@media(max-width:1100px){.tz-profile-stats{grid-template-columns:repeat(3,1fr)}.tz-earned-gift-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.tz-profile-stats{grid-template-columns:repeat(2,1fr)}.tz-earned-gift-grid{grid-template-columns:1fr}.tz-gifts-heading{align-items:flex-start;flex-direction:column}.tz-gifts-heading>.tz-btn{align-self:flex-start}}


/* v1.0.39 — gifts render as visual private-message cards, never notification text */
.tz-chat-gift-card{min-width:170px;max-width:230px;padding:13px 14px 10px;border:1px solid #ece8ff;border-radius:19px;background:linear-gradient(145deg,#fff 0%,#faf8ff 100%);box-shadow:0 8px 22px rgba(64,50,110,.08);text-align:center;color:#33405b}
.tz-chat-gift-card.me{background:linear-gradient(145deg,#7b4dff 0%,#f02ba9 100%);border-color:transparent;color:#fff}
.tz-chat-gift-label{font-size:11px;font-weight:700;line-height:1.3;opacity:.82;margin-bottom:7px}
.tz-chat-gift-icon{font-size:52px;line-height:1.05;filter:drop-shadow(0 6px 10px rgba(69,48,114,.12));margin:2px 0 5px}
.tz-chat-gift-name{font-size:13px;font-weight:900;line-height:1.2}
.tz-chat-gift-card .tz-bubble-time{margin-top:7px;text-align:right}
.tz-chat-gift-card .tz-chat-reply-preview{margin-bottom:8px}
.tz-call-chat-msg.tz-call-gift{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:130px;padding:10px 12px;text-align:center}
.tz-call-chat-msg.tz-call-gift small{font-size:9px;opacity:.78}
.tz-call-chat-msg.tz-call-gift>span{font-size:34px;line-height:1.1}
.tz-call-chat-msg.tz-call-gift strong{font-size:11px}
@media(max-width:820px){.tz-chat-gift-card{min-width:155px;max-width:210px}.tz-chat-gift-icon{font-size:46px}}


/* v1.0.40 — modern TeenZone notifications */
.tz-notifications-page{padding:20px 22px 24px}
.tz-notify-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:2px 2px 18px;border-bottom:1px solid var(--tz-border)}
.tz-notify-page-head .tz-page-title{margin:0;font-size:30px;letter-spacing:-.8px}.tz-notify-page-head p{margin:5px 0 0;color:var(--tz-muted);font-size:13px}
.tz-notify-head-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.tz-notify-head-btn{height:38px;border:1px solid #e4e8f1;background:#fff;color:#56647d;border-radius:12px;padding:0 12px;display:inline-flex;align-items:center;gap:7px;cursor:pointer;font-weight:700;font-size:12px;transition:.16s ease}
.tz-notify-head-btn svg{width:17px;height:17px}.tz-notify-head-btn:hover{background:#f7f5ff;border-color:#dcd4ff;color:#6847ef}.tz-notify-head-btn.danger:hover{background:#fff3f6;border-color:#ffd8e1;color:#e42e59}.tz-notify-head-btn:disabled{opacity:.55;cursor:not-allowed}
.tz-notification-list{display:flex;flex-direction:column;padding-top:8px}
.tz-notify-item{position:relative;display:flex;align-items:center;gap:8px;border-radius:17px;transition:.16s ease;margin:2px 0;border:1px solid transparent}
.tz-notify-item:hover{background:#fafaff;border-color:#f0eefc}.tz-notify-item.unread{background:linear-gradient(100deg,#fff3fb 0%,#f7f4ff 100%);border-color:#f3dcf1}
.tz-notify-open{flex:1;min-width:0;display:flex;align-items:center;gap:13px;padding:12px 10px 12px 12px;border-radius:17px}
.tz-notify-avatar{position:relative;flex:0 0 50px;width:50px;height:50px}.tz-notify-avatar>.tz-avatar{width:50px;height:50px;border:2px solid #fff;box-shadow:0 3px 10px rgba(28,39,77,.08)}
.tz-notify-avatar-fallback{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#f0effa;color:#7564da}.tz-notify-avatar-fallback svg{width:22px;height:22px}
.tz-notify-type{position:absolute;right:-3px;bottom:-3px;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;border:3px solid #fff;color:#fff;background:linear-gradient(135deg,#ff1995,#7a4dff);box-shadow:0 3px 9px rgba(88,64,175,.22)}
.tz-notify-type svg{width:11px;height:11px;stroke-width:2.4}.tz-notify-type.message{background:linear-gradient(135deg,#5a8cff,#7354ff)}.tz-notify-type.friend{background:linear-gradient(135deg,#24c889,#16a8c7)}.tz-notify-type.like,.tz-notify-type.story_like{background:linear-gradient(135deg,#ff3d79,#ff1594)}.tz-notify-type.audio_call,.tz-notify-type.video_call{background:linear-gradient(135deg,#7759ff,#297cff)}
.tz-notify-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.tz-notify-copy strong{font-size:13px;line-height:1.35;color:#1d2940;font-weight:800}.tz-notify-copy small{font-size:10.5px;color:#8b96aa}
.tz-notify-dot{width:9px;height:9px;border-radius:50%;background:#ff188e;box-shadow:0 0 0 4px rgba(255,24,142,.09);margin-left:auto;flex:0 0 auto}
.tz-notify-more-wrap{position:relative;flex:0 0 auto;margin-right:6px}.tz-notify-more{width:34px;height:34px;border:0;border-radius:50%;display:grid;place-items:center;background:transparent;color:#8290a8;cursor:pointer}.tz-notify-more:hover{background:#f1effa;color:#6d50e8}.tz-notify-more svg{width:18px;height:18px}
.tz-notify-menu{position:absolute;right:0;top:38px;z-index:20;width:190px;padding:6px;background:#fff;border:1px solid #e8eaf2;border-radius:13px;box-shadow:0 14px 38px rgba(31,43,75,.14)}.tz-notify-menu button{width:100%;height:38px;border:0;background:transparent;color:#db3158;border-radius:9px;padding:0 10px;display:flex;align-items:center;gap:9px;font-size:12px;font-weight:700;cursor:pointer}.tz-notify-menu button:hover{background:#fff2f5}.tz-notify-menu svg{width:17px;height:17px}
.tz-notify-empty{padding:58px 20px;text-align:center;color:#8792a6}.tz-notify-empty>svg{width:36px;height:36px;color:#9b89f6;margin-bottom:8px}.tz-notify-empty h3{margin:4px 0;font-size:18px;color:#27344b}.tz-notify-empty p{margin:0;font-size:12px}
@media(max-width:820px){.tz-notifications-page{padding:13px}.tz-notify-page-head{display:block}.tz-notify-page-head .tz-page-title{font-size:25px}.tz-notify-head-actions{justify-content:flex-start;margin-top:12px}.tz-notify-head-btn span{display:none}.tz-notify-head-btn{width:38px;padding:0;justify-content:center}.tz-notify-open{padding:10px 8px}.tz-notify-avatar,.tz-notify-avatar>.tz-avatar,.tz-notify-avatar-fallback{width:44px;height:44px;flex-basis:44px}.tz-notify-type{width:21px;height:21px}.tz-notify-copy strong{font-size:12px}.tz-notify-more-wrap{margin-right:0}}


/* v1.0.41 — separated TeenZone Settings categories */
@media(min-width:1181px){.tz-layout.tz-settings-layout{grid-template-columns:205px minmax(0,1fr);max-width:none}.tz-settings-layout .tz-main{width:100%;max-width:1040px}.tz-settings-layout .tz-sidebar{min-width:0}}
.tz-settings-shell{display:grid;grid-template-columns:230px minmax(0,1fr);gap:16px;align-items:start}
.tz-settings-nav{padding:13px;position:sticky;top:78px}.tz-settings-user{display:flex;align-items:center;gap:10px;padding:8px 8px 14px;border-bottom:1px solid var(--tz-border);margin-bottom:9px}.tz-settings-user>div{display:flex;flex-direction:column;min-width:0}.tz-settings-user strong{font-size:13px}.tz-settings-user span{font-size:10px;color:var(--tz-muted)}.tz-settings-nav nav{display:grid;gap:5px}.tz-settings-nav nav a{display:flex;align-items:center;gap:10px;height:42px;padding:0 11px;border-radius:11px;color:#536078;font-size:13px;font-weight:700}.tz-settings-nav nav a svg{width:19px;height:19px}.tz-settings-nav nav a.active,.tz-settings-nav nav a:hover{background:#f1edff;color:#7047f2}.tz-settings-panel{padding:22px;min-height:620px}.tz-settings-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:17px;border-bottom:1px solid var(--tz-border);margin-bottom:19px}.tz-settings-head h1{margin:0;font-size:25px}.tz-settings-head p{margin:4px 0 0;color:var(--tz-muted);font-size:12px}.tz-settings-form{display:grid;gap:17px}.tz-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.tz-settings-grid label,.tz-settings-avatar-row>div{display:grid;gap:6px;font-size:12px;font-weight:800;color:#35415a}.tz-settings-grid .wide{grid-column:1/-1}.tz-settings-grid input,.tz-settings-grid textarea,.tz-settings-grid select,.tz-setting-row select,.tz-modal-input{width:100%;border:1px solid #dfe4ef;background:#fff;border-radius:12px;padding:11px 12px;outline:none;color:#253149}.tz-settings-grid input:focus,.tz-settings-grid textarea:focus,.tz-setting-row select:focus,.tz-modal-input:focus{border-color:#9e7eff;box-shadow:0 0 0 3px rgba(123,77,255,.09)}.tz-settings-grid textarea{min-height:105px;resize:vertical}.tz-settings-grid small,.tz-settings-avatar-row span{font-weight:500;color:var(--tz-muted);font-size:10px}.tz-settings-avatar-row{display:flex;align-items:center;gap:16px;padding:15px;border:1px solid var(--tz-border);border-radius:16px;background:#fafbfe}.tz-settings-avatar-row .tz-avatar{width:76px;height:76px}.tz-settings-avatar-row input[type=file]{font-size:11px}.tz-inline-check{display:flex!important;grid-auto-flow:column;justify-content:start;align-items:center;gap:7px!important;font-size:10px!important;font-weight:600!important;color:#748198!important}.tz-inline-check input{width:auto}.tz-input-prefix{display:flex;align-items:center;border:1px solid #dfe4ef;border-radius:12px;background:#fff;overflow:hidden}.tz-input-prefix>span{padding-left:12px;color:#8a95a8}.tz-input-prefix input{border:0!important;box-shadow:none!important}.tz-settings-save{display:flex;justify-content:flex-end;padding-top:15px;border-top:1px solid var(--tz-border)}
.tz-settings-list{display:grid}.tz-setting-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:15px;padding:16px 2px;border-bottom:1px solid var(--tz-border)}.tz-setting-row>span:not(.tz-switch):not(.tz-setting-icon){display:flex;flex-direction:column;gap:3px}.tz-setting-row b{font-size:13px}.tz-setting-row small{font-size:10.5px;color:var(--tz-muted)}.tz-setting-row select{width:170px;padding:9px 11px}.tz-setting-icon{width:39px;height:39px;border-radius:12px;background:#f2efff;color:#744cf2;display:grid;place-items:center;margin-right:-2px}.tz-setting-icon svg{width:20px;height:20px}.tz-setting-row:has(.tz-setting-icon){grid-template-columns:auto minmax(0,1fr) auto}.tz-switch{position:relative;width:44px;height:25px;display:inline-block}.tz-switch input{position:absolute;opacity:0}.tz-switch i{display:block;width:44px;height:25px;border-radius:999px;background:#dbe0ea;transition:.2s;cursor:pointer}.tz-switch i:after{content:"";display:block;width:19px;height:19px;border-radius:50%;background:#fff;margin:3px;box-shadow:0 2px 7px rgba(35,47,80,.2);transition:.2s}.tz-switch input:checked+i{background:linear-gradient(110deg,var(--tz-pink),var(--tz-purple))}.tz-switch input:checked+i:after{transform:translateX(19px)}
.tz-blocked-list{display:grid;gap:9px}.tz-blocked-user{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--tz-border);border-radius:14px}.tz-blocked-user>a{display:flex;align-items:center;gap:10px;min-width:0}.tz-blocked-user>a>span{display:flex;flex-direction:column}.tz-blocked-user b{font-size:13px}.tz-blocked-user small{font-size:10px;color:var(--tz-muted)}.tz-settings-empty{text-align:center;padding:70px 20px;color:var(--tz-muted)}.tz-settings-empty svg{width:42px;height:42px;color:#9b8aeb}.tz-settings-empty h3{color:var(--tz-text);margin:10px 0 3px}.tz-settings-empty p{font-size:12px;margin:0}
.tz-settings-section{padding:4px 0 22px;margin-bottom:18px;border-bottom:1px solid var(--tz-border)}.tz-settings-section>h3{display:flex;align-items:center;gap:8px;font-size:16px;margin:0 0 14px}.tz-settings-section>h3 svg{width:20px;height:20px;color:#7750f2}.tz-appearance-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tz-appearance-choices label{cursor:pointer}.tz-appearance-choices input{position:absolute;opacity:0}.tz-appearance-choices span{display:grid;place-items:center;height:72px;border:1px solid #e0e4ed;border-radius:14px;background:#fafbfe;font-weight:800;font-size:12px;color:#56627a}.tz-appearance-choices input:checked+span{border-color:#8b64f6;background:#f2edff;color:#6d45ef;box-shadow:0 0 0 3px rgba(123,77,255,.08)}.tz-account-actions{display:grid;gap:8px}.tz-account-action{width:100%;display:flex;align-items:center;gap:11px;border:1px solid var(--tz-border);background:#fff;border-radius:14px;padding:12px;text-align:left;cursor:pointer;color:#35415a}.tz-account-action>i{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#f3f5fa;color:#59667d}.tz-account-action>i svg{width:19px;height:19px}.tz-account-action>span{display:flex;flex-direction:column;gap:2px}.tz-account-action b{font-size:12px}.tz-account-action small{font-size:10px;color:var(--tz-muted)}.tz-account-action.warning>i{background:#fff5df;color:#c2870f}.tz-account-action.danger>i{background:#ffe9ee;color:#d62f50}.tz-account-action.danger{border-color:#ffe0e7}.tz-private-profile{padding:50px;text-align:center}.tz-private-profile>.tz-avatar{width:90px;height:90px}.tz-private-profile h2{margin:10px 0 0}.tz-private-profile>p{color:var(--tz-muted)}.tz-private-icon{width:50px;height:50px;border-radius:16px;margin:20px auto 8px;background:#f2edff;color:#744cf2;display:grid;place-items:center}.tz-private-icon svg{width:25px;height:25px}
/* Dark appearance: TeenZone variables + major surfaces */
body.tz-appearance-dark{--tz-bg:#111522;--tz-card:#1a2030;--tz-text:#f4f6fb;--tz-muted:#9aa5b8;--tz-border:#2b3347;background:radial-gradient(circle at 8% 8%,rgba(132,44,120,.4),transparent 25%),radial-gradient(circle at 91% 9%,rgba(51,77,159,.5),transparent 27%),#111522;color:var(--tz-text)}body.tz-appearance-dark .tz-app,body.tz-appearance-dark .tz-topbar,body.tz-appearance-dark .tz-card,body.tz-appearance-dark .tz-settings-panel,body.tz-appearance-dark .tz-account-action,body.tz-appearance-dark .tz-settings-grid input,body.tz-appearance-dark .tz-settings-grid textarea,body.tz-appearance-dark .tz-setting-row select,body.tz-appearance-dark .tz-input-prefix,body.tz-appearance-dark .tz-modal-card{background:#1a2030;color:var(--tz-text)}body.tz-appearance-dark .tz-search input,body.tz-appearance-dark .tz-composer-input,body.tz-appearance-dark .tz-chat-compose input{background:#222a3b;color:#f4f6fb}body.tz-appearance-dark .tz-settings-avatar-row,body.tz-appearance-dark .tz-appearance-choices span{background:#202738}body.tz-appearance-dark .tz-menu a,body.tz-appearance-dark .tz-toplink,body.tz-appearance-dark .tz-settings-nav nav a{color:#b9c2d3}body.tz-appearance-dark .tz-convo-messages{background:#141927}@media(prefers-color-scheme:dark){body.tz-appearance-system{--tz-bg:#111522;--tz-card:#1a2030;--tz-text:#f4f6fb;--tz-muted:#9aa5b8;--tz-border:#2b3347;background:#111522;color:var(--tz-text)}body.tz-appearance-system .tz-app,body.tz-appearance-system .tz-topbar,body.tz-appearance-system .tz-card{background:#1a2030;color:var(--tz-text)}}
@media(max-width:820px){.tz-settings-shell{display:block}.tz-settings-nav{position:static;margin-bottom:10px;padding:9px}.tz-settings-user{display:none}.tz-settings-nav nav{display:flex;overflow-x:auto;gap:5px;scrollbar-width:none}.tz-settings-nav nav a{min-width:max-content;height:38px;padding:0 10px}.tz-settings-panel{padding:16px;min-height:0}.tz-settings-grid{grid-template-columns:1fr}.tz-settings-grid .wide{grid-column:auto}.tz-settings-head h1{font-size:21px}.tz-setting-row{grid-template-columns:minmax(0,1fr) auto}.tz-setting-row:has(.tz-setting-icon){grid-template-columns:auto minmax(0,1fr) auto}.tz-setting-row select{width:135px}.tz-appearance-choices{grid-template-columns:1fr}.tz-settings-avatar-row{align-items:flex-start}.tz-settings-save .tz-btn{width:100%}}


/* v1.0.42 — stronger dark-mode surfaces/readability fixes */
body.tz-appearance-dark .tz-story-search input,
body.tz-appearance-dark .tz-pill-select,
body.tz-appearance-dark .tz-tab,
body.tz-appearance-dark .tz-chat-person:hover,
body.tz-appearance-dark .tz-chat-person.active,
body.tz-appearance-dark .tz-profile-header,
body.tz-appearance-dark .tz-profile-stat,
body.tz-appearance-dark .tz-profile-tabs,
body.tz-appearance-dark .tz-profile-about,
body.tz-appearance-dark .tz-profile-photo-preview,
body.tz-appearance-dark .tz-profile-tab-panel,
body.tz-appearance-dark .tz-profile-mini-empty,
body.tz-appearance-dark .tz-story-person-add>span,
body.tz-appearance-dark .tz-story-viewer-head,
body.tz-appearance-dark .tz-story-viewer-actions,
body.tz-appearance-dark .tz-story-view-like,
body.tz-appearance-dark .tz-chat-list,
body.tz-appearance-dark .tz-person,
body.tz-appearance-dark .tz-form input,
body.tz-appearance-dark .tz-form textarea,
body.tz-appearance-dark .tz-form select{background:#1d2536;color:#f4f6fb;border-color:#2c3449}
body.tz-appearance-dark .tz-profile-backdrop{background:radial-gradient(circle at 10% 35%,rgba(255,70,176,.12),transparent 20%),radial-gradient(circle at 93% 16%,rgba(135,86,255,.14),transparent 24%),#171f30}
body.tz-appearance-dark .tz-profile-stat strong,
body.tz-appearance-dark .tz-profile-about h3,
body.tz-appearance-dark .tz-profile-photo-preview h3,
body.tz-appearance-dark .tz-profile-tab-title h2,
body.tz-appearance-dark .tz-page-title,
body.tz-appearance-dark .tz-section-head h2,
body.tz-appearance-dark .tz-story-section-title h2,
body.tz-appearance-dark .tz-stories-page-head h1,
body.tz-appearance-dark .tz-profile-copy h1{color:#f4f6fb}
body.tz-appearance-dark .tz-story-search svg,
body.tz-appearance-dark .tz-story-search input::placeholder,
body.tz-appearance-dark .tz-profile-stat span,
body.tz-appearance-dark .tz-profile-copy p,
body.tz-appearance-dark .tz-profile-tab-title>span,
body.tz-appearance-dark .tz-stories-page-head p,
body.tz-appearance-dark .tz-story-section-title span,
body.tz-appearance-dark .tz-person p,
body.tz-appearance-dark .tz-form label,
body.tz-appearance-dark .tz-chat-person span{color:#aeb8ca}
body.tz-appearance-dark .tz-profile-tabs a,
body.tz-appearance-dark .tz-tab,
body.tz-appearance-dark .tz-story-person,
body.tz-appearance-dark .tz-story-person-add,
body.tz-appearance-dark .tz-person h4,
body.tz-appearance-dark .tz-chat-person strong{color:#d6ddec}
body.tz-appearance-dark .tz-profile-tabs a.active{color:#ff4aa9}
body.tz-appearance-dark .tz-profile-stat-link:hover{background:#232c40;box-shadow:0 8px 22px rgba(8,12,20,.32)}
body.tz-appearance-dark .tz-story-viewer{background:#0f1523}
body.tz-appearance-dark .tz-story-viewer-user b{color:#f4f6fb}
body.tz-appearance-dark .tz-story-viewer-user small{color:#a7b2c6}
body.tz-appearance-dark .tz-story-view-like{background:#232c3f;color:#d8dfef;border-color:#34405b}
body.tz-appearance-dark .tz-story-view-like.liked{background:#402239;border-color:#7d345d;color:#ff75b9}
body.tz-appearance-dark .tz-shout-menu{background:#1d2536;border-color:#2c3449}
body.tz-appearance-dark .tz-shout-menu button{color:#e2e7f3}
body.tz-appearance-dark .tz-shout-menu button:hover{background:#263049}
body.tz-appearance-dark .tz-online-avatar img,.tz-story-person-ring img{border-color:#1d2536}
body.tz-appearance-dark .tz-dot{border-color:#1d2536}
body.tz-appearance-dark .tz-widget-head h3,
body.tz-appearance-dark .tz-trend-title,
body.tz-appearance-dark .tz-shout-author{color:#f4f6fb}
body.tz-appearance-dark .tz-trend-sub,
body.tz-appearance-dark .tz-trend-metric,
body.tz-appearance-dark .tz-shout-meta,
body.tz-appearance-dark .tz-empty{color:#aab5c8}
body.tz-appearance-dark .tz-stat,
body.tz-appearance-dark .tz-shout-stats{color:#b4bfd2}
body.tz-appearance-dark .tz-settings-shell .tz-settings-nav{background:#1a2030;border-color:#2b3347}
body.tz-appearance-dark .tz-private-profile,
body.tz-appearance-dark .tz-private-icon{background:#1d2536;color:#f4f6fb}

@media(prefers-color-scheme:dark){
  body.tz-appearance-system .tz-story-search input,
  body.tz-appearance-system .tz-pill-select,
  body.tz-appearance-system .tz-tab,
  body.tz-appearance-system .tz-chat-person:hover,
  body.tz-appearance-system .tz-chat-person.active,
  body.tz-appearance-system .tz-profile-header,
  body.tz-appearance-system .tz-profile-stat,
  body.tz-appearance-system .tz-profile-tabs,
  body.tz-appearance-system .tz-profile-about,
  body.tz-appearance-system .tz-profile-photo-preview,
  body.tz-appearance-system .tz-profile-tab-panel,
  body.tz-appearance-system .tz-profile-mini-empty,
  body.tz-appearance-system .tz-story-person-add>span,
  body.tz-appearance-system .tz-story-viewer-head,
  body.tz-appearance-system .tz-story-viewer-actions,
  body.tz-appearance-system .tz-story-view-like,
  body.tz-appearance-system .tz-chat-list,
  body.tz-appearance-system .tz-person,
  body.tz-appearance-system .tz-form input,
  body.tz-appearance-system .tz-form textarea,
  body.tz-appearance-system .tz-form select{background:#1d2536;color:#f4f6fb;border-color:#2c3449}
  body.tz-appearance-system .tz-profile-backdrop{background:radial-gradient(circle at 10% 35%,rgba(255,70,176,.12),transparent 20%),radial-gradient(circle at 93% 16%,rgba(135,86,255,.14),transparent 24%),#171f30}
  body.tz-appearance-system .tz-profile-stat strong,
  body.tz-appearance-system .tz-profile-about h3,
  body.tz-appearance-system .tz-profile-photo-preview h3,
  body.tz-appearance-system .tz-profile-tab-title h2,
  body.tz-appearance-system .tz-page-title,
  body.tz-appearance-system .tz-section-head h2,
  body.tz-appearance-system .tz-story-section-title h2,
  body.tz-appearance-system .tz-stories-page-head h1,
  body.tz-appearance-system .tz-profile-copy h1{color:#f4f6fb}
  body.tz-appearance-system .tz-story-search svg,
  body.tz-appearance-system .tz-story-search input::placeholder,
  body.tz-appearance-system .tz-profile-stat span,
  body.tz-appearance-system .tz-profile-copy p,
  body.tz-appearance-system .tz-profile-tab-title>span,
  body.tz-appearance-system .tz-stories-page-head p,
  body.tz-appearance-system .tz-story-section-title span,
  body.tz-appearance-system .tz-person p,
  body.tz-appearance-system .tz-form label,
  body.tz-appearance-system .tz-chat-person span{color:#aeb8ca}
  body.tz-appearance-system .tz-profile-tabs a,
  body.tz-appearance-system .tz-tab,
  body.tz-appearance-system .tz-story-person,
  body.tz-appearance-system .tz-story-person-add,
  body.tz-appearance-system .tz-person h4,
  body.tz-appearance-system .tz-chat-person strong{color:#d6ddec}
  body.tz-appearance-system .tz-profile-tabs a.active{color:#ff4aa9}
  body.tz-appearance-system .tz-profile-stat-link:hover{background:#232c40;box-shadow:0 8px 22px rgba(8,12,20,.32)}
  body.tz-appearance-system .tz-story-viewer{background:#0f1523}
  body.tz-appearance-system .tz-story-viewer-user b{color:#f4f6fb}
  body.tz-appearance-system .tz-story-viewer-user small{color:#a7b2c6}
  body.tz-appearance-system .tz-story-view-like{background:#232c3f;color:#d8dfef;border-color:#34405b}
  body.tz-appearance-system .tz-story-view-like.liked{background:#402239;border-color:#7d345d;color:#ff75b9}
  body.tz-appearance-system .tz-shout-menu{background:#1d2536;border-color:#2c3449}
  body.tz-appearance-system .tz-shout-menu button{color:#e2e7f3}
  body.tz-appearance-system .tz-shout-menu button:hover{background:#263049}
  body.tz-appearance-system .tz-widget-head h3,
  body.tz-appearance-system .tz-trend-title,
  body.tz-appearance-system .tz-shout-author{color:#f4f6fb}
  body.tz-appearance-system .tz-trend-sub,
  body.tz-appearance-system .tz-trend-metric,
  body.tz-appearance-system .tz-shout-meta,
  body.tz-appearance-system .tz-empty{color:#aab5c8}
  body.tz-appearance-system .tz-stat,
  body.tz-appearance-system .tz-shout-stats{color:#b4bfd2}
}

/* v1.0.43 — clean profile action icons without white background */
body.tz-appearance-dark .tz-profile-icon-btn{background:transparent!important;border:0!important;box-shadow:none!important;color:#e6ebf7}body.tz-appearance-dark .tz-profile-icon-btn:hover{background:rgba(255,255,255,.08)!important;color:#ff58af}@media(prefers-color-scheme:dark){body.tz-appearance-system .tz-profile-icon-btn{background:transparent!important;border:0!important;box-shadow:none!important;color:#e6ebf7}body.tz-appearance-system .tz-profile-icon-btn:hover{background:rgba(255,255,255,.08)!important;color:#ff58af}}


/* v1.0.44 — remove profile divider + much darker TeenZone dark mode */
.tz-profile-backdrop{border-bottom:0!important}

body.tz-appearance-dark{
  --tz-bg:#05070b;
  --tz-card:#0d121b;
  --tz-text:#f5f7fb;
  --tz-muted:#8d99ad;
  --tz-border:#1c2533;
  --tz-shadow:0 10px 35px rgba(0,0,0,.34);
  background:#05070b!important;
  color:var(--tz-text)
}
body.tz-appearance-dark .tz-app{background:#080c12!important}
body.tz-appearance-dark .tz-topbar,
body.tz-appearance-dark .tz-card,
body.tz-appearance-dark .tz-settings-panel,
body.tz-appearance-dark .tz-settings-nav,
body.tz-appearance-dark .tz-account-action,
body.tz-appearance-dark .tz-profile-header,
body.tz-appearance-dark .tz-profile-tabs,
body.tz-appearance-dark .tz-profile-about,
body.tz-appearance-dark .tz-profile-photo-preview,
body.tz-appearance-dark .tz-profile-tab-panel,
body.tz-appearance-dark .tz-person,
body.tz-appearance-dark .tz-chat-list,
body.tz-appearance-dark .tz-modal-card{
  background:#0d121b!important;
  border-color:#1c2533!important;
  color:#f5f7fb!important;
}
body.tz-appearance-dark .tz-profile-backdrop{
  background:radial-gradient(circle at 12% 35%,rgba(255,20,147,.09),transparent 23%),radial-gradient(circle at 92% 12%,rgba(108,76,255,.12),transparent 25%),#090d14!important;
  border-bottom:0!important
}
body.tz-appearance-dark .tz-search input,
body.tz-appearance-dark .tz-composer-input,
body.tz-appearance-dark .tz-chat-compose input,
body.tz-appearance-dark .tz-story-search input,
body.tz-appearance-dark .tz-settings-grid input,
body.tz-appearance-dark .tz-settings-grid textarea,
body.tz-appearance-dark .tz-settings-grid select,
body.tz-appearance-dark .tz-setting-row select,
body.tz-appearance-dark .tz-input-prefix,
body.tz-appearance-dark .tz-form input,
body.tz-appearance-dark .tz-form textarea,
body.tz-appearance-dark .tz-form select{
  background:#111823!important;
  border-color:#202b3b!important;
  color:#f3f6fb!important
}
body.tz-appearance-dark .tz-search input::placeholder,
body.tz-appearance-dark .tz-composer-input::placeholder,
body.tz-appearance-dark .tz-chat-compose input::placeholder,
body.tz-appearance-dark .tz-story-search input::placeholder,
body.tz-appearance-dark input::placeholder,
body.tz-appearance-dark textarea::placeholder{color:#69778d!important}
body.tz-appearance-dark .tz-convo-messages,
body.tz-appearance-dark .tz-comments{background:#070b11!important}
body.tz-appearance-dark .tz-bubble:not(.me){background:#151d29!important;color:#eef2f8!important}
body.tz-appearance-dark .tz-profile-stat,
body.tz-appearance-dark .tz-profile-mini-empty,
body.tz-appearance-dark .tz-story-person-add>span,
body.tz-appearance-dark .tz-tab,
body.tz-appearance-dark .tz-pill-select,
body.tz-appearance-dark .tz-appearance-choices span,
body.tz-appearance-dark .tz-settings-avatar-row{
  background:#111823!important;
  border-color:#202b3b!important;
  color:#e8edf6!important
}
body.tz-appearance-dark .tz-profile-stat-link:hover,
body.tz-appearance-dark .tz-chat-person:hover,
body.tz-appearance-dark .tz-chat-person.active,
body.tz-appearance-dark .tz-icon-action:hover,
body.tz-appearance-dark .tz-settings-nav nav a:hover,
body.tz-appearance-dark .tz-settings-nav nav a.active{background:#151e2b!important}
body.tz-appearance-dark .tz-profile-avatar-wrap .tz-avatar{border-color:#0d121b!important}
body.tz-appearance-dark .tz-profile-online{border-color:#0d121b!important}
body.tz-appearance-dark .tz-online-avatar img,
body.tz-appearance-dark .tz-story-person-ring img{border-color:#0d121b!important}
body.tz-appearance-dark .tz-dot{border-color:#0d121b!important}
body.tz-appearance-dark .tz-shout-menu,
body.tz-appearance-dark .tz-profile-more-menu{background:#101722!important;border-color:#202a39!important;box-shadow:0 18px 42px rgba(0,0,0,.44)!important}
body.tz-appearance-dark .tz-shout-menu button,
body.tz-appearance-dark .tz-profile-more-menu a,
body.tz-appearance-dark .tz-profile-more-menu button{color:#e8edf6!important}
body.tz-appearance-dark .tz-shout-menu button:hover,
body.tz-appearance-dark .tz-profile-more-menu a:hover,
body.tz-appearance-dark .tz-profile-more-menu button:hover{background:#182232!important}
body.tz-appearance-dark .tz-mobile-nav{background:#0b1018!important;border-color:#1c2533!important}
body.tz-appearance-dark .tz-story-viewer{background:#030508!important}
body.tz-appearance-dark .tz-story-viewer-head,
body.tz-appearance-dark .tz-story-viewer-actions{background:#0d121b!important;border-color:#1c2533!important}
body.tz-appearance-dark .tz-story-view-like{background:#131b27!important;color:#dfe6f2!important;border-color:#263246!important}
body.tz-appearance-dark .tz-profile-copy h1,
body.tz-appearance-dark .tz-profile-stat strong,
body.tz-appearance-dark .tz-widget-head h3,
body.tz-appearance-dark .tz-section-head h2,
body.tz-appearance-dark .tz-page-title,
body.tz-appearance-dark .tz-story-section-title h2,
body.tz-appearance-dark .tz-stories-page-head h1,
body.tz-appearance-dark .tz-profile-about h3,
body.tz-appearance-dark .tz-profile-photo-preview h3,
body.tz-appearance-dark .tz-shout-author{color:#f7f9fc!important}
body.tz-appearance-dark .tz-profile-copy .tz-profile-handle,
body.tz-appearance-dark .tz-profile-bio,
body.tz-appearance-dark .tz-profile-inline-meta,
body.tz-appearance-dark .tz-profile-inline-meta b,
body.tz-appearance-dark .tz-about-row,
body.tz-appearance-dark .tz-about-row b,
body.tz-appearance-dark .tz-profile-tabs a,
body.tz-appearance-dark .tz-story-person,
body.tz-appearance-dark .tz-story-person-add,
body.tz-appearance-dark .tz-menu a,
body.tz-appearance-dark .tz-toplink{color:#b7c0cf!important}
body.tz-appearance-dark .tz-profile-tabs a.active,
body.tz-appearance-dark .tz-toplink.active{color:#ff4eaa!important}
body.tz-appearance-dark .tz-shout-stats,
body.tz-appearance-dark .tz-stat,
body.tz-appearance-dark .tz-shout-meta,
body.tz-appearance-dark .tz-trend-sub,
body.tz-appearance-dark .tz-trend-metric,
body.tz-appearance-dark .tz-empty{color:#8f9cb0!important}

@media(prefers-color-scheme:dark){
  body.tz-appearance-system{
    --tz-bg:#05070b;
    --tz-card:#0d121b;
    --tz-text:#f5f7fb;
    --tz-muted:#8d99ad;
    --tz-border:#1c2533;
    --tz-shadow:0 10px 35px rgba(0,0,0,.34);
    background:#05070b!important;
    color:var(--tz-text)
  }
  body.tz-appearance-system .tz-app{background:#080c12!important}
  body.tz-appearance-system .tz-topbar,
  body.tz-appearance-system .tz-card,
  body.tz-appearance-system .tz-settings-panel,
  body.tz-appearance-system .tz-settings-nav,
  body.tz-appearance-system .tz-account-action,
  body.tz-appearance-system .tz-profile-header,
  body.tz-appearance-system .tz-profile-tabs,
  body.tz-appearance-system .tz-profile-about,
  body.tz-appearance-system .tz-profile-photo-preview,
  body.tz-appearance-system .tz-profile-tab-panel,
  body.tz-appearance-system .tz-person,
  body.tz-appearance-system .tz-chat-list,
  body.tz-appearance-system .tz-modal-card{background:#0d121b!important;border-color:#1c2533!important;color:#f5f7fb!important}
  body.tz-appearance-system .tz-profile-backdrop{background:radial-gradient(circle at 12% 35%,rgba(255,20,147,.09),transparent 23%),radial-gradient(circle at 92% 12%,rgba(108,76,255,.12),transparent 25%),#090d14!important;border-bottom:0!important}
  body.tz-appearance-system .tz-search input,
  body.tz-appearance-system .tz-composer-input,
  body.tz-appearance-system .tz-chat-compose input,
  body.tz-appearance-system .tz-story-search input,
  body.tz-appearance-system .tz-settings-grid input,
  body.tz-appearance-system .tz-settings-grid textarea,
  body.tz-appearance-system .tz-settings-grid select,
  body.tz-appearance-system .tz-setting-row select,
  body.tz-appearance-system .tz-input-prefix,
  body.tz-appearance-system .tz-form input,
  body.tz-appearance-system .tz-form textarea,
  body.tz-appearance-system .tz-form select{background:#111823!important;border-color:#202b3b!important;color:#f3f6fb!important}
  body.tz-appearance-system .tz-convo-messages,
  body.tz-appearance-system .tz-comments{background:#070b11!important}
  body.tz-appearance-system .tz-bubble:not(.me){background:#151d29!important;color:#eef2f8!important}
  body.tz-appearance-system .tz-profile-stat,
  body.tz-appearance-system .tz-profile-mini-empty,
  body.tz-appearance-system .tz-story-person-add>span,
  body.tz-appearance-system .tz-tab,
  body.tz-appearance-system .tz-pill-select,
  body.tz-appearance-system .tz-appearance-choices span,
  body.tz-appearance-system .tz-settings-avatar-row{background:#111823!important;border-color:#202b3b!important;color:#e8edf6!important}
  body.tz-appearance-system .tz-profile-avatar-wrap .tz-avatar,
  body.tz-appearance-system .tz-online-avatar img,
  body.tz-appearance-system .tz-story-person-ring img{border-color:#0d121b!important}
  body.tz-appearance-system .tz-profile-online,
  body.tz-appearance-system .tz-dot{border-color:#0d121b!important}
  body.tz-appearance-system .tz-mobile-nav{background:#0b1018!important;border-color:#1c2533!important}
}


/* v1.0.45 — clean dark-mode icons/buttons without white backgrounds */
body.tz-appearance-dark .tz-profile-stat i,
body.tz-appearance-dark .tz-profile-stat i.pink,
body.tz-appearance-dark .tz-profile-stat i.blue,
body.tz-appearance-dark .tz-profile-stat i.purple,
body.tz-appearance-dark .tz-profile-stat i.gold,
body.tz-appearance-dark .tz-setting-icon,
body.tz-appearance-dark .tz-account-action>i,
body.tz-appearance-dark .tz-account-action.warning>i,
body.tz-appearance-dark .tz-account-action.danger>i,
body.tz-appearance-dark .tz-private-icon,
body.tz-appearance-dark .tz-call-mini{background:transparent!important;box-shadow:none!important}
body.tz-appearance-dark .tz-profile-stat i{border:1px solid #243043}
body.tz-appearance-dark .tz-profile-stat i.pink{color:#ff62b3!important;border-color:rgba(255,98,179,.28)!important}
body.tz-appearance-dark .tz-profile-stat i.blue{color:#6ebcff!important;border-color:rgba(110,188,255,.28)!important}
body.tz-appearance-dark .tz-profile-stat i.purple{color:#b28cff!important;border-color:rgba(178,140,255,.28)!important}
body.tz-appearance-dark .tz-profile-stat i.gold{color:#ffcb60!important;border-color:rgba(255,203,96,.28)!important}
body.tz-appearance-dark .tz-setting-icon,
body.tz-appearance-dark .tz-account-action>i,
body.tz-appearance-dark .tz-private-icon{border:1px solid #243043;color:#cdb9ff!important}
body.tz-appearance-dark .tz-account-action.warning>i{color:#ffcf67!important;border-color:rgba(255,207,103,.28)!important}
body.tz-appearance-dark .tz-account-action.danger>i{color:#ff7b98!important;border-color:rgba(255,123,152,.28)!important}
body.tz-appearance-dark .tz-call-mini{border-color:#243043!important;color:#bca8ff!important}
body.tz-appearance-dark .tz-call-mini:hover{background:#151e2b!important;color:#ff56af!important}
body.tz-appearance-dark .tz-btn.ghost,
body.tz-appearance-dark .tz-btn.secondary,
body.tz-appearance-dark .tz-notify-head-btn{background:#111823!important;border:1px solid #243043!important;box-shadow:none!important;color:#e4ebf8!important}
body.tz-appearance-dark .tz-btn.ghost:hover,
body.tz-appearance-dark .tz-btn.secondary:hover,
body.tz-appearance-dark .tz-notify-head-btn:hover,
body.tz-appearance-dark .tz-notify-head-btn.danger:hover{background:#151e2b!important;border-color:#2e3b52!important;color:#ff57b0!important}
body.tz-appearance-dark .tz-shout-filters{background:#111823!important;border:1px solid #243043!important}
body.tz-appearance-dark .tz-shout-filters a{color:#b9c3d6!important}
body.tz-appearance-dark .tz-shout-filters a:hover{background:#151e2b!important;color:#ff57b0!important}
body.tz-appearance-dark .tz-shout-filters a.active{background:linear-gradient(110deg,var(--tz-pink),var(--tz-purple))!important;color:#fff!important}
body.tz-appearance-dark .tz-notify-type{border-color:#0d121b!important}

@media(prefers-color-scheme:dark){
  body.tz-appearance-system .tz-profile-stat i,
  body.tz-appearance-system .tz-profile-stat i.pink,
  body.tz-appearance-system .tz-profile-stat i.blue,
  body.tz-appearance-system .tz-profile-stat i.purple,
  body.tz-appearance-system .tz-profile-stat i.gold,
  body.tz-appearance-system .tz-setting-icon,
  body.tz-appearance-system .tz-account-action>i,
  body.tz-appearance-system .tz-account-action.warning>i,
  body.tz-appearance-system .tz-account-action.danger>i,
  body.tz-appearance-system .tz-private-icon,
  body.tz-appearance-system .tz-call-mini{background:transparent!important;box-shadow:none!important}
  body.tz-appearance-system .tz-profile-stat i{border:1px solid #243043}
  body.tz-appearance-system .tz-profile-stat i.pink{color:#ff62b3!important;border-color:rgba(255,98,179,.28)!important}
  body.tz-appearance-system .tz-profile-stat i.blue{color:#6ebcff!important;border-color:rgba(110,188,255,.28)!important}
  body.tz-appearance-system .tz-profile-stat i.purple{color:#b28cff!important;border-color:rgba(178,140,255,.28)!important}
  body.tz-appearance-system .tz-profile-stat i.gold{color:#ffcb60!important;border-color:rgba(255,203,96,.28)!important}
  body.tz-appearance-system .tz-setting-icon,
  body.tz-appearance-system .tz-account-action>i,
  body.tz-appearance-system .tz-private-icon{border:1px solid #243043;color:#cdb9ff!important}
  body.tz-appearance-system .tz-account-action.warning>i{color:#ffcf67!important;border-color:rgba(255,207,103,.28)!important}
  body.tz-appearance-system .tz-account-action.danger>i{color:#ff7b98!important;border-color:rgba(255,123,152,.28)!important}
  body.tz-appearance-system .tz-call-mini{border-color:#243043!important;color:#bca8ff!important}
  body.tz-appearance-system .tz-call-mini:hover{background:#151e2b!important;color:#ff56af!important}
  body.tz-appearance-system .tz-btn.ghost,
  body.tz-appearance-system .tz-btn.secondary,
  body.tz-appearance-system .tz-notify-head-btn{background:#111823!important;border:1px solid #243043!important;box-shadow:none!important;color:#e4ebf8!important}
  body.tz-appearance-system .tz-btn.ghost:hover,
  body.tz-appearance-system .tz-btn.secondary:hover,
  body.tz-appearance-system .tz-notify-head-btn:hover,
  body.tz-appearance-system .tz-notify-head-btn.danger:hover{background:#151e2b!important;border-color:#2e3b52!important;color:#ff57b0!important}
  body.tz-appearance-system .tz-shout-filters{background:#111823!important;border:1px solid #243043!important}
  body.tz-appearance-system .tz-shout-filters a{color:#b9c3d6!important}
  body.tz-appearance-system .tz-shout-filters a:hover{background:#151e2b!important;color:#ff57b0!important}
  body.tz-appearance-system .tz-shout-filters a.active{background:linear-gradient(110deg,var(--tz-pink),var(--tz-purple))!important;color:#fff!important}
  body.tz-appearance-system .tz-notify-type{border-color:#0d121b!important}
}


/* v1.0.46 — story popup close button without white background */
.tz-modal.tz-modal-story .tz-modal-x{background:transparent!important;border:0!important;box-shadow:none!important;color:#e8edf7}.tz-modal.tz-modal-story .tz-modal-x:hover{background:rgba(255,255,255,.08)!important;color:#ff58af}.tz-modal.tz-modal-story .tz-story-viewer-head{background:transparent!important}.tz-modal.tz-modal-story .tz-story-viewer-actions{background:transparent!important}
body.tz-appearance-light .tz-modal.tz-modal-story .tz-modal-x{color:#dbe4f5}body.tz-appearance-light .tz-modal.tz-modal-story .tz-modal-x:hover{background:rgba(255,255,255,.12)!important;color:#ffffff}


/* v1.0.47 — teen registration wizard, profile review and auth security */
.tz-review-banner{display:flex;align-items:center;gap:11px;margin:0 0 13px;padding:12px 14px;border:1px solid #eadcff;border-radius:15px;background:linear-gradient(110deg,#fff4fb,#f4f0ff);color:#4a3c67;box-shadow:0 8px 22px rgba(95,65,174,.06)}
.tz-review-banner>svg{width:22px;height:22px;color:#7b4dff;flex:0 0 22px}.tz-review-banner>span{display:flex;flex-direction:column;gap:2px}.tz-review-banner strong{font-size:13px}.tz-review-banner small{font-size:11px;color:#746888;line-height:1.35}.tz-review-banner.needs-changes{border-color:#ffd4e2;background:#fff2f7}.tz-review-banner.needs-changes>svg{color:#f33d8f}
.tz-chat-review-lock{margin:0 13px 8px;padding:10px 12px;border:1px solid #eadcff;border-radius:12px;background:#f8f5ff;display:flex;align-items:flex-start;gap:9px;color:#4e4367}.tz-chat-review-lock svg{width:19px;height:19px;color:#7b4dff;flex:0 0 auto}.tz-chat-review-lock span{display:flex;flex-direction:column;gap:2px}.tz-chat-review-lock strong{font-size:11px}.tz-chat-review-lock small{font-size:9.5px;color:#7a6f8d;line-height:1.35}.tz-chat-review-lock+.tz-chat-compose{opacity:.55}
.tz-register-shell{padding:28px}.tz-register-card{width:min(540px,100%);padding:30px}.tz-register-card .tz-brand{margin-bottom:14px}.tz-register-heading{text-align:center;margin-bottom:16px}.tz-register-heading h2{margin:0;font-size:27px}.tz-register-heading p{margin:5px 0 0;color:var(--tz-muted);font-size:12px}.tz-register-progress{display:flex;align-items:center;justify-content:center;margin:17px auto 22px;max-width:290px}.tz-register-progress i{width:12px;height:12px;border-radius:50%;background:#dfe4ef;box-shadow:0 0 0 5px #f4f6fa;transition:.18s}.tz-register-progress i.active{background:linear-gradient(135deg,var(--tz-pink),var(--tz-purple));box-shadow:0 0 0 5px #f3eaff}.tz-register-progress span{height:2px;flex:1;background:#e4e8f0}.tz-register-step{display:none;gap:14px}.tz-register-step.active{display:grid}.tz-step-title{display:flex;flex-direction:column;gap:2px;margin-bottom:2px}.tz-step-title b{font-size:18px}.tz-step-title small{font-size:11px;color:var(--tz-muted)}.tz-register-form label{display:grid;gap:6px;font-size:12px;font-weight:800;color:#34415a}.tz-register-form label>small{font-size:10px;font-weight:500;color:var(--tz-muted)}.tz-register-form input:not([type=radio]):not([type=file]),.tz-register-form select{width:100%;height:44px;border:1px solid #dfe4ee;border-radius:12px;background:#fff;color:#253149;padding:0 12px;outline:0}.tz-register-form input:focus,.tz-register-form select:focus{border-color:#9a79ff;box-shadow:0 0 0 3px rgba(123,77,255,.09)}.tz-register-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px}.tz-gender-field{border:0;padding:0;margin:0}.tz-gender-field legend{font-size:12px;font-weight:800;color:#34415a;margin-bottom:7px}.tz-gender-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.tz-gender-options label{cursor:pointer}.tz-gender-options input{position:absolute;opacity:0}.tz-gender-options span{height:52px;border:1px solid #dfe4ee;border-radius:13px;display:flex;align-items:center;justify-content:center;gap:7px;background:#fafbfe;color:#526079;font-weight:800}.tz-gender-options span svg{width:19px;height:19px}.tz-gender-options input:checked+span{border-color:#9873ff;background:#f2edff;color:#724af0;box-shadow:0 0 0 3px rgba(123,77,255,.08)}
.tz-avatar-upload{grid-template-columns:74px minmax(0,1fr);align-items:center;padding:13px;border:1px dashed #cfd5e2;border-radius:16px;background:#fafbfe;cursor:pointer}.tz-avatar-upload>span:nth-child(2){display:flex;flex-direction:column;gap:2px}.tz-avatar-upload input{grid-column:1/-1;font-size:11px}.tz-register-avatar-preview{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:#eef1f8;color:#7850f4;overflow:hidden}.tz-register-avatar-preview svg{width:25px;height:25px}.tz-register-avatar-preview img{width:100%;height:100%;object-fit:cover}.tz-auth-math{border:1px solid #e3e6ef;border-radius:15px;padding:12px;background:#fafbfe;display:grid;gap:9px}.tz-auth-math>div{display:flex;align-items:center;gap:8px}.tz-auth-math>div>svg{width:20px;height:20px;color:#7550ef}.tz-auth-math>div>span{display:flex;flex-direction:column}.tz-auth-math b{font-size:12px}.tz-auth-math small{font-size:9px;color:var(--tz-muted)}.tz-auth-math label{display:flex!important;align-items:center;gap:8px;font-size:14px!important}.tz-auth-math input{width:82px!important;height:38px!important}.tz-login-form{gap:13px}.tz-auth-error{background:#fff0f4;color:#c52d55}.tz-auth-switch a{font-weight:800;color:#6d48ef}
body.tz-appearance-dark .tz-review-banner,body.tz-appearance-dark .tz-chat-review-lock{background:#101722;border-color:#263249;color:#edf2fa}body.tz-appearance-dark .tz-review-banner small,body.tz-appearance-dark .tz-chat-review-lock small{color:#9ca9bd}body.tz-appearance-dark .tz-register-form label,body.tz-appearance-dark .tz-gender-field legend{color:#dce4f2}body.tz-appearance-dark .tz-register-form input:not([type=radio]):not([type=file]),body.tz-appearance-dark .tz-register-form select,body.tz-appearance-dark .tz-gender-options span,body.tz-appearance-dark .tz-avatar-upload,body.tz-appearance-dark .tz-auth-math{background:#111823;border-color:#243043;color:#eef3fa}body.tz-appearance-dark .tz-gender-options input:checked+span{background:#171e31;border-color:#674ad8;color:#c7b5ff}body.tz-appearance-dark .tz-register-avatar-preview{background:#151e2b;color:#bca8ff}
@media(prefers-color-scheme:dark){body.tz-appearance-system .tz-review-banner,body.tz-appearance-system .tz-chat-review-lock{background:#101722;border-color:#263249;color:#edf2fa}body.tz-appearance-system .tz-review-banner small,body.tz-appearance-system .tz-chat-review-lock small{color:#9ca9bd}body.tz-appearance-system .tz-register-form label,body.tz-appearance-system .tz-gender-field legend{color:#dce4f2}body.tz-appearance-system .tz-register-form input:not([type=radio]):not([type=file]),body.tz-appearance-system .tz-register-form select,body.tz-appearance-system .tz-gender-options span,body.tz-appearance-system .tz-avatar-upload,body.tz-appearance-system .tz-auth-math{background:#111823;border-color:#243043;color:#eef3fa}}
@media(max-width:820px){.tz-register-shell{padding:12px}.tz-register-card{padding:20px 16px}.tz-register-heading h2{font-size:23px}.tz-review-banner{margin:0 0 10px}.tz-gender-options{grid-template-columns:1fr 1fr}.tz-auth-math label{flex-wrap:wrap}}


/* v1.0.48 — public light landing page */
.tz-brand-custom-icon{width:38px;height:38px;border-radius:11px;object-fit:cover;flex:0 0 auto}.tz-landing-page{min-height:100vh;background:linear-gradient(110deg,#fff 0%,#fff 46%,#f7fbff 100%);color:#07143a;overflow-x:hidden}.tz-landing-header{height:86px;max-width:1510px;margin:0 auto;padding:0 34px;display:grid;grid-template-columns:280px 1fr 260px;align-items:center;gap:24px;position:relative;z-index:5}.tz-landing-brand{display:flex;align-items:center;gap:12px;font-size:31px;font-weight:950;letter-spacing:-1.5px}.tz-landing-brand>span:last-child{background:linear-gradient(100deg,#06133b 0 46%,#ff1493 47%,#6c4cff 100%);-webkit-background-clip:text;color:transparent}.tz-landing-heart{font-size:44px;line-height:.8;background:linear-gradient(145deg,#ff4ca8,#ff1493,#7c4dff);-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 5px 10px rgba(255,20,147,.17))}.tz-landing-nav{display:flex;justify-content:center;align-items:center;gap:48px;font-size:17px;font-weight:700;color:#09163e}.tz-landing-nav a{position:relative;padding:30px 0 24px}.tz-landing-nav a.active{color:#8b3cff}.tz-landing-nav a.active:after{content:"";position:absolute;height:3px;left:0;right:0;bottom:17px;border-radius:9px;background:linear-gradient(90deg,#ff1493,#704cff)}.tz-landing-auth{display:flex;justify-content:flex-end;gap:14px}.tz-landing-auth a{height:50px;min-width:110px;padding:0 21px;border-radius:26px;display:grid;place-items:center;font-weight:850;font-size:16px}.tz-landing-auth .login{border:1.5px solid #7d82ff;background:#fff;color:#111d45}.tz-landing-auth .signup{min-width:128px;color:#fff;background:linear-gradient(110deg,#ff1493,#764cff);box-shadow:0 10px 23px rgba(123,76,255,.22)}
.tz-landing-main{max-width:1600px;margin:0 auto;padding:0 28px 38px}.tz-landing-hero{min-height:500px;display:grid;grid-template-columns:47% 53%;align-items:stretch;position:relative}.tz-landing-copy{padding:54px 18px 34px 72px;position:relative;z-index:2}.tz-landing-eyebrow{display:inline-flex;align-items:center;gap:9px;background:linear-gradient(90deg,#faf0ff,#f2efff);border:1px solid #eee0ff;border-radius:30px;padding:11px 18px;color:#9d36f4;font-size:14px;font-weight:850;margin-bottom:23px}.tz-landing-eyebrow svg{width:19px;height:19px}.tz-landing-copy h1{margin:0;max-width:650px;font-size:66px;line-height:.96;letter-spacing:-3px;font-weight:950;color:#07143a}.tz-landing-copy h1 span{display:block;margin-top:6px;background:linear-gradient(100deg,#ff1593,#7b4dff);-webkit-background-clip:text;color:transparent}.tz-landing-copy p{max-width:650px;margin:20px 0 25px;color:#344261;font-size:20px;line-height:1.5}.tz-landing-cta a{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-width:285px;height:64px;border-radius:34px;background:linear-gradient(110deg,#ff1493,#6d4cff);color:#fff;font-size:19px;font-weight:900;box-shadow:0 14px 30px rgba(117,69,255,.25)}.tz-landing-cta b{font-size:28px;font-weight:400}.tz-landing-photo{position:relative;overflow:hidden;border-radius:0 0 0 110px;min-height:500px;background:#eef4fb}.tz-landing-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.77) 7%,rgba(255,255,255,.08) 36%,transparent 70%)}.tz-landing-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 42%}.tz-landing-photo .heart{position:absolute;z-index:2;color:#ff319b;text-shadow:0 7px 15px rgba(255,49,155,.24)}.tz-landing-photo .h1{right:82px;top:72px;font-size:52px}.tz-landing-photo .h2{right:42px;top:151px;font-size:42px;color:#fff;filter:drop-shadow(0 0 3px #ff4bb0)}
.tz-landing-features{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:11px;margin:-104px 0 2px;padding-top:0;position:relative;z-index:4}.tz-landing-features:before{content:"";position:absolute;left:-18px;right:-18px;top:-8px;bottom:-8px;background:#fff;border-radius:28px;z-index:-1}.tz-landing-feature{min-width:0;min-height:86px;padding:12px 11px;border:1px solid #edf0f7;border-radius:18px;background:rgba(255,255,255,.96);box-shadow:0 9px 24px rgba(60,76,120,.07);display:flex;align-items:center;gap:10px}.tz-landing-feature i{width:49px;height:49px;border-radius:50%;display:grid;place-items:center;color:#fff;flex:0 0 49px;background:linear-gradient(135deg,#ff1493,#ed45bc)}.tz-landing-feature i svg{width:23px;height:23px}.tz-landing-feature.f1 i{background:linear-gradient(135deg,#2c8dff,#594aff)}.tz-landing-feature.f2 i{background:linear-gradient(135deg,#ff26ba,#ff5f92)}.tz-landing-feature.f3 i{background:linear-gradient(135deg,#9b48ff,#6b4cff)}.tz-landing-feature.f4 i{background:linear-gradient(135deg,#26d2aa,#10bfc5)}.tz-landing-feature.f5 i{background:linear-gradient(135deg,#ff8f36,#ff5b28)}.tz-landing-feature.f6 i{background:linear-gradient(135deg,#9d49ff,#b52de3)}.tz-landing-feature.f7 i{background:linear-gradient(135deg,#ffc344,#f19a19)}.tz-landing-feature span{display:flex;min-width:0;flex-direction:column;gap:4px}.tz-landing-feature b{font-size:13px;color:#0a1740;white-space:nowrap}.tz-landing-feature small{font-size:10px;color:#62708c;line-height:1.25}.tz-landing-members{display:grid;grid-template-columns:repeat(8,1fr);gap:14px;padding:0 2px;margin-top:-2px}.tz-landing-member{position:relative;aspect-ratio:1/1.12;border-radius:16px;overflow:hidden;background:#edf1f8;box-shadow:0 8px 20px rgba(37,49,86,.08)}.tz-landing-member img{width:100%;height:100%;object-fit:cover;display:block}.tz-landing-online{position:absolute;right:9px;top:9px;width:17px;height:17px;border-radius:50%;background:#10d883;border:3px solid #fff}
@media(max-width:1180px){.tz-landing-header{grid-template-columns:230px 1fr 220px}.tz-landing-nav{gap:25px}.tz-landing-copy{padding-left:35px}.tz-landing-copy h1{font-size:54px}.tz-landing-copy p{font-size:17px}.tz-landing-features{grid-template-columns:repeat(4,1fr)}.tz-landing-members{grid-template-columns:repeat(4,1fr)}}
@media(max-width:820px){body:has(.tz-landing-page){padding-bottom:0}.tz-landing-header{height:68px;padding:0 15px;grid-template-columns:1fr auto;gap:8px}.tz-landing-brand{font-size:24px}.tz-landing-heart{font-size:34px}.tz-landing-brand .tz-brand-custom-icon{width:34px;height:34px}.tz-landing-nav{display:none}.tz-landing-auth{gap:7px}.tz-landing-auth a{height:40px;min-width:70px;padding:0 12px;font-size:12px}.tz-landing-auth .signup{min-width:82px}.tz-landing-main{padding:0 11px 25px}.tz-landing-hero{display:flex;flex-direction:column-reverse;min-height:0}.tz-landing-photo{height:330px;min-height:0;border-radius:26px}.tz-landing-photo:after{background:linear-gradient(0deg,#fff 0%,rgba(255,255,255,.35) 18%,transparent 55%)}.tz-landing-copy{padding:24px 7px 22px;text-align:center}.tz-landing-eyebrow{font-size:11px;padding:9px 13px;margin-bottom:15px}.tz-landing-copy h1{font-size:42px;letter-spacing:-2px;max-width:none}.tz-landing-copy p{font-size:15px;max-width:560px;margin:16px auto 20px}.tz-landing-cta a{height:55px;min-width:230px;font-size:16px}.tz-landing-features{grid-template-columns:repeat(2,1fr);gap:8px}.tz-landing-feature{min-height:75px;padding:9px}.tz-landing-feature i{width:42px;height:42px;flex-basis:42px}.tz-landing-feature b{font-size:12px}.tz-landing-members{grid-template-columns:repeat(2,1fr);gap:9px}.tz-landing-photo .h1{right:23px;top:32px}.tz-landing-photo .h2{right:18px;top:97px}}

/* v1.0.49 — landing feature cards no longer overlap hero image/artifacts */
@media(max-width:820px){.tz-landing-features:before{left:-8px;right:-8px;border-radius:22px}}

/* v1.0.50 — landing hero image cleaned to remove embedded UI overlays */

/* v1.0.51 — moved landing feature cards higher so member avatars show sooner */

/* v1.0.52 — landing feature cards moved further upward so members are visible immediately */
@media(max-width:820px){.tz-landing-features{margin:-54px 0 4px}.tz-landing-members{margin-top:0}}

/* v1.0.53 — landing feature row moved higher again so member cards are visible sooner */

/* v1.0.54 — profile inline age + legacy username-safe profile saves */

/* v1.0.55 — profile About now uses registration fields: age, gender, country and join date */

/* v1.0.56 — registration-based profile settings; locked username/age */
.tz-locked-field{min-height:43px;border:1px solid #dfe4ef;background:#f6f8fc;border-radius:12px;padding:8px 11px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#4c5a73}.tz-locked-field>span{font-weight:800}.tz-locked-field small{font-size:9px!important;color:#8a95a8!important;font-weight:700!important;white-space:nowrap}body.tz-appearance-dark .tz-locked-field{background:#111823;border-color:#202b3b;color:#e8edf6}@media(prefers-color-scheme:dark){body.tz-appearance-system .tz-locked-field{background:#111823;border-color:#202b3b;color:#e8edf6}}

/* v1.0.57 — feed cards changed to 2 columns on desktop for larger posts */


/* v1.0.58 — Core Admin selectable boxed/full-width front-end layout */
@media (min-width:821px){
  body.tz-layout-width-full .tz-app{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    min-height:100vh!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  body.tz-layout-width-full .tz-layout{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    grid-template-columns:245px minmax(0,1fr) 320px!important;
    gap:20px!important;
    padding:20px 28px 34px!important;
  }
  body.tz-layout-width-full .tz-layout.tz-profile-layout,
  body.tz-layout-width-full .tz-layout.tz-stories-layout{
    grid-template-columns:245px minmax(0,1fr)!important;
  }
  body.tz-layout-width-full .tz-layout.tz-settings-layout{
    grid-template-columns:220px minmax(0,1fr)!important;
  }
  body.tz-layout-width-full .tz-settings-layout .tz-main{max-width:none!important}
}
@media (min-width:821px) and (max-width:1180px){
  body.tz-layout-width-full .tz-layout{grid-template-columns:210px minmax(0,1fr)!important}
  body.tz-layout-width-full .tz-right{display:none!important}
}


/* v1.0.59 — 3 Shouts per row only in Full Width; Boxed remains 2 */
@media(min-width:1181px){
  body.tz-layout-width-full .tz-feed{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
  body.tz-layout-width-boxed .tz-feed{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
}

/* v1.0.60 — neutral default light site background; no pink/blue page gradients */
html{background:#f6f7fc}
body.tz-appearance-light{background:#f6f7fc!important}
body.tz-appearance-light .tz-app{background:#f6f7fc}


/* v1.0.61 — clearer private-message typing composer */
.tz-chat-compose{
  flex:0 0 auto;
  position:relative;
  z-index:12;
  display:flex;
  align-items:center;
  gap:9px;
  padding:12px 14px;
  background:#fff;
  border-top:1px solid #dfe4ee;
  box-shadow:0 -5px 18px rgba(31,43,74,.045);
}
.tz-chat-compose input[name="body"]{
  flex:1 1 220px;
  min-width:120px;
  height:46px;
  border:2px solid #dbe2ee;
  border-radius:23px;
  background:#f8faff;
  color:#17223b;
  padding:0 17px;
  font-size:14px;
  font-weight:500;
  line-height:1;
  outline:none;
  box-shadow:inset 0 1px 2px rgba(28,42,70,.025);
  transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;
}
.tz-chat-compose input[name="body"]::placeholder{color:#76839a;opacity:1}
.tz-chat-compose input[name="body"]:focus{
  background:#fff;
  border-color:#8b68f6;
  box-shadow:0 0 0 3px rgba(123,77,255,.11);
}
.tz-chat-compose>.tz-btn{
  flex:0 0 auto;
  min-width:72px;
  height:44px;
  padding:0 17px;
  border-radius:22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.tz-chat-tools{flex:0 0 auto;gap:3px}
.tz-chat-tool{width:40px;height:40px}
.tz-chat-review-lock+.tz-chat-compose{opacity:1}
body.tz-appearance-dark .tz-chat-compose{
  background:#0d121b!important;
  border-color:#202b3b!important;
  box-shadow:0 -5px 18px rgba(0,0,0,.22)!important;
}
body.tz-appearance-dark .tz-chat-compose input[name="body"]{
  background:#111823!important;
  border-color:#2a374b!important;
  color:#f4f7fb!important;
}
body.tz-appearance-dark .tz-chat-compose input[name="body"]::placeholder{color:#8d99ad!important}
body.tz-appearance-dark .tz-chat-compose input[name="body"]:focus{
  background:#141d2a!important;
  border-color:#9b7cff!important;
  box-shadow:0 0 0 3px rgba(139,92,246,.17)!important;
}
@media(prefers-color-scheme:dark){
  body.tz-appearance-system .tz-chat-compose{background:#0d121b!important;border-color:#202b3b!important}
  body.tz-appearance-system .tz-chat-compose input[name="body"]{background:#111823!important;border-color:#2a374b!important;color:#f4f7fb!important}
  body.tz-appearance-system .tz-chat-compose input[name="body"]::placeholder{color:#8d99ad!important}
}
@media(max-width:820px){
  .tz-chat-compose{padding:10px 9px;gap:5px;background:#fff}
  .tz-chat-compose input[name="body"]{height:44px;min-width:0;padding:0 14px;font-size:14px}
  .tz-chat-tools{gap:0}
  .tz-chat-tool{width:36px;height:36px}
  .tz-chat-compose>.tz-btn{height:42px;min-width:60px;padding:0 13px}
}


/* v1.0.62 — mobile private chat full-height view + Users picker */
.tz-convo-head-actions{margin-left:auto;display:flex;align-items:center;gap:8px}
.tz-mobile-users-trigger{display:none;border:0;background:transparent;color:#6f7c95;align-items:center;justify-content:center;cursor:pointer}
.tz-mobile-users-trigger svg{width:21px;height:21px}
.tz-mobile-chat-users{display:none}
@media(max-width:820px){
  .tz-messages.has-selected-chat .tz-chat-list{display:none!important}
  .tz-messages.has-selected-chat{height:auto!important;min-height:0!important;overflow:visible!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
  .tz-messages.has-selected-chat .tz-conversation{
    position:fixed!important;
    inset:60px 0 62px!important;
    z-index:40!important;
    height:auto!important;
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    background:#fff!important;
  }
  .tz-messages.has-selected-chat .tz-convo-head{height:62px;min-height:62px;padding:0 12px;border-bottom:1px solid #e7eaf1;background:#fff;z-index:45}
  .tz-convo-user{flex:1;min-width:0}
  .tz-convo-head-actions{margin-left:auto;gap:4px;flex:0 0 auto}
  .tz-mobile-users-trigger{display:inline-flex;width:40px;height:40px;border-radius:50%;color:#7652f5}
  .tz-mobile-users-trigger:active{background:#f1edff}
  .tz-convo-call-actions{display:flex;gap:4px}
  .tz-messages.has-selected-chat .tz-convo-messages{flex:1 1 auto!important;min-height:0!important;padding:14px 12px!important}
  .tz-messages.has-selected-chat .tz-chat-compose{flex:0 0 auto!important;margin:0!important}
  .tz-mobile-chat-users{
    display:flex;
    position:absolute;
    inset:62px 0 0;
    z-index:60;
    flex-direction:column;
    background:#fff;
    transform:translateX(105%);
    visibility:hidden;
    transition:transform .2s ease,visibility .2s ease;
  }
  .tz-mobile-chat-users.is-open{transform:translateX(0);visibility:visible}
  .tz-mobile-chat-users-head{height:64px;min-height:64px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f5}
  .tz-mobile-chat-users-head>div{display:flex;flex-direction:column;gap:2px}
  .tz-mobile-chat-users-head strong{font-size:17px;color:#17223b}
  .tz-mobile-chat-users-head small{font-size:11px;color:#8792a8}
  .tz-mobile-chat-users-head button{width:38px;height:38px;border:0;border-radius:50%;background:#f3f5fa;color:#536078;font-size:24px;line-height:1;cursor:pointer}
  .tz-mobile-chat-users-search{margin:12px 12px 8px;height:44px;border:1px solid #e1e6ef;background:#f7f9fc;border-radius:14px;display:flex;align-items:center;padding:0 12px;gap:8px;color:#8490a5}
  .tz-mobile-chat-users-search svg{width:18px;height:18px;flex:0 0 auto}
  .tz-mobile-chat-users-search input{width:100%;min-width:0;border:0!important;outline:0!important;background:transparent!important;color:#1b2740!important;font-size:14px;padding:0!important;height:auto!important;box-shadow:none!important}
  .tz-mobile-chat-users-list{flex:1;min-height:0;overflow-y:auto;padding:4px 10px 18px}
  .tz-mobile-chat-user{display:flex;align-items:center;gap:11px;padding:10px;border-radius:14px;color:#17223b}
  .tz-mobile-chat-user.active{background:#f4f0ff}
  .tz-mobile-chat-user .tz-avatar{width:44px;height:44px;flex:0 0 44px}
  .tz-mobile-chat-user>span{display:flex;flex-direction:column;min-width:0;flex:1}
  .tz-mobile-chat-user strong{font-size:14px;line-height:1.2}
  .tz-mobile-chat-user small{font-size:10px;color:#8a95a9;margin-top:3px}
  .tz-mobile-chat-user>i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#f1edff;color:#7652f5;flex:0 0 34px}
  .tz-mobile-chat-user>i svg{width:17px;height:17px}
  body.tz-mobile-chat-users-open{overflow:hidden}
  body.tz-appearance-dark .tz-messages.has-selected-chat .tz-conversation,
  body.tz-appearance-dark .tz-messages.has-selected-chat .tz-convo-head,
  body.tz-appearance-dark .tz-mobile-chat-users{background:#0d121b!important}
  body.tz-appearance-dark .tz-messages.has-selected-chat .tz-convo-head,
  body.tz-appearance-dark .tz-mobile-chat-users-head{border-color:#202b3b!important}
  body.tz-appearance-dark .tz-mobile-chat-users-head strong,
  body.tz-appearance-dark .tz-mobile-chat-user{color:#f0f4fa!important}
  body.tz-appearance-dark .tz-mobile-chat-users-head button{background:#151d29!important;color:#d6deea!important}
  body.tz-appearance-dark .tz-mobile-chat-users-search{background:#111823!important;border-color:#263247!important;color:#8d99ad!important}
  body.tz-appearance-dark .tz-mobile-chat-users-search input{color:#f4f7fb!important}
  body.tz-appearance-dark .tz-mobile-chat-user.active{background:#17152a!important}
  body.tz-appearance-dark .tz-mobile-chat-user>i{background:#17152a!important;color:#a98cff!important}
}
@media(max-width:820px) and (prefers-color-scheme:dark){
  body.tz-appearance-system .tz-messages.has-selected-chat .tz-conversation,
  body.tz-appearance-system .tz-messages.has-selected-chat .tz-convo-head,
  body.tz-appearance-system .tz-mobile-chat-users{background:#0d121b!important}
  body.tz-appearance-system .tz-mobile-chat-users-search{background:#111823!important;border-color:#263247!important}
  body.tz-appearance-system .tz-mobile-chat-users-search input{color:#f4f7fb!important}
}

/* v1.0.63 — ensure mobile users button is always tappable above chat header content */
@media(max-width:820px){.tz-mobile-users-trigger{position:relative;z-index:70;pointer-events:auto!important;touch-action:manipulation}.tz-convo-head-actions{position:relative;z-index:70}}


/* v1.0.64 — restore the desktop left navigation as a mobile slide-out menu */
.tz-mobile-menu-toggle,.tz-mobile-menu-head,.tz-mobile-menu-backdrop{display:none}
@media(max-width:820px){
  .tz-topbar{grid-template-columns:auto minmax(0,1fr) auto;gap:9px}
  .tz-mobile-menu-toggle{display:grid;width:40px;height:40px;place-items:center;border:0;border-radius:12px;background:#f3f5fa;color:#34415b;padding:0;cursor:pointer;touch-action:manipulation}
  .tz-mobile-menu-toggle svg{width:22px;height:22px}
  .tz-topbar .tz-brand{min-width:0;justify-self:start}
  .tz-sidebar{
    display:flex!important;
    position:fixed!important;
    inset:0 auto 0 0!important;
    width:min(82vw,320px)!important;
    height:100dvh!important;
    z-index:110!important;
    background:#fff;
    border-right:1px solid var(--tz-border);
    box-shadow:18px 0 50px rgba(24,34,56,.18);
    padding:14px 14px calc(22px + env(safe-area-inset-bottom));
    transform:translateX(-105%);
    transition:transform .22s ease;
    overflow-y:auto;
    pointer-events:none;
  }
  body.tz-mobile-menu-open .tz-sidebar{transform:translateX(0);pointer-events:auto}
  .tz-mobile-menu-head{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 5px 8px;margin-bottom:8px;border-bottom:1px solid var(--tz-border)}
  .tz-mobile-menu-head strong{font-size:19px}
  .tz-mobile-menu-head button{width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:11px;background:#f3f5fa;color:#46526a;padding:0;cursor:pointer;touch-action:manipulation}
  .tz-mobile-menu-head button svg{width:20px;height:20px}
  .tz-sidebar .tz-menu{gap:7px}
  .tz-sidebar .tz-menu a{height:50px;font-size:15px;border-radius:14px;padding:0 15px}
  .tz-sidebar .tz-menu a svg{width:22px;height:22px}
  .tz-mobile-menu-backdrop{display:block;position:fixed;inset:0;z-index:109;border:0;background:rgba(15,23,42,.34);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease;padding:0}
  body.tz-mobile-menu-open .tz-mobile-menu-backdrop{opacity:1;visibility:visible;pointer-events:auto}
  body.tz-mobile-menu-open{overflow:hidden}
}
body.tz-appearance-dark .tz-mobile-menu-toggle,
body.tz-appearance-dark .tz-mobile-menu-head button{background:#151c27!important;color:#e7edf8!important}
body.tz-appearance-dark .tz-sidebar{background:#0b1018!important;border-color:#1c2533!important}
body.tz-appearance-dark .tz-mobile-menu-head{border-color:#1c2533!important}
body.tz-appearance-dark .tz-sidebar .tz-menu a{color:#d7dfec!important}
@media (prefers-color-scheme:dark){
  body.tz-appearance-system .tz-mobile-menu-toggle,
  body.tz-appearance-system .tz-mobile-menu-head button{background:#151c27!important;color:#e7edf8!important}
  body.tz-appearance-system .tz-sidebar{background:#0b1018!important;border-color:#1c2533!important}
  body.tz-appearance-system .tz-mobile-menu-head{border-color:#1c2533!important}
  body.tz-appearance-system .tz-sidebar .tz-menu a{color:#d7dfec!important}
}


/* v1.0.65 — Friends + Notifications are available in mobile drawer and bottom nav */
.tz-mobile-menu-extra{display:none!important}
@media(max-width:820px){
  .tz-mobile-menu-extra{display:flex!important}
  .tz-mobile-nav{justify-content:space-evenly}
  .tz-mobile-nav a{position:relative;min-width:46px;flex:1;max-width:82px}
  .tz-mobile-nav .tz-badge{position:absolute;top:2px;left:50%;margin-left:8px;min-width:16px;height:16px;padding:0 4px;border-radius:9px;display:grid;place-items:center;background:#ff2a8b;color:#fff;font-size:9px;font-style:normal;font-weight:800;line-height:1}
  .tz-mobile-nav .tz-badge.tz-hidden{display:none!important}
  .tz-sidebar .tz-menu .tz-mobile-menu-extra .tz-count,
  .tz-sidebar .tz-menu a.tz-mobile-menu-extra .tz-count{margin-left:auto;min-width:22px;height:22px;padding:0 6px;border-radius:12px;display:grid;place-items:center;background:#ff2a8b;color:#fff;font-size:10px;font-style:normal;font-weight:800}
}


/* v1.0.66 — mobile Friends + Notifications live beside the user bar only */
@media(max-width:820px){
  .tz-topnav{gap:5px!important;padding-left:0!important;min-width:max-content}
  .tz-topnav .tz-toplink.tz-mobile-top-action{
    display:flex!important;
    position:relative;
    width:36px;
    height:36px;
    flex:0 0 36px;
    align-items:center;
    justify-content:center;
    border-radius:11px;
    color:#5e6b82;
    background:transparent;
  }
  .tz-topnav .tz-toplink.tz-mobile-top-action span{display:none!important}
  .tz-topnav .tz-toplink.tz-mobile-top-action svg{width:21px;height:21px}
  .tz-topnav .tz-toplink.tz-mobile-top-action.active{color:var(--tz-pink)}
  .tz-topnav .tz-toplink.tz-mobile-top-action .tz-badge{
    top:-1px;
    right:-1px;
    min-width:16px;
    height:16px;
    padding:0 4px;
    font-size:9px;
  }
  .tz-topnav .tz-user-mini{margin-left:1px;flex:0 0 auto}
  .tz-topnav .tz-user-mini .tz-avatar{width:36px;height:36px}
  .tz-mobile-menu-extra{display:none!important}
  .tz-mobile-nav{justify-content:space-around!important}
  .tz-mobile-nav a{flex:1;max-width:120px!important}
}
body.tz-appearance-dark .tz-topnav .tz-toplink.tz-mobile-top-action{background:transparent!important;color:#c6d0df!important}
body.tz-appearance-dark .tz-topnav .tz-toplink.tz-mobile-top-action.active{color:#ff4da5!important}
@media(max-width:820px) and (prefers-color-scheme:dark){
  body.tz-appearance-system .tz-topnav .tz-toplink.tz-mobile-top-action{background:transparent!important;color:#c6d0df!important}
  body.tz-appearance-system .tz-topnav .tz-toplink.tz-mobile-top-action.active{color:#ff4da5!important}
}

/* v1.0.67 — mobile bottom nav now uses Stories instead of Profile */


/* v1.0.68 — categorized left navigation + Logout */
.tz-menu{gap:18px}
.tz-menu-section{display:flex;flex-direction:column;gap:7px}
.tz-menu-section+.tz-menu-section{padding-top:14px;border-top:1px solid var(--tz-border)}
.tz-menu-label{padding:0 17px 2px;color:#98a2b5;font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.tz-menu-links{display:flex;flex-direction:column;gap:7px}
.tz-menu-logout{color:#d94a62!important}
.tz-menu-logout:hover{background:#fff0f4!important;color:#d62f50!important;box-shadow:none!important}
body.tz-appearance-dark .tz-menu-section+.tz-menu-section{border-color:#1c2533!important}
body.tz-appearance-dark .tz-menu-label{color:#7f8ba1!important}
body.tz-appearance-dark .tz-menu-logout{color:#ff7892!important}
body.tz-appearance-dark .tz-menu-logout:hover{background:#22131b!important;color:#ff8aa1!important}
@media(max-width:820px){
  .tz-sidebar .tz-menu{gap:18px}
  .tz-sidebar .tz-menu-label{padding-left:15px;font-size:10px}
  .tz-sidebar .tz-menu-section+.tz-menu-section{padding-top:13px}
}
@media (prefers-color-scheme:dark){
  body.tz-appearance-system .tz-menu-section+.tz-menu-section{border-color:#1c2533!important}
  body.tz-appearance-system .tz-menu-label{color:#7f8ba1!important}
  body.tz-appearance-system .tz-menu-logout{color:#ff7892!important}
  body.tz-appearance-system .tz-menu-logout:hover{background:#22131b!important;color:#ff8aa1!important}
}

/* v1.0.70 — profile tabs are true separate content views; Shouts no longer mixes Photos/About */
.tz-profile-section-page{display:flex;flex-direction:column;gap:14px;min-width:0}
.tz-profile-page-heading{min-height:58px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;border-radius:18px}
.tz-profile-page-heading h2{margin:0;display:flex;align-items:center;gap:9px;font-size:20px;color:#17223b}
.tz-profile-page-heading h2 svg{width:21px;height:21px;color:var(--tz-pink)}
.tz-profile-page-heading>span{font-size:12px;color:#8590a5}
.tz-profile-shouts-page>.tz-composer{margin-bottom:0}
body.tz-appearance-dark .tz-profile-page-heading h2{color:#f2f5fb}
@media(max-width:820px){
  .tz-profile-section-page{gap:10px}
  .tz-profile-page-heading{min-height:50px;padding:11px 13px;border-radius:15px}
  .tz-profile-page-heading h2{font-size:17px}
  .tz-profile-page-heading h2 svg{width:19px;height:19px}
}

/* v1.0.71 — About visible on mobile + first 3 friends with Show More */
.tz-profile-friends-more{display:none;margin:14px auto 0;align-items:center;justify-content:center;gap:7px}
@media (max-width:820px){
  .tz-profile-tabs{height:auto!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;padding:4px!important;overflow:visible!important;gap:2px}
  .tz-profile-tabs a{min-width:0!important;height:48px!important;padding:0 5px!important;font-size:10px!important;flex:initial!important;border-radius:11px}
  .tz-profile-tabs a:after{left:20%!important;right:20%!important}
  .tz-profile-friend-extra{display:none!important}
  .tz-profile-friends-grid.is-expanded .tz-profile-friend-extra{display:block!important}
  .tz-profile-friends-more{display:flex}
  .tz-profile-friends-grid.is-expanded + .tz-profile-friends-more{display:none}
}


/* v1.0.72 — Profile Visitors + Core Admin feature controls */
.tz-profile-visitors-page{padding:20px}.tz-profile-visitors-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.tz-profile-visitors-head .tz-page-title{margin:0 0 4px}.tz-profile-visitors-head p{margin:0;color:var(--tz-muted);font-size:13px}.tz-profile-visitors-head>span{padding:7px 11px;border-radius:999px;background:#f1edff;color:#7048ef;font-size:11px;font-weight:800}.tz-profile-visitors-list{display:flex;flex-direction:column;gap:9px}.tz-profile-visitor{display:flex;align-items:center;gap:12px;padding:12px 13px;border:1px solid var(--tz-border);border-radius:15px;background:#fff;color:inherit;text-decoration:none;transition:.16s ease}.tz-profile-visitor:hover{transform:translateY(-1px);border-color:#dcd4ff;background:#faf9ff}.tz-profile-visitor .tz-avatar{width:48px;height:48px}.tz-profile-visitor>span{min-width:0;display:flex;flex:1;flex-direction:column}.tz-profile-visitor strong{font-size:14px;color:#17223b}.tz-profile-visitor small{font-size:11px;color:var(--tz-muted);margin-top:2px}.tz-profile-visitor time{font-size:11px;color:#8994a8;white-space:nowrap}.tz-profile-visitors-empty svg,.tz-feature-disabled>svg{width:34px;height:34px;color:#8055f5;margin-bottom:7px}.tz-profile-visitors-empty h3,.tz-feature-disabled h1{margin:5px 0}.tz-profile-visitors-empty p,.tz-feature-disabled p{margin:0;color:var(--tz-muted)}
body.tz-appearance-dark .tz-profile-visitor{background:#0d121b;border-color:#202735}body.tz-appearance-dark .tz-profile-visitor:hover{background:#111824;border-color:#3d355e}body.tz-appearance-dark .tz-profile-visitor strong{color:#f3f6fb}body.tz-appearance-dark .tz-profile-visitors-head>span{background:#211a38;color:#b9a7ff}
@media(max-width:820px){.tz-profile-visitors-page{padding:13px}.tz-profile-visitors-head{align-items:center}.tz-profile-visitor{padding:10px}.tz-profile-visitor .tz-avatar{width:44px;height:44px}.tz-profile-visitor time{font-size:10px}}

/* v1.0.73 — visitor notifications + direct notification deletion */
.tz-notify-type.profile_visit{background:linear-gradient(135deg,#7a59ff,#3f8cff)}
.tz-notify-delete-one{flex:0 0 36px;width:36px;height:36px;margin-right:7px;border:0;border-radius:50%;display:grid;place-items:center;background:transparent;color:#8b96aa;cursor:pointer;transition:.16s ease}
.tz-notify-delete-one:hover{background:#fff0f4;color:#df3157}
.tz-notify-delete-one svg{width:18px;height:18px}
body.tz-appearance-dark .tz-notify-delete-one{color:#8996aa}
body.tz-appearance-dark .tz-notify-delete-one:hover{background:#26141b;color:#ff7795}
@media(max-width:820px){.tz-notify-delete-one{width:34px;height:34px;flex-basis:34px;margin-right:2px}}


/* v1.0.74 — Profile Visitors delete one-by-one + Clear All */
.tz-profile-visitors-tools{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.tz-profile-visitors-tools>span{padding:7px 11px;border-radius:999px;background:#f1edff;color:#7048ef;font-size:11px;font-weight:800}
.tz-profile-visitors-clear{height:34px;padding:0 11px;border:1px solid #f1dce6;border-radius:10px;background:#fff;color:#d63870;font-size:11px;font-weight:800;display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.tz-profile-visitors-clear svg{width:15px;height:15px}.tz-profile-visitors-clear:hover{background:#fff4f8}.tz-profile-visitors-clear:disabled{opacity:.55;cursor:wait}
.tz-profile-visitor{position:relative;padding:0!important;overflow:hidden}
.tz-profile-visitor-open{display:flex;align-items:center;gap:12px;flex:1;min-width:0;padding:12px 54px 12px 13px;color:inherit;text-decoration:none}
.tz-profile-visitor-open>span{min-width:0;display:flex;flex:1;flex-direction:column}.tz-profile-visitor-open strong{font-size:14px;color:#17223b}.tz-profile-visitor-open small{font-size:11px;color:var(--tz-muted);margin-top:2px}.tz-profile-visitor-open time{font-size:11px;color:#8994a8;white-space:nowrap}
.tz-profile-visitor-delete{position:absolute;right:11px;top:50%;transform:translateY(-50%);width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:#8792a6;display:grid;place-items:center;cursor:pointer;z-index:2}
.tz-profile-visitor-delete svg{width:17px;height:17px}.tz-profile-visitor-delete:hover{background:#ffecef;color:#d7355a}.tz-profile-visitor-delete:disabled{opacity:.5;cursor:wait}
body.tz-appearance-dark .tz-profile-visitors-tools>span{background:#211a38;color:#b9a7ff}
body.tz-appearance-dark .tz-profile-visitors-clear{background:#0d121b;border-color:#34202a;color:#ff7694}
body.tz-appearance-dark .tz-profile-visitors-clear:hover{background:#171018}
body.tz-appearance-dark .tz-profile-visitor-open strong{color:#f3f6fb}
body.tz-appearance-dark .tz-profile-visitor-delete{color:#a7b0c2}
body.tz-appearance-dark .tz-profile-visitor-delete:hover{background:#2b1720;color:#ff829b}
@media(max-width:820px){.tz-profile-visitors-head{align-items:flex-start}.tz-profile-visitors-tools{justify-content:flex-end;gap:6px}.tz-profile-visitors-clear{height:32px;padding:0 9px}.tz-profile-visitor-open{padding:10px 48px 10px 10px;gap:10px}.tz-profile-visitor-open time{font-size:10px}.tz-profile-visitor-delete{right:8px;width:32px;height:32px}}


/* v1.0.75 — real friend requests, front-end recovery, email verification, expanded reports */
.tz-auth-copy{color:var(--tz-muted);font-size:13px;line-height:1.55;margin:-2px 0 16px}.tz-auth-forgot{text-align:right;margin-top:-2px}.tz-auth-forgot a{font-size:12px;font-weight:800;color:var(--tz-purple)}.tz-auth-full-btn{width:100%;display:flex;justify-content:center;margin-top:10px}.tz-auth-big-icon{width:58px;height:58px;margin:4px auto 12px;border-radius:18px;display:grid;place-items:center;background:#f1edff;color:#704cf1}.tz-auth-big-icon svg{width:28px;height:28px}.tz-verify-card{text-align:center}.tz-verify-card .tz-brand{justify-content:center}.tz-verify-card form{margin-top:12px}
.tz-friends-page{display:flex;flex-direction:column;gap:22px}.tz-friends-page-head p{margin:-9px 0 0;color:var(--tz-muted)}.tz-friends-section{padding-top:2px}.tz-friends-section+.tz-friends-section{border-top:1px solid var(--tz-border);padding-top:20px}.tz-friend-request-actions{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}.tz-person [data-friend][data-friend-state="outgoing"]{background:#eef1f7;color:#64748b}.tz-person [data-friend][data-friend-state="incoming"]{background:linear-gradient(120deg,#ff2a9f,#7049ff);color:#fff}
.tz-story-report-btn{border:0;background:transparent;color:#fff;font-weight:800;font-size:12px;opacity:.86;cursor:pointer;padding:8px 10px}.tz-story-report-btn:hover{opacity:1}.tz-chat-report-action{border:0;background:transparent;color:#9a5871;font-size:10px;font-weight:800;cursor:pointer;padding:3px 5px}.tz-chat-report-action:hover{color:#d52f64}.tz-profile-more-menu button[data-report-profile] svg{color:#d43b68}
body.tz-appearance-dark .tz-person [data-friend][data-friend-state="outgoing"]{background:#171d29;color:#aeb8ca}.tz-appearance-dark .tz-auth-big-icon{background:#171d29;color:#a88dff}
@media(max-width:820px){.tz-friends-page{gap:16px}.tz-friends-section+.tz-friends-section{padding-top:15px}.tz-auth-card{margin:14px}.tz-friend-request-actions .tz-btn{flex:1;min-width:96px}}


/* v1.0.76 — message controls, mute and scalable list pagination */
.tz-pager{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:12px;margin:18px 0 4px;clear:both}
.tz-pager a,.tz-pager span{min-height:38px;padding:0 14px;border:1px solid var(--tz-border);border-radius:12px;background:#fff;color:#4c5870;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}
.tz-pager a:hover{border-color:#cfc5ff;color:#6f49ef;background:#f8f6ff}.tz-pager span{background:#f7f8fb;color:#7a8498}
.tz-chat-mute{min-height:38px;padding:0 10px;border:0;border-radius:12px;background:transparent;color:#69758c;display:inline-flex;align-items:center;gap:5px;cursor:pointer;font-size:11px;font-weight:800}
.tz-chat-mute svg{width:18px;height:18px}.tz-chat-mute:hover{background:#f4f1ff;color:#714def}.tz-chat-mute.is-muted{background:#f1edff;color:#7049ef}
.tz-chat-message-actions{display:flex;align-items:center;gap:2px;min-height:20px}
.tz-chat-delete-action,.tz-chat-unsend-action{border:0;background:transparent;font-size:10px;font-weight:800;padding:3px 5px;border-radius:7px;cursor:pointer;color:#8b94a7}
.tz-chat-delete-action:hover{color:#d4425c;background:#fff0f3}.tz-chat-unsend-action{color:#8d5a74}.tz-chat-unsend-action:hover{color:#d52f64;background:#fff0f5}
.tz-message-wrap:hover .tz-chat-delete-action,.tz-message-wrap:hover .tz-chat-unsend-action{opacity:1}
body.tz-appearance-dark .tz-pager a,body.tz-appearance-dark .tz-pager span{background:#0d121b;border-color:#242b39;color:#d6dce7}
body.tz-appearance-dark .tz-pager a:hover{background:#161226;border-color:#55438f;color:#bba9ff}
body.tz-appearance-dark .tz-chat-mute{color:#aab4c5;background:transparent}body.tz-appearance-dark .tz-chat-mute:hover,body.tz-appearance-dark .tz-chat-mute.is-muted{background:#19152a;color:#c1afff}
body.tz-appearance-dark .tz-chat-delete-action,body.tz-appearance-dark .tz-chat-unsend-action,body.tz-appearance-dark .tz-chat-report-action{background:transparent;color:#a9b1c0}
@media(max-width:820px){.tz-pager{gap:8px;margin:14px 0 3px}.tz-pager a,.tz-pager span{min-height:36px;padding:0 10px;font-size:11px}.tz-chat-mute{width:38px;height:38px;padding:0;justify-content:center}.tz-chat-mute span{display:none}.tz-chat-message-actions{flex-wrap:wrap}.tz-chat-delete-action,.tz-chat-unsend-action{font-size:10px}}


/* v1.0.77 — simplified right sidebar + admin-controlled widget ordering */
.tz-latest-members-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px 7px}
.tz-latest-member{min-width:0;text-align:center;color:#536078;font-size:10px;text-decoration:none}
.tz-latest-member img{display:block;width:48px;height:48px;margin:0 auto 4px;border-radius:50%;object-fit:cover;border:2px solid #fff;outline:1px solid #e8eaf2;background:#edf1f7}
.tz-latest-member span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tz-latest-member:hover span{color:var(--tz-purple)}
.tz-widget-empty{grid-column:1/-1;padding:18px 8px}
body.tz-appearance-dark .tz-latest-member{color:#aeb8ca}
body.tz-appearance-dark .tz-latest-member img{border-color:#0d121b;outline-color:#263044}

/* =========================================================
   v1.0.78 — WebRTC Live Streaming
   ========================================================= */
.tz-live-home,.tz-live-room{display:flex;flex-direction:column;gap:14px;min-width:0}.tz-live-page-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:4px 2px 8px}.tz-live-page-head>div:first-child{display:flex;align-items:center;gap:12px;min-width:0}.tz-live-page-head h1{margin:0;font-size:27px;line-height:1.1;color:#16213b}.tz-live-page-head p{margin:5px 0 0;color:#7b879c;font-size:13px}.tz-live-title-icon{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#ff1594,#754cff);color:#fff;box-shadow:0 8px 20px rgba(120,72,242,.18)}.tz-live-title-icon svg{width:23px;height:23px}.tz-live-go-btn{display:inline-flex!important;align-items:center;gap:8px;min-height:44px;padding:0 18px!important;border-radius:14px!important}.tz-live-go-btn svg{width:19px;height:19px}.tz-live-back{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#f1f3f8;color:#53617a}.tz-live-back svg{width:18px;height:18px}.tz-live-head-actions{display:flex;align-items:center;gap:9px}.tz-live-room-state{display:inline-flex;align-items:center;justify-content:center;height:30px;padding:0 11px;border-radius:999px;background:#ffedf4;color:#e91f71;font-weight:900;font-size:11px;letter-spacing:.7px}.tz-live-room-state.is-ended{background:#edf0f5;color:#6c778b}.tz-live-share{height:38px;padding:0 12px;border:1px solid #e5e8ef;background:#fff;border-radius:11px;color:#526079;display:flex;align-items:center;gap:7px;cursor:pointer}.tz-live-share svg{width:17px;height:17px}
.tz-live-discovery-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px;align-items:start}.tz-live-discovery-grid>main{display:flex;flex-direction:column;gap:14px;min-width:0}.tz-live-discovery-section,.tz-live-discovery-side>.tz-card{padding:16px;border-radius:18px}.tz-live-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:13px}.tz-live-section-title h2{margin:0;font-size:19px;color:#1a2540}.tz-live-section-title>span{font-size:11px;color:#8c96a8}.tz-live-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tz-live-card{display:block;border:1px solid #edf0f5;border-radius:15px;overflow:hidden;background:#fff;color:inherit;text-decoration:none;transition:.18s ease}.tz-live-card:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(33,43,75,.08)}.tz-live-card-media{position:relative;aspect-ratio:16/10;background:#111827;overflow:hidden}.tz-live-card-media>img,.tz-live-card-media>video{width:100%;height:100%;display:block;object-fit:cover}.tz-live-card-placeholder{width:100%;height:100%;display:grid;place-items:center;color:#cbd5e1;background:radial-gradient(circle at 50% 30%,#29334a,#111827 60%)}.tz-live-card-placeholder svg{width:46px;height:46px}.tz-live-card-badge{position:absolute;left:10px;top:10px;height:24px;padding:0 8px;border-radius:7px;display:flex;align-items:center;background:#ff176f;color:#fff;font-size:10px;font-weight:900;letter-spacing:.6px}.tz-live-card-badge.is-ended{background:rgba(17,24,39,.76)}.tz-live-card-viewers{position:absolute;right:10px;top:10px;height:24px;padding:0 8px;border-radius:7px;display:flex;align-items:center;gap:4px;background:rgba(10,15,27,.68);color:#fff;font-size:10px;font-weight:800}.tz-live-card-viewers svg{width:13px;height:13px}.tz-live-card-info{display:flex;align-items:center;gap:9px;padding:10px}.tz-live-card-info>div{min-width:0;display:flex;flex-direction:column}.tz-live-card-info strong{font-size:13px;color:#202b44;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tz-live-card-info span,.tz-live-card-info small{font-size:10px;color:#8a95a8;margin-top:2px}.tz-live-discovery-side{display:flex;flex-direction:column;gap:14px}.tz-live-mini-list{display:flex;flex-direction:column;gap:9px}.tz-live-card.compact{display:grid;grid-template-columns:92px minmax(0,1fr);border-radius:12px}.tz-live-card.compact .tz-live-card-media{aspect-ratio:1.35/1}.tz-live-card.compact .tz-live-card-info{padding:7px}.tz-live-card.compact .tz-avatar{display:none}.tz-live-card.compact .tz-live-card-badge{left:5px;top:5px;height:18px;padding:0 5px;font-size:8px}.tz-live-card.compact .tz-live-card-viewers{right:5px;top:5px;height:18px;padding:0 5px;font-size:8px}.tz-live-tips h3{display:flex;align-items:center;gap:7px;margin:0 0 8px;font-size:15px}.tz-live-tips h3 svg{width:19px;height:19px;color:#7450ef}.tz-live-tips p{margin:0;color:#78849a;font-size:12px;line-height:1.55}.tz-live-no-streams{grid-column:1/-1;padding:48px 20px}.tz-live-no-streams>svg{width:38px;height:38px;color:#8a62ef;margin-bottom:8px}.tz-live-no-streams h3{margin:0 0 5px;color:#23304a}.tz-live-no-streams p{margin:0}
.tz-live-watch-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px;align-items:stretch}.tz-live-stage-card{padding:0;overflow:hidden;border-radius:18px}.tz-live-stage{position:relative;min-height:420px;aspect-ratio:16/9;background:#0d1320;overflow:hidden}.tz-live-stage video{width:100%;height:100%;display:block;object-fit:cover;background:#0d1320}.tz-live-stage-top{position:absolute;top:13px;left:13px;right:13px;display:flex;align-items:center;gap:7px}.tz-live-badge{height:28px;padding:0 10px;border-radius:8px;display:inline-flex;align-items:center;background:#ff176f;color:#fff;font-weight:900;font-size:11px;letter-spacing:.8px}.tz-live-badge.ended{background:rgba(15,23,42,.76)}.tz-live-counter{height:28px;padding:0 9px;border-radius:8px;display:inline-flex;align-items:center;gap:5px;background:rgba(8,13,24,.65);backdrop-filter:blur(5px);color:#fff;font-size:11px}.tz-live-counter svg{width:14px;height:14px}.tz-live-duration{position:absolute;right:13px;bottom:13px;height:29px;padding:0 10px;border-radius:9px;background:rgba(7,11,20,.68);color:#fff;display:flex;align-items:center;font-size:11px;font-weight:800}.tz-live-ended-screen{height:100%;min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#dbe4f3;text-align:center}.tz-live-ended-screen>svg{width:58px;height:58px;opacity:.8}.tz-live-ended-screen h2{margin:10px 0 4px;color:#fff}.tz-live-ended-screen p{margin:0;color:#9aa8bd}.tz-live-hostline{display:flex;align-items:center;gap:10px;padding:13px 15px 8px}.tz-live-hostline>div:nth-child(2){display:flex;flex-direction:column;min-width:0}.tz-live-hostline strong{font-size:14px;color:#202b44}.tz-live-hostline span{font-size:10px;color:#8792a5;margin-top:2px}.tz-live-hostline-meta{margin-left:auto!important;display:flex!important;flex-direction:row!important;gap:7px}.tz-live-hostline-meta span{padding:5px 8px;border-radius:999px;background:#f4f5f9;color:#67748b!important}.tz-live-description{margin:2px 15px 12px;color:#59667b;font-size:13px;line-height:1.5}.tz-live-controls{display:flex;align-items:center;gap:7px;padding:11px 13px 13px;border-top:1px solid #eef0f5;overflow-x:auto}.tz-live-controls button{height:38px;padding:0 11px;border:1px solid #e5e8ef;background:#fff;border-radius:11px;color:#506078;display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:11px;cursor:pointer;white-space:nowrap}.tz-live-controls button svg{width:17px;height:17px}.tz-live-controls button.heart{color:#e72a7b}.tz-live-controls button.danger{margin-left:auto;background:#fff0f4;border-color:#ffd6e2;color:#dc1f5d}.tz-live-controls button.off{background:#eef1f5;color:#9aa4b3}.tz-live-controls button.boom{animation:tzLiveHeart .35s ease}.tz-live-chat-card{padding:0;border-radius:18px;display:flex;flex-direction:column;min-height:520px;overflow:hidden}.tz-live-chat-head{height:64px;padding:0 14px;border-bottom:1px solid #edf0f5;display:flex;align-items:center;justify-content:space-between}.tz-live-chat-head h2{font-size:16px;margin:0;color:#202b44}.tz-live-chat-head span{display:flex;align-items:center;gap:5px;margin-top:3px;font-size:10px;color:#8792a5}.tz-live-chat-head span i{width:7px;height:7px;border-radius:50%;background:#22c55e}.tz-live-chat-head>button{border:0;background:transparent;color:#7d8799}.tz-live-chat-list{flex:1;min-height:0;max-height:470px;overflow:auto;padding:11px 12px;display:flex;flex-direction:column;gap:10px;scrollbar-width:thin}.tz-live-chat-msg{display:grid;grid-template-columns:31px minmax(0,1fr);gap:8px;align-items:start}.tz-live-chat-msg>img{width:31px;height:31px;border-radius:50%;object-fit:cover}.tz-live-chat-msg>div{min-width:0}.tz-live-chat-msg header{display:flex;align-items:center;gap:5px}.tz-live-chat-msg header b{font-size:11px;color:#26334d}.tz-live-chat-msg header em{font-style:normal;font-size:7px;font-weight:900;padding:2px 4px;border-radius:4px;background:#ffe8f3;color:#dc2770}.tz-live-chat-msg header small{margin-left:auto;font-size:8px;color:#a0a8b5}.tz-live-chat-msg p{margin:3px 0 0;color:#44516a;font-size:11px;line-height:1.45;word-break:break-word}.tz-live-chat-msg.me p{color:#5a42c7}.tz-live-chat-gift{display:flex;align-items:center;gap:6px;margin-top:4px;padding:6px 7px;background:#fff6fb;border:1px solid #ffe0ee;border-radius:9px}.tz-live-chat-gift span{font-size:20px}.tz-live-chat-gift b{font-size:10px;color:#c6286c}.tz-live-chat-mod{display:flex;gap:4px;margin-top:4px}.tz-live-chat-mod button{border:0;background:#f2f4f8;color:#69758a;border-radius:6px;padding:3px 5px;font-size:8px;cursor:pointer}.tz-live-chat-form{display:grid;grid-template-columns:minmax(0,1fr) 34px 38px;gap:6px;padding:10px;border-top:1px solid #edf0f5;background:#fff}.tz-live-chat-form input{width:100%;height:38px;border:1px solid #e2e6ee;background:#f8f9fc;border-radius:20px;padding:0 13px;outline:0;color:#27344c}.tz-live-chat-form input:focus{border-color:#bd9dfc;box-shadow:0 0 0 3px rgba(120,77,242,.08)}.tz-live-chat-form button{height:34px;width:34px;border:0;border-radius:50%;display:grid;place-items:center;background:#f0edf9;color:#7a50ef;cursor:pointer;align-self:center}.tz-live-chat-form button[type=submit]{width:38px;height:38px;background:linear-gradient(135deg,#ff1594,#754cff);color:#fff}.tz-live-chat-form svg{width:17px;height:17px}.tz-live-chat-off,.tz-live-chat-loading,.tz-live-chat-empty{padding:17px;text-align:center;color:#929baa;font-size:11px}.tz-live-bottom-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.7fr);gap:14px}.tz-live-settings-card,.tz-live-viewers-card{padding:15px;border-radius:18px}.tz-live-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tz-live-setting-row{min-height:62px;border:1px solid #edf0f5;border-radius:13px;padding:9px 10px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;align-items:center}.tz-live-setting-row>i{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#f2efff;color:#754cf1}.tz-live-setting-row>i svg{width:17px;height:17px}.tz-live-setting-row>span:nth-child(2){display:flex;flex-direction:column}.tz-live-setting-row b{font-size:11px;color:#2a3650}.tz-live-setting-row small{font-size:9px;color:#939cac;margin-top:2px}.tz-live-setting-row>strong{font-size:10px;color:#6b778b}.tz-live-setting-row .tz-switch{justify-self:end}.tz-live-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tz-live-summary-grid>div{padding:14px 8px;border:1px solid #edf0f5;border-radius:13px;text-align:center;display:flex;flex-direction:column;align-items:center}.tz-live-summary-grid i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#f5f1ff;color:#7a51ed}.tz-live-summary-grid i svg{width:17px;height:17px}.tz-live-summary-grid strong{font-size:19px;margin-top:6px;color:#1e2b45}.tz-live-summary-grid span{font-size:9px;color:#9099aa;margin-top:3px}
.tz-live-create{position:fixed;inset:0;z-index:110;display:grid;place-items:center;padding:18px}.tz-live-create.tz-hidden{display:none!important}.tz-live-create-backdrop{position:absolute;inset:0;border:0;background:rgba(15,23,42,.48);backdrop-filter:blur(4px)}.tz-live-create-card{position:relative;width:min(980px,calc(100vw - 28px));max-height:calc(100vh - 32px);overflow:auto;border-radius:22px;background:#fff;box-shadow:0 28px 80px rgba(20,25,55,.25)}.tz-live-create-card>header{height:74px;padding:0 18px;border-bottom:1px solid #edf0f5;display:flex;align-items:center;justify-content:space-between}.tz-live-create-card>header>div{display:flex;align-items:center;gap:10px}.tz-live-create-card>header h2{margin:0;font-size:20px;color:#1e2b45}.tz-live-create-card>header p{margin:3px 0 0;color:#8993a5;font-size:11px}.tz-live-create-card>header>button{width:36px;height:36px;border:0;border-radius:50%;background:#f2f4f8;color:#6c788b;font-size:22px;cursor:pointer}.tz-live-create-card form{padding:16px}.tz-live-create-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:16px}.tz-live-preview{position:relative;min-height:420px;border-radius:17px;overflow:hidden;background:#101827}.tz-live-preview video{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.tz-live-preview-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#d7dfec;padding:20px}.tz-live-preview-empty>svg{width:48px;height:48px}.tz-live-preview-empty strong{font-size:17px;margin-top:10px}.tz-live-preview-empty span{font-size:11px;color:#94a3b8;margin:5px 0 14px}.tz-live-preview-empty .tz-btn{background:#fff!important;color:#4b566c!important}.tz-live-preview-controls{position:absolute;left:0;right:0;bottom:15px;display:flex;justify-content:center;gap:8px;z-index:2}.tz-live-preview-controls button{width:42px;height:42px;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:rgba(17,24,39,.68);color:#fff;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(4px)}.tz-live-preview-controls button.off{background:#dc285d}.tz-live-preview-controls svg{width:19px;height:19px}.tz-live-form-fields{display:flex;flex-direction:column;gap:11px}.tz-live-form-fields label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:800;color:#445169}.tz-live-form-fields input,.tz-live-form-fields select,.tz-live-form-fields textarea{width:100%;border:1px solid #e0e5ee;background:#fff;border-radius:11px;padding:10px 11px;outline:0;color:#26334d;font:inherit}.tz-live-form-fields input:focus,.tz-live-form-fields select:focus,.tz-live-form-fields textarea:focus{border-color:#a989fa;box-shadow:0 0 0 3px rgba(120,77,242,.08)}.tz-live-form-fields textarea{resize:vertical;min-height:80px}.tz-live-form-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.tz-live-create-toggles{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.tz-live-create-toggles label{display:flex;flex-direction:row;align-items:center;gap:7px;border:1px solid #edf0f5;border-radius:10px;padding:10px;background:#fafbfe}.tz-live-create-card footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 0 0}.tz-live-start-btn{display:inline-flex!important;align-items:center;gap:7px}.tz-live-gift-drawer{position:fixed;inset:0;z-index:120;background:rgba(15,23,42,.45);display:grid;place-items:center;padding:15px}.tz-live-gift-panel{width:min(520px,calc(100vw - 24px));max-height:75vh;overflow:auto;background:#fff;border-radius:20px;padding:15px;box-shadow:0 24px 70px rgba(20,25,55,.24)}.tz-live-gift-panel header{display:flex;justify-content:space-between;align-items:center}.tz-live-gift-panel h3{margin:0}.tz-live-gift-panel header button{border:0;background:#f1f3f7;width:32px;height:32px;border-radius:50%;font-size:20px}.tz-live-gift-panel>p{font-size:11px;color:#7d8797}.tz-live-gift-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.tz-live-gift-grid button{min-height:92px;border:1px solid #edf0f5;border-radius:13px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer}.tz-live-gift-grid button span{font-size:28px}.tz-live-gift-grid button b{font-size:10px}.tz-live-gift-grid button small{font-size:8px;color:#8c96a7}.tz-live-empty{text-align:center;padding:50px 25px}.tz-live-empty>svg{width:44px;height:44px;color:#7b53ef}.tz-live-empty h1{margin:9px 0 5px}.tz-live-empty p{color:#7f8b9f}.tz-live-empty .tz-btn{display:inline-flex;margin-top:10px}
@keyframes tzLiveHeart{0%{transform:scale(1)}45%{transform:scale(1.22)}100%{transform:scale(1)}}
@media(max-width:1180px){.tz-live-discovery-grid{grid-template-columns:1fr}.tz-live-discovery-side{display:grid;grid-template-columns:1fr 1fr}.tz-live-watch-grid{grid-template-columns:minmax(0,1fr) 300px}.tz-live-bottom-grid{grid-template-columns:1fr}.tz-live-settings-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.tz-live-home,.tz-live-room{gap:10px}.tz-live-page-head{padding:2px 0 7px}.tz-live-page-head h1{font-size:21px}.tz-live-page-head p{font-size:10px}.tz-live-title-icon{width:38px;height:38px;border-radius:12px}.tz-live-go-btn{height:39px!important;min-height:39px!important;padding:0 12px!important;font-size:11px!important}.tz-live-discovery-grid{display:block}.tz-live-discovery-side{display:flex;margin-top:10px}.tz-live-card-grid{grid-template-columns:1fr}.tz-live-discovery-section,.tz-live-discovery-side>.tz-card{padding:12px;border-radius:15px}.tz-live-watch-grid{display:flex;flex-direction:column}.tz-live-stage-card,.tz-live-chat-card{border-radius:15px}.tz-live-stage{min-height:0;aspect-ratio:9/13}.tz-live-stage video{object-fit:cover}.tz-live-chat-card{min-height:360px}.tz-live-chat-list{max-height:330px}.tz-live-bottom-grid{display:block}.tz-live-settings-card,.tz-live-viewers-card{margin-top:10px}.tz-live-settings-grid{grid-template-columns:1fr}.tz-live-summary-grid{grid-template-columns:repeat(3,1fr)}.tz-live-hostline{padding:10px 11px 7px}.tz-live-controls{padding:9px}.tz-live-controls button{min-width:42px;padding:0 9px}.tz-live-controls button span{display:none}.tz-live-controls button.danger{margin-left:auto}.tz-live-create{padding:0;align-items:end}.tz-live-create-card{width:100%;max-height:94vh;border-radius:22px 22px 0 0}.tz-live-create-card>header{height:66px}.tz-live-create-grid{display:flex;flex-direction:column}.tz-live-preview{min-height:340px;aspect-ratio:9/12}.tz-live-form-row{grid-template-columns:1fr}.tz-live-create-toggles{grid-template-columns:1fr 1fr}.tz-live-gift-grid{grid-template-columns:repeat(3,1fr)}.tz-live-head-actions .tz-live-share span{display:none}.tz-live-head-actions .tz-live-share{width:38px;padding:0;justify-content:center}.tz-live-card.compact{grid-template-columns:105px minmax(0,1fr)}}

body.tz-appearance-dark .tz-live-page-head h1,body.tz-appearance-dark .tz-live-section-title h2,body.tz-appearance-dark .tz-live-card-info strong,body.tz-appearance-dark .tz-live-hostline strong,body.tz-appearance-dark .tz-live-chat-head h2,body.tz-appearance-dark .tz-live-chat-msg header b,body.tz-appearance-dark .tz-live-setting-row b,body.tz-appearance-dark .tz-live-summary-grid strong{color:#eef3fb}.tz-appearance-dark .tz-live-card,.tz-appearance-dark .tz-live-create-card,.tz-appearance-dark .tz-live-gift-panel,.tz-appearance-dark .tz-live-share,.tz-appearance-dark .tz-live-controls button,.tz-appearance-dark .tz-live-chat-form,.tz-appearance-dark .tz-live-gift-grid button{background:#0d121b;border-color:#1e2836;color:#d8e0eb}.tz-appearance-dark .tz-live-card-info span,.tz-appearance-dark .tz-live-card-info small,.tz-appearance-dark .tz-live-page-head p,.tz-appearance-dark .tz-live-description,.tz-appearance-dark .tz-live-chat-msg p,.tz-appearance-dark .tz-live-tips p,.tz-appearance-dark .tz-live-section-title>span{color:#8f9bad}.tz-appearance-dark .tz-live-hostline-meta span,.tz-appearance-dark .tz-live-chat-mod button{background:#151d29;color:#9eabba!important}.tz-appearance-dark .tz-live-chat-head,.tz-appearance-dark .tz-live-chat-form,.tz-appearance-dark .tz-live-controls,.tz-appearance-dark .tz-live-create-card>header{border-color:#1d2734}.tz-appearance-dark .tz-live-chat-form input,.tz-appearance-dark .tz-live-form-fields input,.tz-appearance-dark .tz-live-form-fields select,.tz-appearance-dark .tz-live-form-fields textarea{background:#080c12;border-color:#283341;color:#eef3fb}.tz-appearance-dark .tz-live-setting-row,.tz-appearance-dark .tz-live-summary-grid>div,.tz-appearance-dark .tz-live-create-toggles label{background:#0b1018;border-color:#1f2936}.tz-appearance-dark .tz-live-setting-row>i,.tz-appearance-dark .tz-live-summary-grid i{background:#17152a}.tz-appearance-dark .tz-live-back{background:#151d29;color:#aeb8c6}

/* v1.0.79 — cleaner modern Live broadcast icon + stronger Go Live feedback */
.tz-live-title-icon{display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#ff2d75,#ff4b4b);color:#fff;box-shadow:0 8px 22px rgba(255,45,117,.20)}
.tz-live-title-icon svg{width:22px;height:22px;stroke-width:1.9}
.tz-live-go-btn svg,.tz-live-start-btn svg{width:20px;height:20px;stroke-width:2}
.tz-live-start-btn.is-starting{opacity:.75;cursor:wait;pointer-events:none}
.tz-live-start-btn.is-starting:after{content:"";width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:tz-live-spin .7s linear infinite;margin-left:8px}
@keyframes tz-live-spin{to{transform:rotate(360deg)}}


/* v1.0.81 — complete Live room widgets + full Live chat emoji picker */
.tz-live-room-shell{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px;align-items:start;min-width:0}
.tz-live-room-main{display:flex;flex-direction:column;gap:14px;min-width:0}
.tz-live-room-widgets{display:flex;flex-direction:column;gap:14px;min-width:0}
.tz-live-room-widget{padding:14px;border-radius:18px}
.tz-live-room-widget .tz-widget-head{margin-bottom:11px}
.tz-live-room-widget .tz-widget-head h3{font-size:16px}
.tz-live-room-widget .tz-online-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 5px}
.tz-live-room-widget .tz-online-avatar,.tz-live-room-widget .tz-online-avatar img{width:45px;height:45px}
.tz-live-room-widget .tz-online-user{font-size:9px;min-width:0}
.tz-live-room-widget .tz-latest-members-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 6px}
.tz-live-room-widget .tz-latest-member{display:flex;flex-direction:column;align-items:center;gap:4px;color:#5b6880;font-size:9px;text-align:center;min-width:0}
.tz-live-room-widget .tz-latest-member img{width:45px;height:45px;border-radius:50%;object-fit:cover;background:#e9edf4}
.tz-live-room-widget .tz-latest-member span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tz-live-go-widget{padding:18px;border-radius:18px;background:linear-gradient(135deg,#ff1594,#754cff);color:#fff;text-align:left;overflow:hidden;position:relative}
.tz-live-go-widget:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-55px;top:-65px;background:rgba(255,255,255,.10)}
.tz-live-go-widget-icon{width:48px;height:48px;border-radius:14px;background:rgba(255,255,255,.15);display:grid;place-items:center;margin-bottom:10px;position:relative;z-index:1}
.tz-live-go-widget-icon svg{width:24px;height:24px}
.tz-live-go-widget h3{margin:0;font-size:18px;position:relative;z-index:1}
.tz-live-go-widget p{margin:7px 0 13px;font-size:11px;line-height:1.5;color:rgba(255,255,255,.86);position:relative;z-index:1}
.tz-live-go-widget .tz-btn{width:100%;height:40px;background:#fff!important;color:#7148ed!important;border:0!important;display:flex;align-items:center;justify-content:center;gap:7px;position:relative;z-index:1}
.tz-live-go-widget .tz-btn svg{width:18px;height:18px}
.tz-live-chat-form{position:relative}
.tz-live-emoji-popover{position:absolute;right:8px;bottom:58px;width:286px;padding:10px;border:1px solid #e7eaf2;border-radius:16px;background:#fff;box-shadow:0 16px 42px rgba(35,47,80,.18);z-index:25}
.tz-live-emoji-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;max-height:220px;overflow:auto}
.tz-live-emoji-choice{width:100%!important;height:34px!important;border:0!important;border-radius:9px!important;background:transparent!important;font-size:20px!important;color:inherit!important;display:grid!important;place-items:center!important;padding:0!important}
.tz-live-emoji-choice:hover{background:#f4f1ff!important;transform:scale(1.08)}
body.tz-appearance-dark .tz-live-room-widget,body.tz-appearance-dark .tz-live-emoji-popover{background:#0d121b;border-color:#1f2936}
body.tz-appearance-dark .tz-live-room-widget .tz-widget-head h3{color:#eef3fb}
body.tz-appearance-dark .tz-live-emoji-choice:hover{background:#17152a!important}
@media(max-width:1320px){.tz-live-room-shell{grid-template-columns:1fr}.tz-live-room-widgets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.tz-live-room-shell{display:block}.tz-live-room-widgets{display:flex;margin-top:10px}.tz-live-room-widget,.tz-live-go-widget{border-radius:15px}.tz-live-emoji-popover{right:6px;left:6px;width:auto;bottom:58px}.tz-live-emoji-grid{grid-template-columns:repeat(7,1fr)}}


/* v1.0.82 — Live page owns its widget column; remove the unused global right-column reservation */
@media (min-width:821px){
  .tz-layout.tz-live-layout{
    grid-template-columns:220px minmax(0,1fr)!important;
    max-width:1600px;
  }
  .tz-live-layout>.tz-main{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
  body.tz-layout-width-full .tz-layout.tz-live-layout{
    grid-template-columns:245px minmax(0,1fr)!important;
  }
  body.tz-layout-width-boxed .tz-layout.tz-live-layout{
    grid-template-columns:220px minmax(0,1fr)!important;
  }
  .tz-live-room-shell{
    width:100%;
    grid-template-columns:minmax(0,1fr) 300px;
  }
  .tz-live-room-main{min-width:0;width:100%}
  .tz-live-watch-grid{
    width:100%;
    grid-template-columns:minmax(0,1fr) minmax(300px,340px);
  }
  .tz-live-stage-card{min-width:0}
  .tz-live-chat-card{min-width:300px}
}
@media (min-width:821px) and (max-width:1320px){
  .tz-layout.tz-live-layout{grid-template-columns:210px minmax(0,1fr)!important}
  body.tz-layout-width-full .tz-layout.tz-live-layout{grid-template-columns:210px minmax(0,1fr)!important}
  .tz-live-room-shell{grid-template-columns:1fr}
  .tz-live-room-widgets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}
}


/* v1.0.83 — Live likes are one-per-user, visibly persistent, and Live rooms use the full page */
.tz-live-controls button.heart.liked{
  color:#ec1975!important;
  border-color:#ffc6df!important;
  background:#fff0f7!important;
  box-shadow:0 0 0 3px rgba(236,25,117,.07);
}
.tz-live-controls button.heart.liked svg{fill:currentColor!important;stroke:currentColor!important}
.tz-live-controls button.heart.liked:hover{background:#fff0f7!important}
body.tz-appearance-dark .tz-live-controls button.heart.liked{background:#291222!important;border-color:#5c2440!important;color:#ff5ca4!important}
@media(min-width:821px){
  .tz-layout.tz-live-layout{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding-left:18px!important;
    padding-right:18px!important;
  }
  .tz-live-layout>.tz-main,.tz-live-room,.tz-live-room-shell,.tz-live-room-main{width:100%!important;max-width:none!important;min-width:0!important}
  .tz-live-room-shell{grid-template-columns:minmax(0,1fr) 320px!important;gap:14px!important}
  .tz-live-watch-grid{grid-template-columns:minmax(0,1fr) minmax(320px,360px)!important;gap:14px!important}
}
@media(min-width:821px) and (max-width:1320px){
  .tz-live-room-shell{grid-template-columns:1fr!important}
  .tz-live-room-widgets{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .tz-live-watch-grid{grid-template-columns:minmax(0,1fr) minmax(300px,340px)!important}
}
@media(max-width:980px) and (min-width:821px){
  .tz-live-watch-grid{grid-template-columns:1fr!important}
  .tz-live-chat-card{min-height:380px!important}
}


/* v1.0.84 — remove People Watching card + preserve the original Live video aspect ratio */
.tz-live-bottom-grid{grid-template-columns:1fr!important}
.tz-live-stage{
  aspect-ratio:auto!important;
  min-height:0!important;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#0d1320;
}
.tz-live-stage>video{
  width:100%!important;
  height:auto!important;
  max-height:78vh;
  object-fit:contain!important;
  object-position:center center!important;
  background:#0d1320;
}
.tz-live-preview>video{object-fit:contain!important;object-position:center center!important;background:#0d1320}
@media(max-width:820px){
  .tz-live-stage{aspect-ratio:auto!important;min-height:0!important}
  .tz-live-stage>video{height:auto!important;max-height:72vh;object-fit:contain!important}
}


/* v1.0.85 — reliable viewer WebRTC reconnect + autoplay-safe Live playback */
.tz-live-connect-status{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;text-align:center;color:#fff;background:rgba(8,13,24,.72);backdrop-filter:blur(3px)}
.tz-live-connect-status.tz-hidden{display:none!important}.tz-live-connect-status>span{width:34px;height:34px;border:3px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:tzLiveConnectSpin .8s linear infinite}.tz-live-connect-status b{font-size:15px}.tz-live-connect-status small{font-size:11px;color:#cbd5e1}.tz-live-connect-status button{margin-top:3px;height:36px;padding:0 16px;border:0;border-radius:18px;background:#fff;color:#6337df;font-weight:800;cursor:pointer}.tz-live-connect-status.is-error>span{display:none}.tz-live-unmute{position:absolute;z-index:5;left:50%;bottom:14px;transform:translateX(-50%);height:38px;padding:0 15px;border:1px solid rgba(255,255,255,.22);border-radius:20px;background:rgba(8,13,24,.72);backdrop-filter:blur(5px);color:#fff;display:inline-flex;align-items:center;gap:7px;font-weight:800;font-size:11px;cursor:pointer}.tz-live-unmute svg{width:17px;height:17px}@keyframes tzLiveConnectSpin{to{transform:rotate(360deg)}}
@media(max-width:820px){.tz-live-connect-status{padding:18px}.tz-live-unmute{bottom:10px}}


/* v1.0.86 — mobile Live Chat opens as a full-screen popup instead of sitting below the video */
.tz-live-mobile-chat-btn{display:none!important}
.tz-live-chat-head-actions{display:flex;align-items:center;gap:6px}
.tz-live-chat-head-actions>button{width:34px;height:34px;border:0;border-radius:50%;background:transparent;color:#748198;display:grid;place-items:center;cursor:pointer}
.tz-live-chat-head-actions>button:hover{background:#f3f5fa;color:#6d48ee}
.tz-live-chat-head-actions svg{width:18px;height:18px}
.tz-live-chat-close{display:none!important}
body.tz-appearance-dark .tz-live-chat-head-actions>button:hover{background:#171d28;color:#b7a4ff}
@media(max-width:820px){
  body.tz-live-chat-open{overflow:hidden!important}
  .tz-live-mobile-chat-btn{display:inline-flex!important}
  .tz-live-watch-grid{display:block!important}
  .tz-live-chat-card{display:none!important}
  .tz-live-chat-card.is-mobile-open{
    display:flex!important;
    position:fixed!important;
    inset:0!important;
    z-index:160!important;
    width:100vw!important;
    height:100dvh!important;
    max-width:none!important;
    max-height:none!important;
    min-height:0!important;
    margin:0!important;
    border-radius:0!important;
    border:0!important;
    box-shadow:none!important;
    background:#fff!important;
  }
  .tz-live-chat-card.is-mobile-open .tz-live-chat-head{
    flex:0 0 64px;
    height:64px!important;
    padding:0 14px 0 16px!important;
    background:#fff;
    border-bottom:1px solid #edf0f5;
  }
  .tz-live-chat-close{display:grid!important;background:#f3f5fa!important;color:#34415a!important}
  .tz-live-chat-card.is-mobile-open .tz-live-chat-list{
    flex:1 1 auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow-y:auto!important;
    padding:12px 13px 18px!important;
    overscroll-behavior:contain;
  }
  .tz-live-chat-card.is-mobile-open .tz-live-chat-form{
    flex:0 0 auto!important;
    position:sticky!important;
    bottom:0!important;
    padding:10px 10px calc(10px + env(safe-area-inset-bottom))!important;
    background:#fff!important;
    z-index:2;
  }
  .tz-live-chat-card.is-mobile-open .tz-live-chat-form input{height:42px!important;font-size:16px!important}
  .tz-live-chat-card.is-mobile-open .tz-live-chat-form button{height:38px!important;width:38px!important}
  .tz-live-chat-card.is-mobile-open .tz-live-chat-form button[type=submit]{height:42px!important;width:42px!important}
  .tz-live-chat-card.is-mobile-open .tz-live-emoji-popover{position:absolute!important;left:10px!important;right:10px!important;bottom:64px!important;width:auto!important;max-height:44vh!important;overflow:auto!important}
  body.tz-appearance-dark .tz-live-chat-card.is-mobile-open,
  body.tz-appearance-dark .tz-live-chat-card.is-mobile-open .tz-live-chat-head,
  body.tz-appearance-dark .tz-live-chat-card.is-mobile-open .tz-live-chat-form{background:#0d121b!important}
  body.tz-appearance-dark .tz-live-chat-card.is-mobile-open .tz-live-chat-head{border-color:#1f2936!important}
  body.tz-appearance-dark .tz-live-chat-close{background:#171d28!important;color:#eef3fb!important}
}

/* v1.0.87 — points earning guide */
.tz-points-earn-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 18px}.tz-points-earn-guide>div{padding:14px;border:1px solid var(--tz-border);border-radius:14px;background:var(--tz-card);display:flex;align-items:center;gap:10px}.tz-points-earn-guide strong{font-size:18px;color:var(--tz-purple)}.tz-points-earn-guide span{font-size:12px;color:var(--tz-muted);font-weight:700}@media(max-width:620px){.tz-points-earn-guide{grid-template-columns:1fr}}

/* v1.0.88 — visible points-earned popup for Shout/Like/Comment rewards */
.tz-points-earned-popup{position:fixed;left:50%;bottom:34px;z-index:100000;transform:translate(-50%,24px) scale(.96);opacity:0;pointer-events:none;min-width:290px;max-width:calc(100vw - 28px);display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px 14px;border-radius:17px;background:#fff;border:1px solid #ece8ff;box-shadow:0 18px 50px rgba(32,38,74,.2);transition:.22s ease}.tz-points-earned-popup.show{opacity:1;transform:translate(-50%,0) scale(1)}.tz-points-earned-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#ffb51c,#ff7a18);color:#fff;font-size:22px;font-weight:900}.tz-points-earned-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.tz-points-earned-copy strong{font-size:14px;color:#18233b}.tz-points-earned-copy span{font-size:11px;color:#7c879c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tz-points-earned-amount{font-size:22px;font-weight:900;color:#6e49ef}.tz-appearance-dark .tz-points-earned-popup{background:#111824;border-color:#273246;box-shadow:0 18px 50px rgba(0,0,0,.45)}.tz-appearance-dark .tz-points-earned-copy strong{color:#f4f7fb}.tz-appearance-dark .tz-points-earned-copy span{color:#95a3ba}@media(max-width:820px){.tz-points-earned-popup{bottom:82px;min-width:270px}}

/* v1.0.89 — Core Admin blocked-word moderation for Shouts, comments/replies, and private messages. */

/* v1.0.90 — Shout share action separated on the far right */
.tz-shout-stats .tz-stat-share{margin-left:auto;flex:0 0 auto;padding:7px;border-radius:9px;color:#65738d}
.tz-shout-stats .tz-stat-share:hover{background:#f2f4f8;color:var(--tz-purple)}
body.tz-appearance-dark .tz-shout-stats .tz-stat-share:hover{background:#171e29;color:#d6cfff}
@media(max-width:820px){.tz-shout-stats .tz-stat-share{padding:6px}}