/* ZakiChat Option B — Aurora Signature Design System
   One source of truth for color, typography, surfaces, controls and navigation.
   Theme: midnight navy, cyan glow, subtle aurora gradients. No light-mode cards. */
:root{
  color-scheme:dark;
  --zk-bg:#050b17;
  --zk-bg-2:#071528;
  --zk-bg-3:#0a1c31;
  --zk-surface:#0b1b2e;
  --zk-surface-2:#10263d;
  --zk-surface-3:#14314b;
  --zk-cyan:#38dcff;
  --zk-cyan-2:#00b9ef;
  --zk-cyan-soft:rgba(56,220,255,.12);
  --zk-violet:#8876ff;
  --zk-text:#f1f8ff;
  --zk-muted:#9bb2c8;
  --zk-dim:#6f8ba5;
  --zk-line:rgba(125,202,237,.16);
  --zk-line-strong:rgba(56,220,255,.32);
  --zk-radius:20px;
  --zk-shadow:0 18px 46px rgba(0,0,0,.28);
  --zk-glow:0 0 28px rgba(0,185,239,.14);
  --zk-font:Inter,Roboto,"SF Pro Display",system-ui,-apple-system,"Segoe UI",sans-serif;
}
html{min-height:100%;background:var(--zk-bg)!important;color-scheme:dark;scroll-behavior:smooth}
body{
  font-family:var(--zk-font)!important;
  color:var(--zk-text);
  background:
    radial-gradient(ellipse at 95% 0%,rgba(0,185,239,.12),transparent 31%),
    radial-gradient(ellipse at 0% 38%,rgba(136,118,255,.065),transparent 30%),
    linear-gradient(155deg,var(--zk-bg) 0%,var(--zk-bg-2) 55%,#081d30 100%)!important;
}
:where(button,a,input,textarea,select){-webkit-tap-highlight-color:transparent;font-family:inherit}
:where(button,a,[role=button]){transition:color .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
:where(button,a,[role=button]):active{transform:scale(.985)}
:where(input,textarea,select){accent-color:var(--zk-cyan-2);color:var(--zk-text)}
:where(input,textarea,select):focus-visible{outline:2px solid var(--zk-cyan);outline-offset:2px}
:where(h1,h2,h3,h4){letter-spacing:-.025em}
:where(p,small,.muted,.description){color:var(--zk-muted)}
:where(input,textarea,select){
  background:rgba(5,17,31,.88)!important;color:var(--zk-text)!important;
  border:1px solid var(--zk-line)!important;border-radius:13px;
}
:where(input,textarea,select)::placeholder{color:#7895ae!important}
:where(input,textarea,select):focus{border-color:var(--zk-line-strong)!important;box-shadow:0 0 0 3px rgba(56,220,255,.08)}
:where(button,.button,.btn,.primary-button,.save-button,.tg-primary-btn,.status-primary-button,.business-primary,.verify-button,.privacy-save-button){
  border-radius:14px;
}
:where(.button-primary,.primary-button,.save-button,.tg-primary-btn,.btn-primary,.status-primary-button,.business-primary,.verify-button,.privacy-save-button,.auth-submit){
  color:#031321!important;
  background:linear-gradient(125deg,#5ce5ff 0%,#19c9f4 48%,#00a9e4 100%)!important;
  border:1px solid rgba(194,246,255,.32)!important;
  box-shadow:0 8px 24px rgba(0,185,239,.2),inset 0 1px rgba(255,255,255,.22)!important;
  font-weight:750!important;
}
:where(.button-primary,.primary-button,.save-button,.tg-primary-btn,.btn-primary,.status-primary-button,.business-primary,.verify-button,.privacy-save-button,.auth-submit):hover{
  box-shadow:0 10px 30px rgba(0,185,239,.3),inset 0 1px rgba(255,255,255,.28)!important;filter:brightness(1.04)
}
:where(.button-secondary,.secondary-button,.auth-secondary,.cancel-danger-button){
  background:linear-gradient(145deg,rgba(19,43,66,.96),rgba(8,24,42,.98))!important;
  color:#d9efff!important;border:1px solid var(--zk-line)!important;
}
:where(.settings-shell,.profile-shell,.account-shell,.about-shell,.business-shell,.status-shell,.devices-page,.storage-management-page,.data-storage-page,.two-step-page,.auth-shell){
  color:var(--zk-text)!important;
}
:where(.settings-header,.profile-topbar,.account-header,.devices-header,.storage-header,.data-storage-header,.two-step-header,.about-header,.business-header,.status-header){
  color:var(--zk-text)!important;
  background:linear-gradient(120deg,var(--zk-bg,rgba(7,20,38,.98)),var(--zk-surface,rgba(9,35,57,.96)))!important;
  border-bottom:1px solid var(--zk-line)!important;
}
:where(.settings-card,.profile-card,.profile-info-card,.account-card,.account-security-card,.danger-card,.devices-card,.storage-card,.settings-group,.settings-section,.profile-section,.account-section,.card,.panel,.content-card,.settings-item,.settings-profile-link,.status-item,.my-status-card,.calls-summary-card,.call-item,.status-dialog-card,.status-viewer-card,.business-panel,.business-list-card,.about-card,.brand-card,.upgrade-plan-card,.upgrade-information-card,.security-card,.hero-card,.dialog-card,.account-modal-dialog,.modal-content,.dialog-content,.privacy-hero,.privacy-item,.verification-link-card){
  color:var(--zk-text)!important;
  background:linear-gradient(145deg,var(--zk-surface,rgba(15,37,59,.97)),var(--zk-bg-2,rgba(7,22,39,.99)))!important;
  border:1px solid var(--zk-line)!important;border-radius:var(--zk-radius)!important;
  box-shadow:var(--zk-shadow),inset 0 1px rgba(255,255,255,.025)!important;
}
:where(.settings-item,.account-action,.status-item,.call-item,.session-item,.storage-row,.setting-row,.usage-row,.privacy-item,.info-row,.version-item,.public-update){
  border-color:var(--zk-line)!important;
}
:where(.settings-item:hover,.account-action:hover,.status-item:hover,.call-item:hover,.session-item:hover,.storage-row:hover,.business-list-card:hover,.upgrade-plan-card:hover){
  background:linear-gradient(145deg,rgba(18,51,77,.98),rgba(8,26,45,.99))!important;border-color:var(--zk-line-strong)!important;
}
:where(.settings-item-icon,.account-action-icon,.section-icon,.storage-icon,.info-icon,.business-lock-icon,.business-metrics div,.feature-icon,.status-empty-icon,.calls-empty-icon,.channels-updates-icon,.release-update-icon,.modal-icon,.security-icon,.privacy-hero-icon){
  color:var(--zk-cyan)!important;background:linear-gradient(145deg,rgba(20,73,103,.72),rgba(8,35,60,.92))!important;border:1px solid rgba(56,220,255,.15)!important;border-radius:15px;
}
:where(.settings-title h1,.profile-topbar h1,.account-title h1,.devices-header h1,.storage-header h1,.data-storage-header h1,.two-step-header h1,.about-header h1,.business-header h1,.status-header h1){color:#f4fbff!important}
:where(.settings-title p,.account-title p,.devices-header p,.storage-header p,.data-storage-header p,.two-step-header p,.about-header p,.business-header p,.status-header p){color:var(--zk-muted)!important}
:where(.settings-eyebrow,.account-eyebrow,.status-eyebrow,.status-section-eyebrow,.business-eyebrow,.about-page .section-kicker,.modal-eyebrow,.section-label,.eyebrow){color:var(--zk-cyan)!important}
:where(.settings-item-copy strong,.account-action-copy strong,.session-info strong,.storage-row strong,.setting-copy strong,.status-item-info strong,.my-status-info strong,.call-name,.business-list-card h3,.about-card h2,.version-details h3,.release-content h3,.upgrade-plan-card h3){color:#eff9ff!important}
:where(.settings-item-copy small,.account-action-copy small,.session-info span,.session-info small,.setting-copy small,.status-item-info span,.my-status-info span,.call-meta,.storage-row small,.business-list-card p,.business-list-card small,.about-description,.version-details p,.release-content p,.upgrade-plan-description){color:var(--zk-muted)!important}
:where(.settings-back,.profile-back,.account-back,.back-button,.devices-header .back-button,.storage-header .back-button,.data-storage-header .back-button,.two-step-header .back-button,.about-header .back-button,.business-back){color:#c8efff!important;background:rgba(56,220,255,.07)!important;border:1px solid var(--zk-line)!important;border-radius:13px}
:where(.settings-toggle,.privacy-switch,.toggle-slider){background:#17324b!important;border-color:var(--zk-line)!important}
:where(.settings-toggle.enabled,.privacy-switch.enabled,.toggle input:checked + .toggle-slider){background:linear-gradient(120deg,#35d8ff,#00aee5)!important}
:where(.settings-toggle.enabled::after,.privacy-switch.enabled span,.toggle-slider::after){background:#f4fcff!important}
:where(.settings-message,.account-message,.profile-message,.storage-message,.business-notice,.privacy-message,.modal-message,.upgrade-checkout-status){
  background:rgba(56,220,255,.08)!important;color:#dff8ff!important;border:1px solid var(--zk-line)!important;border-radius:12px;
}
:where(.danger-zone,.danger-heading,.danger-card,.danger-dialog){border-color:rgba(255,105,125,.25)!important}
:where(.danger-label,.danger-heading h2,.danger-action-copy strong,.danger-modal-icon,.danger-eyebrow){color:#ff8c9e!important}
:where(.danger-button,.confirm-danger-button){background:linear-gradient(120deg,#9f3048,#692337)!important;color:#fff2f5!important;border:1px solid rgba(255,132,151,.25)!important;border-radius:12px}
:where(.account-modal-backdrop,.dialog-backdrop){background:rgba(0,5,14,.76)!important;backdrop-filter:blur(10px)}
:where(.account-modal-dialog,.dialog-card){background:linear-gradient(145deg,#102740,#071629)!important;color:var(--zk-text)!important;border:1px solid var(--zk-line-strong)!important}
:where(.modal-close,.status-close-button){background:rgba(56,220,255,.08)!important;color:#e7f8ff!important;border:1px solid var(--zk-line)!important;border-radius:50%}
:where(.bottom-nav){
  background:rgba(4,13,26,.96)!important;border-top:1px solid var(--zk-line)!important;
  box-shadow:0 -10px 30px rgba(0,0,0,.24)!important;backdrop-filter:blur(20px);
}
:where(.bottom-nav a){color:#829eb6!important}
:where(.bottom-nav a.selected,.bottom-nav a.is-current,.bottom-nav a[aria-current=page]){color:var(--zk-cyan)!important}
:where(.bottom-nav-icon){filter:none!important}
:where(.site-header,.site-footer){background:rgba(5,13,25,.94)!important;color:var(--zk-text)!important;border-color:var(--zk-line)!important;backdrop-filter:blur(18px)}
:where(.feature-card,.chat-card,.upgrade-placeholder,.upgrade-plan-card,.note-item,.public-update,.info-row,.version-item,.release-update-card,.channels-updates-card){
  background:linear-gradient(145deg,rgba(15,37,59,.92),rgba(7,22,39,.96))!important;color:var(--zk-text)!important;border-color:var(--zk-line)!important;
}
:where(.feature-card h3,.section-heading h2,.about-section h2,.cta-section h2,.hero h1,.brand,.footer-brand strong){color:#f2f9ff}
:where(.hero h1 span,.brand span span){background:linear-gradient(100deg,#56e5ff,#00b8ee 55%,#9c91ff);-webkit-background-clip:text;background-clip:text;color:transparent}
:where(.hero::before){background:rgba(0,185,239,.14)!important}
:where(.hero::after){background:rgba(136,118,255,.11)!important}
:where(.button-secondary,.nav-button){border-color:var(--zk-line-strong)!important;background:rgba(56,220,255,.07)!important;color:#e8f8ff!important}
:where(.feature-icon,.avatar,.send-icon){box-shadow:0 0 22px rgba(0,185,239,.12)}
/* Authentication — keep the same visual language instead of a separate theme. */
body.auth-page{
  background:radial-gradient(ellipse at 90% 5%,rgba(0,185,239,.2),transparent 34%),radial-gradient(ellipse at 5% 70%,rgba(136,118,255,.12),transparent 32%),linear-gradient(155deg,#040a16,#07172a 60%,#09233a)!important;
  color:var(--zk-text)!important;
}
.auth-shell{color:var(--zk-text)!important}
.auth-card,.signup-card{
  background:linear-gradient(145deg,rgba(14,36,58,.98),rgba(6,19,35,.99))!important;
  border:1px solid rgba(89,207,242,.22)!important;border-radius:26px!important;
  box-shadow:0 28px 80px rgba(0,0,0,.38),0 0 42px rgba(0,185,239,.07)!important;
}
:where(.auth-heading h1,.signup-step-heading h2,.account-plan-showcase-head h2,.account-plan-slide h3){color:#f3faff!important}
:where(.auth-heading p,.signup-step-heading p,.auth-help,.auth-footer,.account-plan-note,.account-plan-slide p,.account-plan-slide li){color:var(--zk-muted)!important}
:where(.auth-form>label,.form-label,.profile-field>span,.business-form label,.dialog-card label){color:#dceeff!important}
:where(.auth-form input:not([type=checkbox]),.auth-form textarea,.group-input,.password-field input,.phone-input-wrap .iti__tel-input){
  background:#07172a!important;color:#f3faff!important;border:1px solid var(--zk-line)!important;border-radius:13px!important;
}
:where(.auth-divider::before,.auth-divider::after){background:var(--zk-line)!important}
:where(.signup-tip,.signup-info-box,.verification-link-card,.signup-progress-track,.account-plan-slide){
  background:rgba(5,17,31,.78)!important;border:1px solid var(--zk-line)!important;border-radius:16px!important;color:var(--zk-text)!important;
}
:where(.signup-progress-bar){background:linear-gradient(90deg,#5ce5ff,#00aee5)!important}
:where(.signup-step-number,.account-plan-badge){background:rgba(56,220,255,.12)!important;color:var(--zk-cyan)!important;border:1px solid var(--zk-line)!important}
:where(.account-plan-cta){background:linear-gradient(120deg,#38dcff,#00aee5)!important;color:#031321!important;border-radius:13px!important}
/* Telegram-inspired Chats and Contacts — fix selectors to match actual markup. */
body.tg-app{
  --tg-bg:#050b17;--tg-panel:#08172a;--tg-panel-2:#10263d;--tg-line:rgba(125,202,237,.16);
  --tg-text:#f1f8ff;--tg-muted:#9bb2c8;--tg-blue:#38dcff;--tg-green:#4ee0b2;
  --tg-bubble-in:#10263d;--tg-bubble-out:#073b53;
  background:var(--zk-bg)!important;color:var(--zk-text)!important;font-family:var(--zk-font)!important;
}
body.tg-app .tg-shell,body.tg-app .tg-conversation-shell{
  background:linear-gradient(155deg,#050b17,#071528 58%,#081d30)!important;color:var(--zk-text)!important;
}
body.tg-list-page .tg-list-header,body.zc-contacts-page .zc-contacts-head,body.tg-conversation-page .tg-chat-header{
  background:linear-gradient(120deg,#061326 0%,#09243c 58%,#06334a 100%)!important;
  color:#f4fbff!important;border-bottom:1px solid rgba(56,220,255,.22)!important;
  box-shadow:0 10px 32px rgba(0,0,0,.28)!important;
}
body.tg-list-page .tg-brand-row .tg-wordmark{color:#f4fbff!important;font-weight:800!important;letter-spacing:-.045em!important}
body.tg-list-page .tg-brand-row .tg-wordmark::first-letter{color:var(--zk-cyan)!important}
body.tg-list-page .tg-list-actions .tg-icon-btn,body.zc-contacts-page .zc-action{color:#c7f2ff!important}
body.tg-list-page #top-search-box,body.tg-list-page .tg-search,body.zc-contacts-page .tg-search,body.zc-contacts-page input[type=search],body.zc-contacts-page .zc-contact-search,body.zc-contacts-page .zc-contacts-search{
  background:rgba(3,13,27,.78)!important;border:1px solid rgba(109,203,242,.24)!important;color:#edf8ff!important;border-radius:15px!important;
}
body.tg-list-page #top-search-box input,body.zc-contacts-page .zc-contacts-search input{background:transparent!important;color:#f4fbff!important}
body.tg-list-page #top-search-box input::placeholder,body.zc-contacts-page .zc-contacts-search input::placeholder{color:#8ca9c0!important}
body.tg-list-page .tg-filter-row .tg-filter{border:1px solid var(--zk-line)!important;background:#0c2035!important;color:#a9c1d5!important}
body.tg-list-page .tg-filter-row .tg-filter.is-active{background:linear-gradient(125deg,#5ce5ff,#00aee5)!important;color:#031321!important;border-color:transparent!important;box-shadow:0 4px 18px rgba(0,185,239,.2)!important}
body.tg-list-page .tg-list-content{background:linear-gradient(155deg,#050b17,#071528 58%,#081d30)!important;color:var(--zk-text)!important}
body.tg-list-page .tg-archive-row,body.tg-list-page .tg-chat-row{background:transparent!important;color:var(--zk-text)!important;border-bottom:1px solid rgba(109,203,242,.1)!important}
body.tg-list-page .tg-archive-row:active,body.tg-list-page .tg-chat-row:active{background:rgba(56,220,255,.075)!important}
body.tg-list-page .tg-archive-copy strong,body.tg-list-page .tg-chat-row-copy strong,body.tg-list-page .tg-chat-row strong{color:#f2f9ff!important}
body.tg-list-page .tg-archive-copy small,body.tg-list-page .tg-chat-row-copy p,body.tg-list-page .tg-chat-row-meta small{color:#91abc1!important}
body.tg-list-page .tg-chat-row .tg-avatar{background:linear-gradient(145deg,#0c789a,#12305a)!important;color:#f4fbff!important;box-shadow:0 0 22px rgba(0,185,239,.12)}
body.tg-list-page .tg-empty-state h2{color:#f3faff!important}
body.tg-list-page .tg-empty-state p{color:var(--zk-muted)!important}
body.tg-list-page .tg-empty-art{background:radial-gradient(circle at 28% 20%,#39ddff,#116b98 58%,#101f4a)!important;box-shadow:0 14px 42px rgba(0,0,0,.38),0 0 34px rgba(0,185,239,.18)!important}
body.tg-list-page .tg-bottom-nav,body.zc-contacts-page .tg-bottom-nav{
  background:rgba(4,13,26,.97)!important;border-top:1px solid var(--zk-line)!important;box-shadow:0 -10px 30px rgba(0,0,0,.24)!important;backdrop-filter:blur(20px);
}
body.tg-list-page .tg-bottom-nav a,body.zc-contacts-page .tg-bottom-nav a{color:#829eb6!important}
body.tg-list-page .tg-bottom-nav a.is-current,body.tg-list-page .tg-bottom-nav a[aria-current=page],body.zc-contacts-page .tg-bottom-nav a.is-current,body.zc-contacts-page .tg-bottom-nav a[aria-current=page]{color:var(--zk-cyan)!important}
body.tg-list-page .tg-top-menu{background:linear-gradient(145deg,#102740,#071629)!important;color:var(--zk-text)!important;border:1px solid var(--zk-line)!important;box-shadow:var(--zk-shadow)!important}
body.tg-list-page .tg-top-menu a,body.tg-list-page .tg-top-menu button{color:#eaf8ff!important}
body.tg-conversation-page .tg-message-area{background-color:#050b17!important;background-image:radial-gradient(circle at 15% 25%,rgba(56,220,255,.035) 0 2px,transparent 3px),radial-gradient(circle at 75% 65%,rgba(136,118,255,.035) 0 2px,transparent 3px)!important}
body.tg-conversation-page .tg-chat-intro{background:linear-gradient(145deg,#102740,#08182b)!important;border:1px solid var(--zk-line)!important;color:var(--zk-text)!important}
body.tg-conversation-page .tg-chat-intro p{color:var(--zk-muted)!important}
body.tg-conversation-page .tg-chat-intro-avatar{background:linear-gradient(145deg,#0c789a,#12305a)!important;color:#e9f9ff!important}
body.tg-conversation-page .tg-day-pill{background:#102740!important;color:#b7d0e4!important;border:1px solid var(--zk-line)!important}
body.tg-conversation-page .tg-message.incoming{background:linear-gradient(145deg,#122b43,#0c2035)!important;color:#f0f8ff!important;border:1px solid rgba(109,203,242,.12)!important}
body.tg-conversation-page .tg-message.outgoing{background:linear-gradient(135deg,#07506b,#06364e)!important;color:#effbff!important;border:1px solid rgba(56,220,255,.16)!important}
body.tg-conversation-page .tg-message-meta{color:#a8c8db!important}
body.tg-conversation-page .tg-composer{background:rgba(5,16,30,.98)!important;border-top:1px solid var(--zk-line)!important}
body.tg-conversation-page .tg-composer textarea,body.tg-conversation-page .tg-composer input{background:#0b2035!important;color:#f1faff!important;border:1px solid var(--zk-line)!important}
body.tg-conversation-page .tg-composer-icon{color:#bdefff!important}
/* Contacts page has a separate component vocabulary from the chat list. */
body.zc-contacts-page{background:var(--zk-bg)!important;color:var(--zk-text)!important}
body.zc-contacts-page .tg-shell{background:linear-gradient(155deg,#050b17,#071528 58%,#081d30)!important}
body.zc-contacts-page .zc-contact-shortcuts{border-bottom-color:var(--zk-line)!important}
body.zc-contacts-page .zc-shortcut{color:#cdeeff!important}
body.zc-contacts-page .zc-shortcut-icon{background:linear-gradient(145deg,#12476a,#09253f)!important;color:var(--zk-cyan)!important;border:1px solid rgba(56,220,255,.18)!important}
body.zc-contacts-page .zc-section-label{color:#8ca9c0!important}
body.zc-contacts-page .zc-person,body.zc-contacts-page .zc-contact-row,body.zc-contacts-page .contact-row,body.zc-contacts-page #contacts-results>*{background:transparent!important;color:var(--zk-text)!important;border-color:rgba(109,203,242,.1)!important}
body.zc-contacts-page .zc-person:active{background:rgba(56,220,255,.08)!important}
body.zc-contacts-page .zc-person-avatar{background:linear-gradient(145deg,#0b7194,#10315a)!important;color:#effbff!important}
body.zc-contacts-page .zc-person-copy strong{color:#f0f9ff!important}
body.zc-contacts-page .zc-person-copy small{color:#91abc1!important}
body.zc-contacts-page .zc-person-copy{border-bottom-color:rgba(109,203,242,.1)!important}
body.zc-contacts-page .zc-contact-empty{color:var(--zk-muted)!important}
/* Status, calls, Channels and release/update cards. */
body.status-page{color:var(--zk-text)!important}
body.status-page .status-shell{background:transparent!important}
body.status-page :where(.status-section,.calls-section,.channels-updates-section,.releases-updates-section){color:var(--zk-text)!important}
body.status-page :where(.status-item,.my-status-card,.call-item,.calls-summary-card,.channels-updates-card,.release-update-card,.status-tool-panel,.status-composer-options,.status-dialog-card,.status-viewer-card){
  background:linear-gradient(145deg,var(--zk-surface,rgba(15,37,59,.97)),var(--zk-bg-2,rgba(7,22,39,.99)))!important;color:var(--zk-text)!important;border:1px solid var(--zk-line)!important;border-radius:18px!important;
}
body.status-page :where(.status-item-info strong,.my-status-info strong,.call-name,.calls-summary-number,.channels-updates-card-content strong,.release-update-content h3){color:#f1f9ff!important}
body.status-page :where(.status-item-info span,.my-status-info span,.call-meta,.calls-summary-label,.channels-updates-card-content span,.release-update-content p,.status-empty p,.calls-empty p){color:var(--zk-muted)!important}
body.status-page :where(.status-avatar,.my-status-avatar,.call-avatar){background:linear-gradient(145deg,#0c789a,#12305a)!important;color:#f1faff!important;border-color:var(--zk-line)!important}
body.status-page :where(.status-primary-button,.status-add-button,.channels-open-button){background:linear-gradient(125deg,#5ce5ff,#00aee5)!important;color:#031321!important;border:1px solid rgba(194,246,255,.25)!important;box-shadow:0 8px 24px rgba(0,185,239,.18)!important}
body.status-page :where(.status-tool-button,.status-option,.status-choice-tray,.status-caption-input,.status-media-picker){background:#091b2e!important;color:var(--zk-text)!important;border-color:var(--zk-line)!important}
body.status-page :where(.status-choice-tray button,.status-tool-button){color:#c9efff!important;border:1px solid var(--zk-line)!important;border-radius:12px}
body.status-page :where(.status-dialog,.status-viewer-card){color:var(--zk-text)!important}
body.status-page .bottom-nav{background:rgba(4,13,26,.97)!important}
/* Generic subpages: devices, storage, privacy, verification, business, about, profile. */
body :where(.devices-page,.storage-management-page,.data-storage-page,.two-step-page,.business-shell,.about-shell,.profile-shell,.settings-shell,.account-shell){background:transparent!important}
body :where(.devices-card,.storage-card,.security-card,.hero-card,.about-card,.brand-card,.business-panel,.account-security-card,.profile-info-card,.settings-profile-link,.danger-card,.upgrade-plan-card,.upgrade-information-card,.session-item,.storage-row,.setting-row,.usage-row,.privacy-item,.note-item,.public-update,.info-row,.version-item){
  color:var(--zk-text)!important;background:linear-gradient(145deg,var(--zk-surface,rgba(15,37,59,.97)),var(--zk-bg-2,rgba(7,22,39,.99)))!important;border-color:var(--zk-line)!important;
}
body :where(.devices-header h1,.storage-header h1,.data-storage-header h1,.two-step-header h1,.business-header h1,.about-header h1,.profile-topbar h1){color:#f2f9ff!important}
body :where(.devices-header p,.storage-header p,.data-storage-header p,.two-step-header p,.business-header p,.about-header p,.profile-identity p,.profile-field small,.profile-info-card p,.security-note,.card-description,.storage-note){color:var(--zk-muted)!important}
body :where(.profile-identity h2,.profile-card h3,.profile-info-card h3,.account-identity strong,.about-card h2,.brand-info h2,.business-panel h2,.section-heading h2,.danger-heading h2){color:#f1f9ff!important}
body :where(.profile-divider){background:var(--zk-line)!important}
body :where(.profile-avatar,.account-avatar,.avatar-url-input){background:linear-gradient(145deg,#0c789a,#12305a)!important;color:#f4fbff!important;border-color:var(--zk-line)!important;box-shadow:0 0 28px rgba(0,185,239,.14)}
body :where(.presence-badge,.account-status,.status-badge,.version-state){background:rgba(56,220,255,.08)!important;color:#a9f1ff!important;border:1px solid var(--zk-line)!important}
body :where(.profile-field input,.profile-field textarea,.field-wrap input,.password-field input,.confirm-field input,.business-form input,.business-form textarea,.business-form select,.privacy-select,.dialog-card input,.secret-row input){
  background:#07172a!important;color:#f3faff!important;border:1px solid var(--zk-line)!important;
}
body :where(.field-prefix){background:#102740!important;color:#bcefff!important;border-color:var(--zk-line)!important}
body :where(.profile-info-card .info-icon,.account-security-icon){background:linear-gradient(145deg,#12476a,#09253f)!important;color:var(--zk-cyan)!important}
body :where(.logout-button,.secondary-danger-button){background:linear-gradient(145deg,#182b40,#0b1c30)!important;color:#ffc0ca!important;border:1px solid rgba(255,132,151,.24)!important}
body :where(.business-metrics div,.business-list-card,.business-tag,.business-notice,.business-check-row,.upgrade-plan-meta,.upgrade-plan-badge,.upgrade-plan-status,.release-meta span,.release-version,.version-badge){border-color:var(--zk-line)!important;color:var(--zk-text)!important}
body :where(.business-metrics span,.business-list-card p,.business-list-card small,.business-footer,.business-form small,.upgrade-plan-description,.upgrade-plan-meta span,.upgrade-information-card p,.release-meta span,.release-content p){color:var(--zk-muted)!important}
body :where(.business-tag,.upgrade-plan-badge,.upgrade-plan-status,.release-version,.version-badge){background:rgba(56,220,255,.08)!important;color:var(--zk-cyan)!important}
body :where(.legal-links a,.release-action,.free-action,.upgrade-plan-button){color:#bdefff!important;border-color:var(--zk-line)!important}
body :where(.legal-links a:hover,.release-action:hover,.free-action:hover,.upgrade-plan-button:hover){background:rgba(56,220,255,.08)!important}
body :where(.toggle-slider){background:#17324b!important}
body :where(.toggle input:checked + .toggle-slider){background:linear-gradient(120deg,#35d8ff,#00aee5)!important}
body :where(.toggle-slider::after){background:#f4fcff!important}
body :where(.toast){background:#102740!important;color:#f1f9ff!important;border:1px solid var(--zk-line)!important;box-shadow:var(--zk-shadow)!important}
/* Phone country-picker popup must stay dark too. */
.phone-input-wrap .iti__dropdown-content,.phone-input-wrap .iti__country-list{background:#0b1b2e!important;color:#f1f8ff!important;border-color:var(--zk-line)!important}
.phone-input-wrap .iti__country:hover,.phone-input-wrap .iti__country.iti__highlight{background:#14314b!important}
.phone-input-wrap .iti__search-input{background:#07172a!important;color:#f1f8ff!important}
/* Motion stays subtle and respects accessibility preferences. */
@keyframes zk-aurora-pulse{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.035)}}
@media(prefers-reduced-motion:no-preference){
  body.auth-page .auth-card,body.auth-page .auth-brand{animation:zk-aurora-pulse 9s ease-in-out infinite}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}


/* =========================================================
   ONE SHARED OPTION B BOTTOM NAVIGATION
   Used by Chats, Contacts, Settings, Profile, Updates and Account.
   Primary destinations intentionally remain Chats / Settings / Updates.
   ========================================================= */
:root{--zc-nav-height:72px}
body .zc-bottom-nav{
  position:fixed!important;z-index:200!important;
  left:50%!important;right:auto!important;bottom:calc(9px + env(safe-area-inset-bottom))!important;
  transform:translateX(-50%)!important;
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:stretch!important;gap:5px!important;
  box-sizing:border-box!important;
  width:min(430px,calc(100% - 24px))!important;max-width:430px!important;
  min-height:66px!important;height:66px!important;margin:0!important;
  padding:6px!important;
  border:1px solid rgba(82,210,247,.22)!important;border-radius:23px!important;
  background:linear-gradient(125deg,rgba(7,20,37,.97),rgba(5,27,46,.97))!important;
  box-shadow:0 14px 40px rgba(0,0,0,.42),0 0 30px rgba(0,185,239,.09),inset 0 1px rgba(255,255,255,.045)!important;
  -webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);
}
body .zc-bottom-nav>a{
  display:flex!important;position:relative!important;box-sizing:border-box!important;
  min-width:0!important;min-height:52px!important;margin:0!important;padding:5px 3px!important;
  flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;
  border:1px solid transparent!important;border-radius:17px!important;
  background:transparent!important;color:#91a9c0!important;
  font-family:var(--zk-font)!important;font-size:11px!important;font-weight:650!important;
  line-height:1.1!important;letter-spacing:.01em!important;text-decoration:none!important;
  white-space:nowrap!important;box-shadow:none!important;
}
body .zc-bottom-nav>a svg{
  display:block!important;flex:0 0 23px!important;width:23px!important;height:23px!important;
  fill:none!important;stroke:currentColor!important;stroke-width:1.75!important;
  stroke-linecap:round!important;stroke-linejoin:round!important;
}
body .zc-bottom-nav>a.is-current,body .zc-bottom-nav>a[aria-current=page]{
  color:#56e3ff!important;
  border-color:rgba(56,220,255,.17)!important;
  background:linear-gradient(145deg,rgba(25,107,139,.42),rgba(7,60,87,.52))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.07),0 0 20px rgba(0,185,239,.08)!important;
}
body .zc-bottom-nav>a.is-current svg,body .zc-bottom-nav>a[aria-current=page] svg{
  filter:drop-shadow(0 0 5px rgba(56,220,255,.3));stroke-width:2!important;
}
body .zc-bottom-nav>a:focus-visible{outline:2px solid var(--zk-cyan)!important;outline-offset:1px}
body .zc-bottom-nav>a:active{transform:scale(.97)!important}
body.tg-list-page .tg-shell{padding-bottom:calc(var(--zc-nav-height) + 30px + env(safe-area-inset-bottom))!important}
body.tg-list-page .tg-list-content{padding-bottom:calc(var(--zc-nav-height) + 18px + env(safe-area-inset-bottom))!important}
body.settings-page,body.profile-page,body.account-page,body.status-page,
body.privacy-page,body.business-page,body.about-page,body.devices-page,
body.storage-management-page,body.data-storage-page,body.two-step-page{
  padding-bottom:calc(var(--zc-nav-height) + 30px + env(safe-area-inset-bottom))!important;
}
body.settings-page .settings-shell,body.profile-page .profile-shell,body.account-page .account-shell,
body.status-page .status-shell,body.about-page .about-shell,body.business-page .business-shell{
  padding-bottom:12px!important;
}
body .zc-bottom-nav span{pointer-events:none}
@media(min-width:600px){
 body .zc-bottom-nav{bottom:16px!important}
}
@media(max-width:370px){
 body .zc-bottom-nav{width:calc(100% - 18px)!important;min-height:62px!important;height:62px!important;bottom:calc(6px + env(safe-area-inset-bottom))!important}
 body .zc-bottom-nav>a{font-size:10.5px!important;gap:3px!important}
 body .zc-bottom-nav>a svg{width:22px!important;height:22px!important;flex-basis:22px!important}
}
@media(prefers-reduced-motion:reduce){body .zc-bottom-nav,body .zc-bottom-nav>a{transition:none!important}}


/* Keep content clear of the shared navigation on remaining themed subpages. */
body.appearance-page,body.notifications-page,body.channels-page{padding-bottom:calc(var(--zc-nav-height) + 30px + env(safe-area-inset-bottom))!important}


/* Chats uses the shared five-item navigation and a floating create menu. */
body.tg-list-page .zc-chats-bottom-nav{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important}
body.tg-list-page .zc-chats-bottom-nav>a{padding:5px 2px!important;font-size:10px!important;gap:3px!important}
body.tg-list-page .zc-chats-bottom-nav>a svg{width:21px!important;height:21px!important;flex-basis:21px!important}
body.tg-list-page .chats-compose-wrap{position:fixed!important;z-index:220!important;right:18px!important;bottom:calc(78px + env(safe-area-inset-bottom))!important;display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:10px!important}
body.tg-list-page .chats-compose-fab{display:grid!important;place-items:center!important;width:56px!important;height:56px!important;padding:0!important;border:1px solid rgba(96,232,255,.55)!important;border-radius:50%!important;background:linear-gradient(145deg,#1bd4f5,#087eb9 62%,#123b78)!important;color:#fff!important;box-shadow:0 10px 28px rgba(0,0,0,.42),0 0 22px rgba(0,190,239,.24)!important;cursor:pointer!important}
body.tg-list-page .chats-compose-fab svg{width:27px!important;height:27px!important;fill:none!important;stroke:currentColor!important;stroke-width:2.2!important;stroke-linecap:round!important}
body.tg-list-page .chats-compose-fab:focus-visible{outline:2px solid var(--zk-cyan)!important;outline-offset:4px}
body.tg-list-page .chats-compose-menu{display:flex;flex-direction:column;gap:4px;min-width:190px;padding:7px;border:1px solid rgba(70,206,245,.24);border-radius:17px;background:linear-gradient(155deg,rgba(13,35,57,.98),rgba(8,19,36,.99));box-shadow:0 14px 38px rgba(0,0,0,.48);backdrop-filter:blur(18px)}
body.tg-list-page .chats-compose-menu[hidden]{display:none!important}
body.tg-list-page .chats-compose-menu button{display:flex;align-items:center;gap:12px;width:100%;min-height:43px;padding:8px 12px;border:0;border-radius:11px;background:transparent;color:#eafaff;text-align:left;font-size:14px;font-weight:650;cursor:pointer}
body.tg-list-page .chats-compose-menu button:active,body.tg-list-page .chats-compose-menu button:hover{background:rgba(30,194,237,.12)}
body.tg-list-page .chats-compose-menu button span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:rgba(25,180,224,.13);color:#54e2ff;font-size:17px}
@media(max-width:370px){body.tg-list-page .zc-chats-bottom-nav>a{font-size:9px!important}body.tg-list-page .zc-chats-bottom-nav>a svg{width:19px!important;height:19px!important;flex-basis:19px!important}body.tg-list-page .chats-compose-wrap{right:13px!important}}

/* Account-selected themes override the fixed signature defaults while preserving layout. */
html[data-zakichat-theme] :where(.settings-group,.settings-profile-card,.settings-item,.settings-profile-link,.settings-section,.settings-card,.profile-card,.profile-info-card,.account-card,.account-section,.devices-card,.storage-card,.business-panel,.business-list-card,.about-card,.status-item,.my-status-card,.call-item,.calls-summary-card,.channels-updates-card,.release-update-card,.channels-section,.channel-card,.channels-search,.keyboard-settings-card,.keyboard-preview-panel,.tg-chat-row,.tg-archive-row,.tg-filter:not(.is-active),.tg-search,.tg-composer,.tg-chat-header,.tg-info-panel,.tg-new-chat-dialog){
  background:linear-gradient(145deg,var(--surface),var(--surface-2))!important;
  color:var(--text)!important;
  border-color:var(--line)!important;
}
html[data-zakichat-theme] :where(.settings-item-copy strong,.settings-profile-copy strong,.settings-title h1,.settings-group h2,.settings-group h3,.profile-card h2,.profile-card h3,.account-card h2,.account-card h3,.tg-chat-row strong,.tg-archive-copy strong,.channels-section-heading h2,.channel-card-name strong){
  color:var(--text)!important;
}
html[data-zakichat-theme] :where(input,textarea,select,#message-input){
  background:var(--surface)!important;
  color:var(--text)!important;
  border-color:var(--line)!important;
}
html[data-zakichat-theme] :where(button,.button,.settings-item,.tg-filter,.channels-icon-button){
  border-color:var(--line);
}
html[data-zakichat-theme] :where(.tg-filter.is-active,.tg-primary-btn,.channels-primary-button,.channels-open-button){
  background:linear-gradient(125deg,var(--primary),var(--primary-2))!important;
}
html[data-zakichat-theme] body{color:var(--text)!important}

/* Current three-item navigation and live Updates shortcut on the Chats list. */
body.tg-list-page .zc-chats-bottom-nav{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important}
body.tg-list-page .zc-chats-bottom-nav>a{padding:5px 2px!important;font-size:10px!important;gap:3px!important}
body.tg-list-page .tg-updates-launch{position:relative;display:grid;place-items:center;width:29px;height:34px;min-width:29px;border:0;border-radius:50%;background:transparent;color:#d7f6ff;text-decoration:none}
body.tg-list-page .tg-updates-launch svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.tg-list-page .tg-updates-launch.has-unseen{color:#65e8ff;filter:drop-shadow(0 0 7px rgba(56,220,255,.32))}
body.tg-list-page .tg-updates-dot{position:absolute;top:3px;right:1px;width:7px;height:7px;border:1px solid #07111f;border-radius:50%;background:#27d3a2;box-shadow:0 0 0 2px rgba(39,211,162,.15)}
body.tg-list-page .tg-updates-dot[hidden]{display:none}


/* Floating, collapsible ZakiPlay shortcut on Updates and Profile */
.zplay-floating-launch{position:fixed;z-index:190;right:13px;bottom:calc(91px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:5px;max-width:calc(100vw - 26px);filter:drop-shadow(0 10px 20px rgba(0,0,0,.28));animation:zplayFloatIn .42s cubic-bezier(.2,.8,.2,1) both}
.zplay-floating-link{display:flex;align-items:center;gap:8px;min-height:43px;padding:0 13px;border:1px solid rgba(105,229,255,.43);border-radius:16px;background:linear-gradient(125deg,rgba(12,45,72,.98),rgba(5,22,40,.98));color:#e7fbff;text-decoration:none;box-shadow:inset 0 1px rgba(255,255,255,.09),0 0 22px rgba(0,185,239,.14);backdrop-filter:blur(15px);transition:transform .2s,border-color .2s}
.zplay-floating-link:hover{transform:translateY(-2px);border-color:#62e5ff}
.zplay-floating-spark{display:grid;place-items:center;width:25px;height:25px;border-radius:9px;background:linear-gradient(145deg,#5ce5ff,#078dd2);color:#031521;font-size:17px}
.zplay-floating-label{font-size:12px;font-weight:850;letter-spacing:.015em}
.zplay-floating-link .zplay-lock-badge{font-size:10px}
.zplay-floating-link .zplay-lock-badge[hidden]{display:none}
.zplay-floating-link.is-unlocked .zplay-floating-spark{box-shadow:0 0 15px #32dfff77}
.zplay-floating-toggle{display:grid;place-items:center;width:26px;height:26px;padding:0;border:1px solid rgba(105,229,255,.25);border-radius:50%;background:#08192b;color:#bfefff;font-size:17px;cursor:pointer}
.zplay-floating-launch.is-collapsed{right:8px}
.zplay-floating-launch.is-collapsed .zplay-floating-link{width:12px;min-height:38px;padding:0;justify-content:center;overflow:hidden;border-radius:14px;opacity:.78}
.zplay-floating-launch.is-collapsed .zplay-floating-spark,.zplay-floating-launch.is-collapsed .zplay-floating-label,.zplay-floating-launch.is-collapsed .zplay-lock-badge{display:none}
.zplay-floating-launch.is-collapsed .zplay-floating-toggle{width:28px;height:38px;border-radius:12px;font-size:15px}
@keyframes zplayFloatIn{from{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:480px){.zplay-floating-launch{right:9px;bottom:calc(88px + env(safe-area-inset-bottom))}.zplay-floating-link{min-height:41px;padding:0 11px}}
@media(prefers-reduced-motion:reduce){.zplay-floating-launch{animation:none}.zplay-floating-link{transition:none}}
/* Five-item main navigation: evenly spaced and touch-friendly. */
:root{--zc-nav-height:78px}
body .zc-bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:3px!important;width:min(490px,calc(100% - 16px))!important;max-width:490px!important;min-height:70px!important;height:70px!important;padding:5px!important;border-radius:22px!important}
body .zc-bottom-nav>a{gap:4px!important;padding:4px 1px!important;font-size:10.5px!important;font-weight:700!important}
body .zc-bottom-nav>a svg{width:22px!important;height:22px!important;flex-basis:22px!important}
body.tg-list-page .zc-chats-bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:3px!important}
body.tg-list-page .zc-chats-bottom-nav>a{padding:4px 1px!important;font-size:10px!important;gap:3px!important}
body.tg-list-page .zc-chats-bottom-nav>a svg{width:21px!important;height:21px!important;flex-basis:21px!important}
body.contacts-page,body.keyboard-settings-page{padding-bottom:calc(var(--zc-nav-height) + 30px + env(safe-area-inset-bottom))!important}
@media(max-width:370px){body .zc-bottom-nav{width:calc(100% - 12px)!important;gap:1px!important}body .zc-bottom-nav>a{font-size:9.5px!important}body .zc-bottom-nav>a svg{width:20px!important;height:20px!important;flex-basis:20px!important}}


/* Public entry showcase — animated, polished and responsive */
.zc-entry-showcase{position:relative;overflow:hidden;padding:72px 0;background:radial-gradient(ellipse at 12% 12%,rgba(0,185,239,.13),transparent 34%),linear-gradient(145deg,#071321,#091d31 60%,#07111f);border-top:1px solid rgba(105,229,255,.09);border-bottom:1px solid rgba(105,229,255,.1)}
.zc-entry-showcase-heading{max-width:700px;margin:0 auto 28px;text-align:center}
.zc-entry-showcase-heading h2{margin:9px 0;color:#f2faff;font-size:clamp(1.8rem,4vw,2.7rem);letter-spacing:-.05em;line-height:1.08}
.zc-entry-showcase-heading p{color:#9eb7cb;line-height:1.6}
.zc-entry-showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.zc-entry-feature{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:15px;min-width:0;padding:23px;border:1px solid rgba(110,210,245,.16);border-radius:22px;background:linear-gradient(145deg,rgba(15,43,67,.88),rgba(7,23,40,.94));box-shadow:inset 0 1px rgba(255,255,255,.04),0 15px 38px rgba(0,0,0,.13);transition:transform .24s,border-color .24s,box-shadow .24s;animation:zcEntryRise .6s both}
.zc-entry-feature:nth-child(2){animation-delay:.08s}.zc-entry-feature:nth-child(3){animation-delay:.16s}.zc-entry-feature:nth-child(4){animation-delay:.24s}
.zc-entry-feature:hover{transform:translateY(-4px);border-color:rgba(84,224,255,.42);box-shadow:0 20px 45px rgba(0,0,0,.2),0 0 25px rgba(0,185,239,.07)}
.zc-entry-icon{display:grid;place-items:center;width:49px;height:49px;border:1px solid rgba(105,229,255,.22);border-radius:16px;background:linear-gradient(145deg,#164967,#0c2b48);color:#68e4ff;font-size:24px}
.zc-entry-feature h3{margin:0 0 7px;color:#f1f9ff;font-size:1.12rem;letter-spacing:-.025em}
.zc-entry-feature p{margin:0;color:#9eb7cb;font-size:.92rem;line-height:1.65}
.zc-entry-feature>a{display:inline-flex;align-items:center;gap:8px;margin-top:auto;color:#70e6ff;font-size:.88rem;font-weight:800;text-decoration:none}
.zc-entry-feature>a span{transition:transform .2s}.zc-entry-feature>a:hover span{transform:translate(2px,-2px)}
.zc-entry-showcase-actions{display:flex;justify-content:center;gap:12px;margin-top:26px}
@keyframes zcEntryRise{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:650px){.zc-entry-showcase{padding:48px 0}.zc-entry-showcase-grid{grid-template-columns:1fr;gap:11px}.zc-entry-feature{padding:18px;border-radius:18px}.zc-entry-showcase-actions{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.zc-entry-feature{animation:none;transition:none}}
/* Last-loaded Updates channel overrides to win over generic card rules. */
body.status-page .channels-updates-section{padding:clamp(16px,3vw,26px)!important;border:1px solid rgba(87,210,255,.2)!important;border-radius:24px!important;background:linear-gradient(145deg,rgba(10,30,50,.9),rgba(5,17,31,.94))!important;box-shadow:0 18px 46px rgba(0,0,0,.18)!important}
body.status-page .channels-updates-heading h2{color:#f1f9ff!important}
body.status-page .channels-updates-heading p{color:#9db6cc!important}
body.status-page .channels-open-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:40px!important;padding:0 17px!important;border:1px solid rgba(87,210,255,.3)!important;border-radius:13px!important;background:linear-gradient(120deg,#5ce5ff,#10bce9)!important;color:#031521!important;font-weight:850!important;text-decoration:none!important}
body.status-page .channels-updates-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:13px!important}
body.status-page .channels-updates-card{display:flex!important;align-items:center!important;gap:14px!important;min-height:100px!important;padding:17px!important;border:1px solid rgba(100,205,241,.17)!important;border-radius:18px!important;background:linear-gradient(125deg,rgba(16,44,68,.97),rgba(7,23,41,.99))!important;box-shadow:inset 0 1px rgba(255,255,255,.035),0 10px 25px rgba(0,0,0,.13)!important;text-decoration:none!important}
body.status-page .channels-updates-card:hover{transform:translateY(-2px)!important;border-color:rgba(56,220,255,.45)!important}
body.status-page .channels-updates-icon{display:grid!important;place-items:center!important;flex:0 0 51px!important;width:51px!important;height:51px!important;border:1px solid rgba(56,220,255,.22)!important;border-radius:16px!important;background:linear-gradient(145deg,rgba(18,86,119,.65),rgba(11,42,72,.95))!important;color:#6ce6ff!important;font-size:1.35rem!important}
body.status-page .channels-updates-card-content strong{color:#f0f9ff!important}
body.status-page .channels-updates-card-content span{color:#9db6cc!important}
@media(max-width:560px){body.status-page .channels-updates-grid{grid-template-columns:1fr!important}body.status-page .channels-updates-card{min-height:88px!important;padding:13px!important}}


/* ZakiPlay card inside Profile */
.profile-zakiplay-card{display:flex;align-items:center;gap:14px;margin:18px 0;padding:17px;border:1px solid rgba(94,219,255,.22);border-radius:20px;background:linear-gradient(125deg,rgba(12,43,67,.96),rgba(6,22,39,.98));box-shadow:inset 0 1px rgba(255,255,255,.05),0 12px 30px rgba(0,0,0,.15)}
.profile-zakiplay-icon{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:16px;background:linear-gradient(145deg,#5ce5ff,#078dd2);color:#031521;font-size:25px;box-shadow:0 8px 20px rgba(0,185,239,.17)}
.profile-zakiplay-copy{flex:1;min-width:0}
.profile-zakiplay-copy>span{display:block;margin-bottom:4px;color:#67dcff;font-size:9px;font-weight:850;letter-spacing:.13em}
.profile-zakiplay-copy strong{display:block;color:#f1f9ff;font-size:1.04rem}
.profile-zakiplay-copy p{margin:5px 0 0;color:#9eb7cb;font-size:.82rem;line-height:1.5}
.profile-zakiplay-open{display:inline-flex;align-items:center;gap:6px;flex:none;padding:10px 13px;border:1px solid rgba(91,222,255,.27);border-radius:12px;background:rgba(56,220,255,.08);color:#79e8ff;font-size:.82rem;font-weight:850;text-decoration:none}
.profile-zakiplay-open:hover{background:rgba(56,220,255,.15)}
@media(max-width:430px){.profile-zakiplay-card{gap:10px;padding:13px}.profile-zakiplay-icon{flex-basis:40px;width:40px;height:40px}.profile-zakiplay-open{padding:9px 10px}}


/* Respect the user's saved appearance while keeping the cyan accent language. */
body.channels-page .channels-header,body.channels-page .channels-section,body.channels-page .channel-view{background:linear-gradient(145deg,var(--zk-surface,rgba(11,34,56,.97)),var(--zk-bg-2,rgba(8,22,40,.96)))!important;color:var(--zk-text,#f2faff)!important;border-color:var(--zk-line,rgba(87,210,255,.18))!important}
body.channels-page .channels-header h1,body.channels-page .channels-section-heading h2,body.channels-page .channel-card-name strong,body.channels-page .channel-view h2{color:var(--zk-text,#f2faff)!important}
body.channels-page .channels-header p,body.channels-page .channels-section-heading p,body.channels-page .channel-card-description,body.channels-page .channel-card-handle,body.channels-page .channel-card-followers{color:var(--zk-muted,#9db6cc)!important}
body.channels-page .channel-card{background:linear-gradient(125deg,var(--zk-surface,rgba(16,44,68,.97)),var(--zk-bg-2,rgba(7,23,41,.99)))!important;border-color:var(--zk-line,rgba(100,205,241,.17))!important;color:var(--zk-text,#f2faff)!important}
body.status-page .channels-updates-section{background:linear-gradient(145deg,var(--zk-surface,rgba(10,30,50,.9)),var(--zk-bg-2,rgba(5,17,31,.94)))!important;border-color:var(--zk-line,rgba(87,210,255,.2))!important;color:var(--zk-text,#f2faff)!important}
body.status-page .channels-updates-card{background:linear-gradient(125deg,var(--zk-surface,rgba(16,44,68,.97)),var(--zk-bg-2,rgba(7,23,41,.99)))!important;border-color:var(--zk-line,rgba(100,205,241,.17))!important}
body.status-page .channels-updates-heading h2,body.status-page .channels-updates-card-content strong{color:var(--zk-text,#f1f9ff)!important}
body.status-page .channels-updates-heading p,body.status-page .channels-updates-card-content span{color:var(--zk-muted,#9db6cc)!important}


/* ZakiPlay — animated premium floating launcher and tactile media controls */
.zplay-floating-launch{position:fixed;z-index:190;right:13px;bottom:calc(91px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:7px;max-width:calc(100vw - 26px);filter:drop-shadow(0 12px 25px rgba(0,0,0,.36));animation:zplayDockEnter .62s cubic-bezier(.16,1,.3,1) both}
.zplay-floating-link{position:relative;isolation:isolate;display:flex;align-items:center;gap:10px;min-height:55px;padding:7px 13px 7px 9px;border:1px solid rgba(105,229,255,.48);border-radius:19px;background:linear-gradient(130deg,rgba(12,42,68,.97),rgba(5,17,34,.98) 70%);color:#e7fbff;text-decoration:none;box-shadow:inset 0 1px rgba(255,255,255,.12),0 0 0 1px rgba(56,220,255,.035),0 0 28px rgba(0,185,239,.2);backdrop-filter:blur(18px);overflow:hidden;transition:transform .24s cubic-bezier(.2,.8,.2,1),border-color .24s,box-shadow .24s}
.zplay-floating-link:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 15%,rgba(255,255,255,.12) 43%,transparent 66%);transform:translateX(-130%);animation:zplayShimmer 5s ease-in-out infinite}
.zplay-floating-link:hover{transform:translateY(-3px) scale(1.015);border-color:#74eaff;box-shadow:inset 0 1px rgba(255,255,255,.16),0 0 32px rgba(0,185,239,.29)}
.zplay-floating-orbit{position:relative;display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:14px;background:linear-gradient(145deg,#6ceaff,#08a8e3 62%,#0877b9);box-shadow:inset 0 1px rgba(255,255,255,.55),0 5px 17px rgba(0,185,239,.28)}
.zplay-floating-orbit:before{content:"";position:absolute;inset:-4px;border:1px solid rgba(82,225,255,.4);border-radius:17px;animation:zplayOrbitPulse 2.4s ease-out infinite}
.zplay-floating-spark{display:grid;place-items:center;width:100%;height:100%;color:#031521;font-size:22px;font-weight:900;text-shadow:0 1px rgba(255,255,255,.32);animation:zplayNoteBob 2.1s ease-in-out infinite}
.zplay-floating-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
.zplay-floating-label{font-size:12px;font-weight:900;letter-spacing:.025em;line-height:1.1}
.zplay-floating-caption{font-size:9px;font-weight:650;letter-spacing:.035em;color:#8fc9df;white-space:nowrap}
.zplay-floating-arrow{display:grid;place-items:center;width:22px;height:22px;margin-left:3px;border:1px solid rgba(105,229,255,.19);border-radius:8px;background:rgba(56,220,255,.08);color:#80eaff;font-size:13px;transition:transform .2s}
.zplay-floating-link:hover .zplay-floating-arrow{transform:translate(2px,-2px)}
.zplay-floating-toggle{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;padding:0;border:1px solid rgba(105,229,255,.35);border-radius:50%;background:linear-gradient(145deg,#102d47,#061629);color:#c9f5ff;font-size:18px;font-weight:800;cursor:pointer;box-shadow:0 5px 15px rgba(0,0,0,.3);transition:transform .22s,background .22s,border-color .22s}
.zplay-floating-toggle:hover{transform:rotate(90deg) scale(1.08);background:#10314b;border-color:#6be7ff}
.zplay-floating-launch.is-collapsed{right:8px}
.zplay-floating-launch.is-collapsed .zplay-floating-link{width:43px;min-height:43px;padding:3px;justify-content:center;border-radius:16px;opacity:.96}
.zplay-floating-launch.is-collapsed .zplay-floating-copy,.zplay-floating-launch.is-collapsed .zplay-floating-arrow{display:none}
.zplay-floating-launch.is-collapsed .zplay-floating-orbit{width:34px;height:34px;flex-basis:34px}
.zplay-floating-launch.is-collapsed .zplay-floating-toggle{flex-basis:26px;width:26px;height:26px}
@keyframes zplayDockEnter{from{opacity:0;transform:translate3d(0,18px,0) scale(.94)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes zplayShimmer{0%,65%,100%{transform:translateX(-130%)}82%{transform:translateX(130%)}}
@keyframes zplayOrbitPulse{0%{transform:scale(.88);opacity:.7}80%,100%{transform:scale(1.22);opacity:0}}
@keyframes zplayNoteBob{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-2px) rotate(4deg)}}
:where(.zplay-button,.zplay-url-row button,.zplay-download,.zplay-search button,.zplay-archive-action,.zplay-floating-toggle){transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .22s,border-color .22s,filter .22s}
:where(.zplay-button,.zplay-url-row button,.zplay-download,.zplay-search button,.zplay-archive-action):hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 9px 25px rgba(0,185,239,.18)}
:where(.zplay-button,.zplay-url-row button,.zplay-download,.zplay-search button,.zplay-archive-action):active{transform:scale(.97)}
@media(prefers-reduced-motion:reduce){.zplay-floating-launch,.zplay-floating-link:before,.zplay-floating-orbit:before,.zplay-floating-spark{animation:none!important} :where(.zplay-button,.zplay-url-row button,.zplay-download,.zplay-search button,.zplay-archive-action,.zplay-floating-toggle,.zplay-floating-link){transition:none!important}}
@media(max-width:380px){.zplay-floating-link{gap:8px;padding-right:10px}.zplay-floating-caption{font-size:8px}.zplay-floating-arrow{display:none}}


/* ZC showcase artwork refresh — immersive image-backed feature cards */
.zc-entry-showcase{position:relative;isolation:isolate;overflow:hidden}
.zc-entry-showcase:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 15% 20%,rgba(0,183,255,.14),transparent 42%),radial-gradient(ellipse at 85% 78%,rgba(75,86,255,.12),transparent 42%),linear-gradient(145deg,#061323,#081a2b 55%,#07111f)}
.zc-entry-showcase-grid{align-items:stretch}
.zc-entry-feature{position:relative;isolation:isolate;overflow:hidden;min-height:230px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:12px!important;padding:24px!important;border:1px solid rgba(112,218,255,.25)!important;border-radius:23px!important;background-color:#0b2033!important;background-position:center!important;background-size:cover!important;box-shadow:inset 0 1px rgba(255,255,255,.12),0 18px 38px rgba(0,0,0,.24)!important;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease!important}
.zc-entry-feature:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(4,13,25,.32) 0%,rgba(4,13,25,.76) 45%,rgba(4,13,25,.97) 100%)!important}
.zc-entry-feature:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(125deg,rgba(41,198,255,.14),transparent 52%);pointer-events:none}
.zc-entry-feature:hover{transform:translateY(-5px)!important;border-color:rgba(99,228,255,.65)!important;box-shadow:inset 0 1px rgba(255,255,255,.16),0 22px 46px rgba(0,0,0,.32),0 0 24px rgba(0,183,255,.09)!important}
.zc-entry-feature .zc-entry-icon{display:grid!important;place-items:center!important;width:49px!important;height:49px!important;flex:0 0 49px!important;border:1px solid rgba(140,233,255,.42)!important;border-radius:16px!important;background:linear-gradient(145deg,rgba(30,151,205,.9),rgba(10,47,83,.94))!important;color:#e7fbff!important;font-size:1.35rem!important;box-shadow:0 8px 24px rgba(0,0,0,.25)!important}
.zc-entry-feature>div{width:100%;margin-top:auto}
.zc-entry-feature h3{color:#f3fbff!important;text-shadow:0 2px 14px rgba(0,0,0,.65)!important}
.zc-entry-feature p{color:#d1e4f1!important;text-shadow:0 1px 10px rgba(0,0,0,.8)!important}
.zc-entry-feature>a{display:inline-flex!important;align-items:center!important;gap:8px!important;margin-top:3px!important;padding:9px 12px!important;border:1px solid rgba(117,224,255,.32)!important;border-radius:12px!important;background:rgba(6,23,39,.72)!important;color:#91eaff!important;font-weight:800!important;text-decoration:none!important;backdrop-filter:blur(10px)!important}
.zc-entry-feature>a span{transition:transform .2s ease}
.zc-entry-feature>a:hover span{transform:translate(2px,-2px)}
.zc-entry-messaging{background-image:url("https://images.unsplash.com/photo-1611746872915-64382b5c76da?auto=format&fit=crop&w=1000&q=85")!important}
.zc-entry-updates{background-image:url("https://images.unsplash.com/photo-1516321318423-f06f85e504b3?auto=format&fit=crop&w=1000&q=85")!important}
.zc-entry-play{background-image:url("https://images.unsplash.com/photo-1516280440614-37939bbacd81?auto=format&fit=crop&w=1000&q=85")!important}
.zc-entry-business{background-image:url("https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1000&q=85")!important}
.zc-entry-personalize{background-image:url("https://images.unsplash.com/photo-1494438639946-1ebd1d20bf85?auto=format&fit=crop&w=1000&q=85")!important}
.zc-entry-community{background-image:url("https://images.unsplash.com/photo-1529156069898-49953e39b3ac?auto=format&fit=crop&w=1000&q=85")!important}
@media(max-width:650px){.zc-entry-feature{min-height:205px!important;padding:20px!important;border-radius:20px!important}.zc-entry-feature p{font-size:.9rem!important;line-height:1.55!important}}
@media(prefers-reduced-motion:reduce){.zc-entry-feature,.zc-entry-feature>a span{transition:none!important}}