*{box-sizing:border-box}body{margin:0;display:grid;grid-template-columns:250px minmax(0,1fr);background:#fcf8f1;color:#352319;font:15px/1.5 system-ui,sans-serif}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:600 14px/1.4 system-ui;cursor:pointer;border:1px solid #dfcba9;border-radius:12px;background:#fffaf1;color:#352319;padding:11px 16px}button:disabled{opacity:.5;cursor:not-allowed}button:hover:not(:disabled){background:#f2e5cd}button:focus-visible,a:focus-visible{outline:3px solid #9d742c;outline-offset:3px}a{color:inherit}h1,h2,h3{line-height:1.15}h1,h2{font-family:Georgia,serif;letter-spacing:-.03em}h1{font-size:34px;margin:4px 0;overflow-wrap:anywhere}h2{font-size:32px;margin:10px 0}h3{font-size:19px}p{color:#755c4a}small{font-size:12px}.eyebrow{font-weight:800;letter-spacing:.17em;color:#956924;font-size:10px}.sidebar{position:sticky;top:0;height:100dvh;padding:26px 18px;border-right:1px solid #e7d7bd;display:flex;flex-direction:column;overflow-y:auto;background:#fffaf1}.brand{display:block;font:700 29px Georgia;text-decoration:none;padding:12px 12px 30px;letter-spacing:.04em}.brand span{color:#ba8735}.brand small{display:block;font:800 8px system-ui;letter-spacing:.18em;margin-top:10px}.sidebar nav{display:grid;gap:5px}.sidebar nav button,.sidebar footer button,.sidebar footer a{display:flex;align-items:center;gap:10px;text-align:left;width:100%;font-weight:700;color:#171717;border:0;background:transparent;padding:12px;border-radius:12px;text-decoration:none}.sidebar svg{width:19px;height:19px;flex-shrink:0}.sidebar nav button.active{background:#f2e5ca;box-shadow:inset 3px 0 #a97a22}.sidebar footer{margin-top:30px;padding-top:16px;border-top:1px solid #e7d7bd}.sidebar #unreadBadge{margin-left:auto;color:#a34837}main{min-width:0;padding:28px clamp(20px,4vw,56px);max-width:1700px;width:100%}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.avatar,.face{width:48px;height:48px;border-radius:50%;background:#ead5b0;object-fit:cover;display:inline-grid;place-items:center;flex:0 0 auto;color:#52320c;font-weight:800;border:1px solid #d7bb8f}.tab{display:none}.tab.active{display:block}.notice{padding:14px;border-radius:12px;background:#f8e9cb;color:#563918}.hero{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:40px;border:1px solid #e8d7b8;border-radius:26px;background:radial-gradient(ellipse at 85% 20%,#f3d9aa,transparent 55%),linear-gradient(125deg,#fff8e9,#f8e9d5)}.hero h2{font-size:clamp(32px,4.3vw,58px);margin:18px 0}.hero p{max-width:490px}.primary{background:linear-gradient(110deg,#8b5b1b,#b88935);color:#fff;border-color:#9c712c}.primary:hover:not(:disabled){background:#86591e}.coin-orbit{width:170px;height:170px;border:1px solid #ccaa6d;border-radius:50%;display:grid;place-content:center;text-align:center;flex-shrink:0}.coin-orbit b{font:700 34px Georgia}.coin-orbit span{font-size:12px;margin-top:10px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}.stats button,.stats article{padding:22px;text-align:left;background:#fffdf8;border:1px solid #e6d6bd;border-radius:18px}.stats b{display:block;font:700 28px Georgia;margin-bottom:7px}.wallet{grid-template-columns:repeat(3,minmax(0,1fr))}.panel{padding:24px;border:1px solid #e7d6b8;background:#fffdf8;border-radius:20px;margin-bottom:20px}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:36px 0 20px}.section-head p{font-size:13px;margin:8px 0}.pill{font:700 12px system-ui;background:#efe1c6;border-radius:20px;padding:5px 9px;vertical-align:middle}.spotlights{display:grid;grid-template-columns:1fr 1fr;gap:16px}.spotlight{padding:20px 24px;border:1px solid #d4b881;border-radius:20px;background:linear-gradient(120deg,#38251e,#644826);color:#fff7e9;min-height:140px}.spotlight>small{color:#edca8d;font-weight:700;letter-spacing:.1em}.spotlight .rank-row{border:0;color:#fff;margin-top:14px}.spotlight p{color:#efdcc4}.host-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.host-card{border:1px solid #e5d6be;border-radius:20px;overflow:hidden;background:#fffdf8}.host-cover{padding:0;width:100%;border:0;border-radius:0;background:#eddfcb;display:block;aspect-ratio:4/4.5;overflow:hidden}.host-cover img{width:100%;height:100%;object-fit:cover;display:block}.host-cover .initial{font:52px Georgia;display:grid;place-items:center;height:100%;background:radial-gradient(circle at 30% 20%,#faf0dc,#d7b889);color:#755428}.host-info{padding:13px}.host-info strong{display:block;overflow-wrap:anywhere}.host-info small{display:block;color:#876947;min-height:20px;margin:4px 0 12px}.host-info button{width:100%;font-size:12px;padding:9px}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{padding:22px;background:#fffdf8;border:1px solid #e7d6b8;border-radius:20px}.empty{padding:28px;color:#826b56;text-align:center;border:1px dashed #dfcaa9;border-radius:15px;grid-column:1/-1}.rank-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.rank-row{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #eaddc9}.rank-row .place{font:700 21px Georgia;color:#b88935;min-width:26px}.rank-row .identity{min-width:0;flex:1;overflow-wrap:anywhere}.rank-row strong{display:block}.rank-row small{color:inherit;opacity:.8}.rank-row b:last-child{text-align:right;font-size:13px}label{display:block;font-size:13px;font-weight:600;margin:12px 0 8px}input,select,textarea{width:100%;padding:13px 14px;border:1px solid #ddc8a8;border-radius:12px;background:#fffefa;color:#352319;font:14px system-ui}textarea{min-height:100px;resize:vertical}.upload-row{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.upload-button{border:1px dashed #b28d4b;border-radius:12px;padding:12px;cursor:pointer}.upload-button input{display:block;font-size:12px;padding:7px;margin-top:6px;max-width:300px}.upload-row small{max-width:380px;color:#826b56}#postPreview img,#postPreview video,.post-media{display:block;max-width:100%;max-height:480px;border-radius:14px;object-fit:contain;background:#161313;margin:16px auto}.post-list{display:grid;gap:18px}.post-card{margin:0}.post-card header{display:flex;justify-content:space-between;align-items:center}.post-card p,.bubble .body{white-space:pre-wrap;overflow-wrap:anywhere}.profile-form{max-width:650px}.profile-form button{margin-top:16px}.chat-layout{display:grid;grid-template-columns:270px minmax(0,1fr);border:1px solid #e2cdab;border-radius:22px;overflow:hidden;background:#fffdf8}.chat-list-panel{padding:18px;border-right:1px solid #e7d6b8;max-height:75vh;overflow-y:auto}.chat-list-panel>button{margin:12px 0;font-size:12px}.chat-person{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:0;padding:13px 8px;background:none;margin:4px 0}.chat-person.active{background:#f0e1c5}.chat-person .face{width:36px;height:36px}.chat-person>span{min-width:0;flex:1}.chat-person strong{display:block;overflow-wrap:anywhere}.chat-person small{display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-weight:400;color:#8a725c}.chat-room{padding:18px;display:flex;flex-direction:column;min-width:0;height:72vh;min-height:470px;position:relative}.chat-room>header{display:flex;justify-content:space-between;gap:10px;align-items:center;border-bottom:1px solid #e7d6b8;padding-bottom:12px}.chat-room h3{font-size:17px;margin:0;overflow-wrap:anywhere}#messages{overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:10px;padding:18px 4px;scroll-behavior:auto}.bubble{align-self:flex-start;max-width:85%;padding:12px 14px;border-radius:16px 16px 16px 3px;background:#f1e7d6}.bubble.mine{align-self:flex-end;background:#795324;color:#fff8ec;border-radius:16px 16px 3px 16px}.bubble small{display:block;font-size:10px;opacity:.7;margin-top:5px}.bubble.gift{border:1px solid #c3974c;background:#fff1cb;color:#543b17;min-width:190px}.bubble.gift strong{display:block}.bubble button{margin-top:10px;font-size:12px}#messageForm{display:flex;gap:8px;border-top:1px solid #e7d6b8;padding-top:12px}#messageForm input{min-width:0}#chatStatus{font-size:12px;margin:6px 0 0;min-height:18px}dialog{border:1px solid #dfc8a3;border-radius:24px;background:#fffaf1;color:#352319;padding:30px;width:min(700px,92vw);max-height:90dvh;overflow-y:auto}dialog::backdrop{background:#16100dcc;backdrop-filter:blur(5px)}.close{float:right;border:0;background:transparent;font-size:25px;line-height:1;padding:6px 10px}.actions{display:flex;gap:12px;justify-content:flex-end;position:sticky;bottom:-30px;background:#fffaf1;padding:18px 0}.gift-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.gift-choice{padding:14px 8px;min-width:0;text-align:center;display:block;position:relative}.gift-choice.selected{outline:2px solid #a47722}.gift-choice .symbol{display:block;font-size:29px;margin:8px 0}.gift-choice strong{display:block;font-size:12px}.gift-choice small{display:block;margin-top:6px;font-size:10px}.host-profile-head{display:flex;align-items:center;gap:18px}.host-profile-head .face{width:90px;height:90px}.host-videos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.host-videos video{width:100%;border-radius:12px}#effectDialog{background:#0e0b16;color:#fff;text-align:center;max-width:640px;border-color:#513842}#effectDialog h2{color:#fff4df}#effectDialog p{color:#e4c9b1}#effectDialog small{color:#d2ab68;letter-spacing:.15em}#effectVideo{width:100%;max-height:65vh;object-fit:contain;border-radius:15px}#effectSound{background:transparent;color:#ffe9c8}#hostDetails .actions{position:static;padding:12px 0}.activity-row{display:flex;justify-content:space-between;border-bottom:1px solid #e7d6b8;padding:12px 0}.danger{color:#a43f35}.good{color:#376c3e}[hidden]{display:none!important}@media(max-width:1200px){.host-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.chat-layout{grid-template-columns:230px minmax(0,1fr)}}@media(max-width:900px){body{grid-template-columns:1fr}.sidebar{position:relative;height:auto;padding:16px;border-right:0;border-bottom:1px solid #e7d6b8}.sidebar .brand{padding:0 8px 20px}.sidebar nav{grid-template-columns:repeat(4,minmax(0,1fr))}.sidebar nav button{font-size:12px;padding:10px 8px;gap:6px}.sidebar footer{display:flex;gap:8px;margin-top:12px;padding-top:8px}.sidebar footer a,.sidebar footer button{font-size:12px;justify-content:center}main{padding:24px 18px}.hero{padding:28px}.coin-orbit{width:130px;height:130px}.host-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.chat-layout{grid-template-columns:1fr}.chat-list-panel{max-height:210px;border-right:0;border-bottom:1px solid #e7d6b8}.chat-room{height:65vh}.rank-columns{grid-template-columns:1fr}}@media(max-width:560px){.sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar nav button{font-size:13px}.hero{display:block}.coin-orbit{display:none}.hero h2{font-size:36px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stats button,.stats article{padding:16px}.host-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.spotlights{grid-template-columns:1fr}.section-head{align-items:flex-start}.section-head h2{font-size:25px}.section-head>button{font-size:11px;padding:8px}.card-grid{grid-template-columns:1fr}.gift-grid{grid-template-columns:repeat(3,minmax(0,1fr))}dialog{padding:20px}.actions{bottom:-20px}.chat-room{padding:12px}.wallet{grid-template-columns:1fr}.topbar h1{font-size:28px}}

/* Full viewport gift stage: preserve every pixel of the original film. */
#effectDialog{position:fixed;inset:0;margin:0;width:100vw;width:100dvw;height:100vh;height:100dvh;max-width:none;max-height:none;padding:0;border:0;border-radius:0;overflow:hidden;background:#050708;box-shadow:none;color:white}
#effectDialog::backdrop{background:#050708;backdrop-filter:none}
#effectVideo{position:absolute;inset:0;display:block;width:100%;height:100%;max-height:none;object-fit:contain;border-radius:0;background:#050708}
#effectKicker,#effectTitle{display:none}
#effectSender{position:absolute;z-index:2;left:16px;right:16px;bottom:max(18px,env(safe-area-inset-bottom));margin:0;color:white!important;font:600 13px/1.4 system-ui;text-shadow:0 2px 8px #000;pointer-events:none}
#effectStatus{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:min(80%,420px);margin:0;padding:12px;border-radius:12px;background:#000b;color:white!important;pointer-events:none}
#effectStatus:empty{display:none}
#effectDialog .close,#effectSound{position:absolute;z-index:4;top:max(12px,env(safe-area-inset-top));border:0;background:#0006;color:white;padding:9px 12px;border-radius:50px;opacity:0;transition:opacity .2s}
#effectDialog .close{right:12px}#effectSound{left:12px}
#effectDialog:hover .close,#effectDialog:hover #effectSound,#effectDialog:focus-within .close,#effectDialog:focus-within #effectSound{opacity:.8}
body:has(#effectDialog[open]){overflow:hidden}
@media(hover:none){#effectDialog .close,#effectSound{opacity:.6}}
@media(prefers-reduced-motion:reduce){#effectDialog .close,#effectSound{transition:none}}


/* NAZAKAT_CHAT_STRUCTURE_V2_START */

/* Desktop chat container */
#tab-chat{
  width:100%;
  max-width:1180px;
  margin:0 auto;
}

#tab-chat .section-head{
  margin:18px 0 14px;
}

/* Left conversations + right active chat */
#tab-chat .chat-layout{
  display:grid;
  grid-template-columns:280px minmax(0,1fr);
  height:clamp(560px,68vh,680px);
  min-height:560px;
  border:1px solid #dfc9a5;
  border-radius:20px;
  overflow:hidden;
  background:#fffdf8;
  box-shadow:0 14px 40px rgba(91,55,15,.08);
}

/* Conversation list */
#tab-chat .chat-list-panel{
  height:100%;
  max-height:none;
  overflow-y:auto;
  padding:16px;
  border-right:1px solid #ead9bd;
  background:#fffaf1;
}

/* Actual chat */
#tab-chat .chat-room{
  min-width:0;
  min-height:0 !important;
  height:100% !important;
  padding:0 !important;
  position:relative;

  display:grid !important;
  grid-template-rows:
    72px
    auto
    minmax(0,1fr)
    76px
    auto;

  overflow:hidden;
  background:#fffdf8;
}

/* Header */
#tab-chat .chat-room > header{
  margin:0;
  padding:0 18px;
  min-height:72px;

  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;

  border-bottom:1px solid #ead9bd;
  background:#fffaf1;
}

#tab-chat .chat-room > header h3{
  margin:0;
  font-size:18px;
  font-weight:800;
  color:#352319;
}

/* Gift button */
#tab-chat #openGifts{
  flex:0 0 auto;
  padding:10px 16px;
  border-radius:14px;
  background:#fffaf1;
}

/* Older messages */
#tab-chat #olderMessages{
  justify-self:center;
  margin:8px 0 0;
  padding:7px 12px;
  font-size:11px;
}

/* Messages area */
#tab-chat #messages{
  min-height:0;
  overflow-y:auto;

  display:flex;
  flex-direction:column;
  gap:10px;

  padding:18px 20px;

  background:
    linear-gradient(rgba(255,253,248,.94),rgba(255,253,248,.94)),
    radial-gradient(circle at 20% 15%,#f2dfbd 0,transparent 34%);
}

/* Normal chat bubbles */
#tab-chat .bubble{
  width:auto;
  max-width:70%;
  padding:10px 13px;
}

#tab-chat .bubble.mine{
  align-self:flex-end;
}

/* Bottom composer */
#tab-chat #messageForm{
  margin:0;
  padding:12px 16px;

  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:10px;

  border-top:1px solid #ead9bd;
  background:#fffaf1;
}

#tab-chat #messageBody{
  margin:0;
  height:50px;
  min-width:0;
  padding:0 16px;
  border-radius:15px;
  font-size:15px;
}

#tab-chat #sendMessage{
  height:50px;
  min-width:92px;
  padding:0 20px;
  border-radius:15px;
}

/* Status should not create empty space */
#tab-chat #chatStatus{
  margin:0;
  min-height:0;
  padding:0 16px;
  background:#fffaf1;
  font-size:11px;
}

#tab-chat #chatStatus:not(:empty){
  padding:5px 16px 8px;
}

/* Tablet / mobile */
@media(max-width:900px){
  #tab-chat .chat-layout{
    height:auto;
    min-height:0;
    grid-template-columns:1fr;
  }

  #tab-chat .chat-list-panel{
    height:auto;
    max-height:175px;
    border-right:0;
    border-bottom:1px solid #ead9bd;
  }

  #tab-chat .chat-room{
    height:clamp(500px,68dvh,640px) !important;
  }
}

@media(max-width:560px){
  #tab-chat .chat-room{
    grid-template-rows:
      64px
      auto
      minmax(0,1fr)
      70px
      auto;
  }

  #tab-chat .chat-room > header{
    min-height:64px;
    padding:0 12px;
  }

  #tab-chat #messages{
    padding:14px 12px;
  }

  #tab-chat .bubble{
    max-width:82%;
  }

  #tab-chat #messageForm{
    padding:10px 12px;
  }

  #tab-chat #messageBody{
    height:48px;
  }

  #tab-chat #sendMessage{
    height:48px;
    min-width:76px;
    padding:0 14px;
  }
}

/* NAZAKAT_CHAT_STRUCTURE_V2_END */


/* NAZAKAT_BIG_CHAT_V1_START */

/* Desktop: larger conversation area */
@media (min-width:901px){
  #tab-chat .chat-layout{
    grid-template-columns:270px minmax(0,1fr);
    min-height:640px;
  }

  #tab-chat .chat-list-panel{
    max-height:none;
    height:100%;
  }

  #tab-chat .chat-room{
    height:clamp(640px,82vh,780px);
    min-height:640px;
  }

  #tab-chat #messages{
    min-height:470px;
  }
}

/* NAZAKAT_BIG_CHAT_V1_END */


/* ===== NAZAKAT COMPACT CHAT GIFT TRAY ===== */

#messageForm{
  display:flex;
  align-items:center;
  gap:8px;
}

#messageForm #messageBody{
  flex:1 1 auto;
  min-width:0;
  height:44px;
}

#messageForm .composer-gift{
  flex:0 0 44px;
  width:44px;
  height:44px;
  margin:0;
  padding:0;
  display:grid;
  place-items:center;
  border:1px solid #ddc59c;
  border-radius:50%;
  background:#fff8e9;
  color:#573817;
  font-size:21px;
  cursor:pointer;
}

#messageForm .composer-gift:hover:not(:disabled){
  background:#f5e4c4;
  border-color:#b88737;
}

#messageForm .composer-gift:disabled{
  opacity:.45;
  cursor:not-allowed;
}

#giftTray[hidden]{
  display:none !important;
}

#giftTray{
  flex:none;
  width:100%;
  margin:4px 0 10px;
  padding:11px 12px;
  border:1px solid #e2cca7;
  border-radius:18px;
  background:#fffaf0;
  box-shadow:0 12px 32px rgba(75,48,17,.11);
}

.gift-tray-head{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:8px;
  margin-bottom:9px;
}

.gift-tray-head strong{
  color:#382218;
  font-size:14px;
}

#giftRecipient{
  color:#82694f;
  font-size:11px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

#closeGifts{
  width:30px;
  height:30px;
  padding:0;
  border:0;
  border-radius:50%;
  background:transparent;
  color:#6c5035;
  font-size:22px;
  line-height:1;
  cursor:pointer;
}

#giftCategories{
  display:flex;
  gap:6px;
  overflow-x:auto;
  padding:0 0 9px;
  scrollbar-width:none;
}

#giftCategories::-webkit-scrollbar{
  display:none;
}

.gift-category{
  flex:none;
  margin:0;
  padding:7px 13px;
  border:1px solid #dfcba9;
  border-radius:999px;
  background:#fffdf8;
  color:#72532e;
  font-size:10px;
  font-weight:800;
  cursor:pointer;
}

.gift-category.active{
  background:#704b22;
  border-color:#704b22;
  color:#fffaf0;
}

#giftTray .gift-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(72px,1fr));
  gap:7px;
  max-height:178px;
  padding:2px;
  overflow-y:auto;
}

#giftTray .gift-choice{
  min-width:0;
  min-height:91px;
  margin:0;
  padding:8px 5px;
  border:1px solid #ead8ba;
  border-radius:13px;
  background:#fffdf8;
  color:#40291d;
  text-align:center;
  box-shadow:none;
  cursor:pointer;
}

#giftTray .gift-choice:hover:not(:disabled){
  border-color:#ba8c42;
  background:#fff8e8;
}

#giftTray .gift-choice.selected{
  border-color:#9e6f21;
  outline:2px solid #c99b4c;
  background:#fff1cf;
}

#giftTray .gift-choice .symbol{
  display:block;
  margin:1px 0 5px;
  font-size:25px;
  line-height:1;
}

#giftTray .gift-choice strong{
  display:block;
  overflow:hidden;
  color:#3b271c;
  font-size:10px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

#giftTray .gift-choice small{
  display:block;
  margin-top:4px;
  color:#80684f;
  font-size:9px;
}

.gift-tray-foot{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
  margin-top:9px;
  padding-top:9px;
  border-top:1px solid #ecdec6;
}

#giftStatus{
  margin-right:auto;
  color:#765d46;
  font-size:10px;
}

.gift-tray-foot button{
  margin:0;
  padding:8px 12px;
  font-size:10px;
}

@media(max-width:700px){
  #giftTray .gift-grid{
    grid-template-columns:repeat(4,minmax(66px,1fr));
  }
}

@media(max-width:520px){
  #giftTray{
    padding:9px;
  }

  #giftTray .gift-grid{
    grid-template-columns:repeat(3,minmax(64px,1fr));
  }

  #messageForm{
    gap:6px;
  }

  #messageForm .composer-gift{
    flex-basis:40px;
    width:40px;
    height:40px;
  }

  .gift-tray-foot{
    flex-wrap:wrap;
  }

  #giftStatus{
    width:100%;
  }
}


/* NZ_CHAT_LIST_CLICK_CSS */
#chatList{
  position:relative;
  z-index:5;
  pointer-events:auto !important;
}

#chatList .chat-person{
  position:relative;
  z-index:6;
  width:100%;
  cursor:pointer;
  pointer-events:auto !important;
}

#chatList .chat-person *{
  pointer-events:none;
}


/* ===== NAZAKAT FLOATING MESSAGES ===== */

#tab-chat{display:none!important}

.nz-msg-launcher{
 position:fixed;
 right:25px;
 bottom:22px;
 z-index:90;
 height:56px;
 min-width:170px;
 display:flex;
 align-items:center;
 justify-content:center;
 gap:10px;
 padding:0 20px;
 border:1px solid #dfd4c4;
 border-radius:999px;
 background:#fffdf9;
 color:#2f251e;
 box-shadow:0 10px 34px rgba(47,34,22,.18);
 cursor:pointer;
}

.nz-msg-launcher span{font-size:22px}
.nz-msg-launcher strong{font-size:15px}

.nz-msg-drawer{
 position:fixed;
 right:24px;
 bottom:20px;
 z-index:100;
 width:min(420px,calc(100vw - 30px));
 height:min(680px,calc(100dvh - 40px));
 display:flex;
 flex-direction:column;
 overflow:hidden;
 border:1px solid #ddd4c8;
 border-radius:20px;
 background:#fff;
 color:#2c241f;
 box-shadow:0 20px 65px rgba(42,31,22,.22);
}

.nz-msg-drawer[hidden]{display:none!important}

.nz-msg-head{
 height:68px;
 flex:none;
 display:flex;
 align-items:center;
 gap:8px;
 padding:10px 12px;
 border-bottom:1px solid #eee8df;
 background:#fff;
}

.nz-msg-head>div{
 min-width:0;
 flex:1;
}

.nz-msg-head strong{
 display:block;
 overflow:hidden;
 white-space:nowrap;
 text-overflow:ellipsis;
 font-size:19px;
}

.nz-msg-head small{
 display:block;
 margin-top:2px;
 color:#8c827a;
 font-size:10px;
}

.nz-msg-head button{
 width:38px;
 height:38px;
 flex:none;
 padding:0;
 border:0;
 border-radius:50%;
 background:transparent;
 color:#29221d;
 font-size:21px;
 cursor:pointer;
}

.nz-msg-head button:hover{background:#f5f2ee}

.nz-msg-list-view{
 flex:1;
 min-height:0;
 overflow-y:auto;
}

.nz-msg-new{
 padding:12px 15px;
 border-bottom:1px solid #eee8df;
 background:#faf8f5;
}

.nz-msg-new label{
 margin:0 0 7px;
 font-size:11px;
}

.nz-msg-new select{margin:0}

.nz-msg-list-title{
 display:flex;
 align-items:center;
 justify-content:space-between;
 padding:14px 15px 7px;
}

.nz-msg-list-title strong{font-size:13px}

.nz-msg-list-title button{
 border:0;
 background:transparent;
 color:#936621;
 font-size:10px;
}

#messagesDrawer #chatList{
 padding:0 7px 12px;
}

#messagesDrawer .chat-person{
 width:100%;
 display:grid;
 grid-template-columns:52px minmax(0,1fr) auto;
 align-items:center;
 gap:11px;
 margin:0;
 padding:10px 8px;
 border:0;
 border-radius:11px;
 background:#fff;
 text-align:left;
 cursor:pointer;
 pointer-events:auto!important;
}

#messagesDrawer .chat-person:hover,
#messagesDrawer .chat-person.active{
 background:#f5f3f0;
}

#messagesDrawer .chat-person .face{
 width:52px;
 height:52px;
}

#messagesDrawer .chat-person>span{
 min-width:0;
}

#messagesDrawer .chat-person strong{
 display:block;
 overflow:hidden;
 white-space:nowrap;
 text-overflow:ellipsis;
 font-size:14px;
}

#messagesDrawer .chat-person small{
 display:block;
 margin-top:3px;
 overflow:hidden;
 white-space:nowrap;
 text-overflow:ellipsis;
 color:#8d837b;
 font-size:11px;
 font-weight:400;
}

.nz-msg-chat-view{
 flex:1;
 min-height:0;
 display:flex;
 flex-direction:column;
}

.nz-msg-person{
 flex:none;
 padding:10px 14px;
 border-bottom:1px solid #eee8df;
}

.nz-msg-person strong{
 display:block;
 font-size:14px;
}

.nz-msg-person small{
 color:#92877f;
 font-size:9px;
}

#messagesDrawer #messages{
 flex:1;
 min-height:0;
 overflow-y:auto;
 padding:14px 11px;
}

#messagesDrawer #giftTray{
 flex:none;
 max-height:280px;
 overflow:auto;
 margin:0 9px 8px;
}

#messagesDrawer #messageForm{
 flex:none;
 margin:0;
 padding:10px 11px;
 display:flex;
 align-items:center;
 gap:7px;
 border-top:1px solid #eee8df;
 background:#fff;
}

#messagesDrawer #messageBody{
 flex:1;
 min-width:0;
 height:42px;
 margin:0;
 border-radius:999px;
}

#messagesDrawer .composer-gift{
 width:42px;
 height:42px;
 flex:0 0 42px;
 margin:0;
}

#messagesDrawer #sendMessage{
 height:42px;
 flex:none;
 margin:0;
 padding:0 14px;
}

#messagesDrawer #chatStatus{
 flex:none;
 margin:0;
 min-height:0;
 padding:0 11px 7px;
 font-size:10px;
}

@media(max-width:600px){
 .nz-msg-launcher{
   right:12px;
   bottom:12px;
   min-width:145px;
 }

 .nz-msg-drawer{
   inset:0;
   width:100vw;
   height:100dvh;
   max-width:none;
   max-height:none;
   border:0;
   border-radius:0;
 }
}

/* NZ_CREAM_GOLD_BASE_V1 */
:root{
  --nz-cream:#f7efe0;
  --nz-cream2:#fff8eb;
  --nz-gold:#b98532;
  --nz-gold-dark:#80561b;
  --nz-border:#e1c99f;
  --nz-ink:#38281d;
}

html,body{
  background:var(--nz-cream)!important;
  color:var(--nz-ink)!important;
}

.sidebar{
  background:#fbf3e5!important;
  border-right:1px solid var(--nz-border)!important;
}

.sidebar .brand{
  color:#38281d!important;
  font-family:Georgia,serif;
  font-size:27px!important;
}

.sidebar .brand span{
  color:var(--nz-gold)!important;
}

.sidebar nav button{
  color:#59432f!important;
  border-radius:14px!important;
}

.sidebar nav button:hover,
.sidebar nav button.active{
  background:#ead8b9!important;
  color:#2f2117!important;
  font-weight:800;
}

main{
  background:var(--nz-cream)!important;
}

.panel,.card{
  background:var(--nz-cream2)!important;
  border-color:var(--nz-border)!important;
}

.primary{
  background:linear-gradient(135deg,#9f6b23,#c99d4a)!important;
  border-color:#93611f!important;
  color:#fff9ed!important;
}

/* NZ_INSTAGRAM_HOME_STYLE_V1 */
.nz-social-home.active{
  display:grid!important;
  grid-template-columns:minmax(0,760px) 300px;
  gap:42px;
  max-width:1120px;
  margin:0 auto;
  align-items:start;
}

.nz-home-main{min-width:0}

.nz-stories{
  display:flex;
  gap:14px;
  overflow-x:auto;
  padding:10px 4px 22px;
  scrollbar-width:none;
}

.nz-stories::-webkit-scrollbar{display:none}

.nz-story{
  flex:0 0 76px;
  border:0;
  background:transparent;
  text-align:center;
  color:#432d1c;
  cursor:pointer;
}

.nz-story-ring{
  width:68px;
  height:68px;
  display:grid;
  place-items:center;
  margin:auto;
  padding:3px;
  border-radius:50%;
  background:linear-gradient(135deg,#8d5b18,#e4b95f,#a86e1e);
}

.nz-story-ring img,
.nz-story-ring b{
  width:100%;
  height:100%;
  border:3px solid #fff4df;
  border-radius:50%;
  object-fit:cover;
  background:#ead5ae;
}

.nz-story small{
  display:block;
  margin-top:5px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  font-size:10px;
}

.nz-home-feed{
  display:grid;
  gap:24px;
}

.nz-home-right{
  position:sticky;
  top:20px;
  padding-top:12px;
}

.nz-my-profile-card,
.nz-suggest-row{
  display:flex;
  align-items:center;
  gap:10px;
}

.nz-my-profile-card{
  padding:12px 0 22px;
}

.nz-suggestions{
  display:grid;
  gap:12px;
}

.nz-home-links{
  margin-top:28px;
  color:#9a8167;
  font-size:10px;
  line-height:1.7;
}

@media(max-width:1050px){
  .nz-social-home.active{
    grid-template-columns:1fr;
    max-width:760px;
  }
  .nz-home-right{display:none}
}

/* NZ_IG_HOME_REPAIR_V1 */
.nz-ig-home.active{
  display:grid!important;
  grid-template-columns:minmax(0,700px) 300px;
  gap:40px;
  max-width:1060px;
  margin:0 auto;
  align-items:start;
}

.nz-ig-center{min-width:0}

.nz-ig-stories{
  display:flex;
  gap:16px;
  overflow-x:auto;
  padding:12px 4px 28px;
}

.nz-ig-story{
  width:76px;
  flex:0 0 76px;
  border:0!important;
  background:transparent!important;
  text-align:center;
}

.nz-ig-story span{
  width:68px;
  height:68px;
  margin:auto;
  display:grid;
  place-items:center;
  border-radius:50%;
  padding:3px;
  background:linear-gradient(135deg,#98651f,#e4bb67,#a36d25);
}

.nz-ig-story img,
.nz-ig-story b{
  width:100%;
  height:100%;
  border-radius:50%;
  object-fit:cover;
  border:3px solid #fff7e9;
}

.nz-ig-story small{
  display:block;
  margin-top:6px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.nz-ig-right{
  position:sticky;
  top:20px;
  padding-top:12px;
}

.nz-ig-me,
.nz-ig-suggest{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 0;
}

.nz-ig-me small{display:block;color:#927657}

.nz-ig-me button,
.nz-ig-suggest button{
  margin-left:auto;
  border:0;
  background:transparent;
  color:#a06b20;
  font-weight:800;
}

.nz-ig-suggest-head{
  display:flex;
  justify-content:space-between;
  padding:16px 0 8px;
}

.nz-ig-post{
  background:#fff9ee;
  border:1px solid #dec59a;
  border-radius:18px;
  overflow:hidden;
  margin-bottom:24px;
}

.nz-ig-post header,
.nz-ig-post p{padding:14px 16px}

.nz-ig-post img,
.nz-ig-post video{
  display:block;
  width:100%;
  max-height:650px;
  object-fit:cover;
}

.nz-ig-empty{
  padding:80px 20px;
  text-align:center;
  border:1px solid #dec59a;
  border-radius:18px;
  background:#fff9ee;
}

.nz-ig-hooks{display:none!important}

@media(max-width:1000px){
  .nz-ig-home.active{grid-template-columns:1fr;max-width:700px}
  .nz-ig-right{display:none}
}

/* NZ_IG_POLISH_V1 */
main:has(#tab-home.active) .topbar{
  max-width:1020px;
  margin:0 auto;
  padding:22px 0 10px;
}

main:has(#tab-home.active) .topbar h1{
  font-size:25px;
  margin-top:2px;
}

.nz-ig-home.active{
  grid-template-columns:minmax(0,620px) 300px;
  gap:46px;
  max-width:1020px;
}

.nz-ig-stories{
  min-height:102px;
  padding:10px 0 22px;
  margin-bottom:22px;
  border-bottom:1px solid #e2cfaa;
}

.nz-ig-feed{
  width:100%;
  max-width:620px;
}

.nz-ig-empty{
  min-height:410px;
  display:grid;
  place-items:center;
  background:#fffaf0;
  color:#80694f;
}

.nz-ig-right{
  padding-top:7px;
}

#homeProfileAvatar{
  width:48px;
  height:48px;
  border-radius:50%;
  display:grid;
  place-items:center;
  flex:0 0 48px;
  background:#ead3a8;
  border:1px solid #c59343;
  font-weight:800;
  color:#51351d;
}

.nz-ig-suggest{
  min-height:46px;
  border-bottom:1px solid rgba(185,133,50,.12);
}

#messagesLauncher{
  background:#fffaf0!important;
  border:1px solid #d8bc8b!important;
  box-shadow:0 8px 28px rgba(80,50,15,.12)!important;
}

@media(max-width:1150px){
  .nz-ig-home.active{
    grid-template-columns:minmax(0,620px) 270px;
    gap:28px;
  }
}