/* Sayt ko'rinishi (taklifnoma sahifalaridan tashqari):
   1) oynasimon yuqori menyu (kompyuter) va suzuvchi pastki menyu (telefon), ikkala rejimda;
   2) sahifa o'tishlari;
   3) kunduzgi rejim — "fil suyagi va shampan": iliq oq fon, baqlajon matn, metall oltin.
   Rejim <html data-mode="light|dark"> da (server.js renderPage boshida qo'yadi, site.js almashtiradi). */

:root{
  --glass:rgba(32,26,46,.62);
  --glass-hi:rgba(255,255,255,.1);
  --glass-edge:rgba(255,255,255,.14);
  --glass-shadow:0 24px 60px -28px rgba(0,0,0,.85);
  --gold-metal:linear-gradient(135deg, #f6e4b4 0%, #dcb96b 42%, #b98d3c 100%);
  --gold-ink:#2a1c06;
}

/* ================== 1. OYNASIMON YUQORI MENYU ================== */
.nav{background:var(--glass); border-color:var(--glass-edge); box-shadow:var(--glass-shadow), inset 0 1px 0 var(--glass-hi);
  -webkit-backdrop-filter:blur(28px) saturate(170%); backdrop-filter:blur(28px) saturate(170%)}
.mainmenu a{transition:color .25s, background .25s, box-shadow .25s}
.mainmenu a:hover{background:var(--glass-hi)}
.mainmenu a[aria-current="page"]{color:var(--gold-ink); background:var(--gold-metal);
  box-shadow:0 10px 22px -14px #c9a04f, inset 0 1px 0 rgba(255,255,255,.55)}

/* ================== 2. SUZUVCHI PASTKI MENYU (telefon) ================== */
@media (max-width:900px){
  html.app-shell body{position:relative}
  html.app-shell .tabbar{position:absolute; left:12px; right:12px; bottom:calc(10px + env(safe-area-inset-bottom, 0px)); padding:6px;
    border-radius:26px; background:var(--glass); border:1px solid var(--glass-edge);
    box-shadow:var(--glass-shadow), inset 0 1px 0 var(--glass-hi);
    -webkit-backdrop-filter:blur(26px) saturate(170%); backdrop-filter:blur(26px) saturate(170%)}
  html.app-shell body.no-tabbar .tabbar{display:none}
  html.app-shell body:not(.no-tabbar) .app-scroll{padding-bottom:calc(92px + env(safe-area-inset-bottom, 0px))}
  .tabbar a{min-height:50px; border-radius:20px; transition:color .25s, background .25s}
  .tabbar a[aria-current="page"]{background:var(--glass-hi)}
  .tabbar a[aria-current="page"]::after{bottom:3px}
  html.app-shell .site-toast{bottom:calc(92px + env(safe-area-inset-bottom, 0px))}
}

/* ================== 3. SAHIFA O'TISHLARI ================== */
/* sahifalar orasida: eski sahifa yengil ko'tarilib so'nadi, yangisi pastdan chiqadi; yuqori menyu qimirlamaydi */
@view-transition{navigation:auto}
::view-transition-old(root){animation:vt-out .2s ease both}
::view-transition-new(root){animation:vt-in .42s var(--ease) both}
@keyframes vt-out{to{opacity:0; transform:translateY(-8px)}}
@keyframes vt-in{from{opacity:0; transform:translateY(14px)}}
@media (min-width:901px){ .nav{view-transition-name:site-nav} }
@media (max-width:900px){ .tabbar{view-transition-name:site-tabs} }
::view-transition-group(site-nav),::view-transition-group(site-tabs){animation:none}
::view-transition-old(site-nav),::view-transition-old(site-tabs){display:none}
::view-transition-new(site-nav),::view-transition-new(site-tabs){animation:none}
/* rejim almashganda: quyosh/oy tugmasidan doira bo'lib yoyiladi (site.js) */
html.mode-switching::view-transition-old(root),html.mode-switching::view-transition-new(root){animation:none; mix-blend-mode:normal}
html.mode-switching::view-transition-old(root){z-index:1}
html.mode-switching::view-transition-new(root){z-index:2}
html.mode-switching .nav,html.mode-switching .tabbar{view-transition-name:none}

/* ko'rinishga kirganda bo'limlar yumshoq ko'tariladi (site.js .sr qo'yadi) */
.sr{opacity:0; translate:0 22px; transition:opacity .7s var(--ease), translate .8s var(--ease); transition-delay:calc(var(--sr, 0) * 70ms)}
.sr.sr-in{opacity:1; translate:none}

@media (prefers-reduced-motion:reduce){
  @view-transition{navigation:none}
  .sr{opacity:1; translate:none; transition:none}
}

/* ================== 4. KUNDUZGI REJIM: RANGLAR ================== */
html[data-mode="light"]{
  --ground:#f8f4ec; --surface:#fffdf9; --surface-2:#f4ede1;
  --edge:rgba(74,52,24,.13); --edge-hi:rgba(74,52,24,.26);
  --text:#21182a; --muted:#61566a; --dim:#7a6f66;
  --wax:#9b2c4f; --wax-2:#c2506f; --wax-ink:#fff;
  --gold:#8a6318;
  --paper:#fbf6ec; --paper-ink:#21182a;
  --ok:#1b7f52; --bad:#bb3345;
  --display:"Cormorant Garamond", Georgia, "Times New Roman", serif;
  --glass:rgba(255,253,248,.58);
  --glass-hi:rgba(255,255,255,.75);
  --glass-edge:rgba(255,255,255,.85);
  --glass-shadow:0 30px 70px -34px rgba(92,66,28,.42), 0 2px 10px -4px rgba(92,66,28,.12);
  --card-glass:rgba(255,255,255,.66);
  --card-shadow:0 26px 60px -38px rgba(92,66,28,.38), 0 2px 8px -4px rgba(92,66,28,.08);
  color-scheme:light;
}
html[data-mode="light"] body.catalog-page, html[data-mode="light"] body.catalog-fun{--gold:#8a6318}
html[data-mode="light"] body{background:linear-gradient(180deg, #fbf8f1 0%, #f7f1e6 45%, #f8f3ea 100%) fixed}
html[data-mode="light"] ::selection{background:#ecd9a8; color:#21182a}

/* fon: sekin suzuvchi shampan, pushti va lavanda nurlari */
html[data-mode="light"] .bg i{filter:blur(70px)}
html[data-mode="light"] .bg .b1{background:radial-gradient(circle, rgba(232,201,138,.62), transparent 66%)}
html[data-mode="light"] .bg .b2{background:radial-gradient(circle, rgba(226,178,190,.46), transparent 66%)}
html[data-mode="light"] .bg .b3{background:radial-gradient(circle, rgba(186,176,226,.42), transparent 66%)}

/* ----- yozuvlar ----- */
/* :where — o'z o'lchami bor sarlavhalarni (kabinet, footer, kartalar) bosib ketmasin */
:where(html[data-mode="light"]) h1,:where(html[data-mode="light"]) h2{font-weight:600; letter-spacing:-.012em}
:where(html[data-mode="light"]) h1{line-height:1.04; font-size:clamp(44px, 6vw, 72px)}
:where(html[data-mode="light"]) h2{line-height:1.08; font-size:clamp(34px, 4.6vw, 54px)}
:where(html[data-mode="light"]) h3{font-weight:600; font-size:23px; letter-spacing:-.005em}
html[data-mode="light"] .hero h1{line-height:1.02; font-size:min(clamp(46px, 6.8vw, 84px), 13.4cqi)}
html[lang="ru"][data-mode="light"] .hero h1{font-size:min(clamp(46px, 6.8vw, 84px), 12cqi)}
html[lang="en"][data-mode="light"] .hero h1{font-size:min(clamp(46px, 6.8vw, 84px), 15cqi)}
html[data-mode="light"] .legal h2{font-size:1.65rem; font-weight:600}
html[data-mode="light"] .brand{font-weight:700; font-size:23px; letter-spacing:0}
html[data-mode="light"] .kicker{color:var(--gold); letter-spacing:.2em}
/* urg'uli so'z: oltin rang, mayin yaltiroq */
html[data-mode="light"] .hl{color:transparent; background:linear-gradient(100deg, #b98d3c 0%, #8a6318 38%, #caa24f 62%, #8a6318 100%); background-size:220% 100%;
  -webkit-background-clip:text; background-clip:text; animation:gold-shine 7s ease-in-out infinite alternate}
html[data-mode="light"] .hl::after{background:linear-gradient(90deg, transparent, rgba(185,141,60,.55), transparent)}
@keyframes gold-shine{to{background-position:100% 0}}
html[data-mode="light"] .c-hero h1 em{color:var(--gold); font-weight:500}
html[data-mode="light"] .ink{color:var(--wax)}
html[data-mode="light"] .ink::after{background:#c9a04f}

/* ----- tugmalar ----- */
html[data-mode="light"] .btn{border-radius:16px; transition:translate .25s var(--ease), background .25s, box-shadow .3s, border-color .25s}
html[data-mode="light"] .btn::after{background:linear-gradient(100deg,transparent,rgba(255,255,255,.6),transparent)}
html[data-mode="light"] .btn-primary,html[data-mode="light"] .btn-gold{background:var(--gold-metal); color:var(--gold-ink); border-color:rgba(138,99,24,.28);
  box-shadow:0 16px 32px -16px rgba(165,120,40,.75), inset 0 1px 0 rgba(255,255,255,.6)}
html[data-mode="light"] .btn-primary:hover,html[data-mode="light"] .btn-gold:hover{box-shadow:0 22px 40px -16px rgba(165,120,40,.85), inset 0 1px 0 rgba(255,255,255,.7)}
html[data-mode="light"] .btn-ghost{background:rgba(255,255,255,.62); color:var(--text); border-color:var(--edge)}
html[data-mode="light"] .btn-ghost:hover{background:#fff; border-color:var(--edge-hi)}
html[data-mode="light"] .btn-dark{background:#241a2e; color:#fbf3e0; border-color:transparent; box-shadow:0 14px 28px -16px rgba(36,26,46,.7)}
html[data-mode="light"] .btn-light{background:#241a2e; color:#fbf3e0}
html[data-mode="light"] .btn:focus-visible,html[data-mode="light"] a:focus-visible{outline-color:#8a6318}

/* ----- yuqori menyu ichi ----- */
html[data-mode="light"] .mainmenu a{color:var(--muted)}
html[data-mode="light"] .mainmenu a:hover{color:var(--text)}
html[data-mode="light"] .mainmenu a[aria-current="page"]{color:var(--gold-ink)}
html[data-mode="light"] .mainmenu{background:rgba(255,255,255,.5); border-color:var(--edge)}
html[data-mode="light"] .lang-switch,html[data-mode="light"] .theme-btn{background:rgba(255,255,255,.6); border-color:var(--edge)}
html[data-mode="light"] .lang-switch button[aria-pressed="true"]{background:#241a2e; color:#fbf3e0}
html[data-mode="light"] .theme-btn:hover{color:var(--gold); border-color:var(--edge-hi); background:#fff}
html[data-mode="light"] .seal{box-shadow:0 8px 18px -8px rgba(155,44,79,.6)}
html[data-mode="light"] .tabbar a[aria-current="page"]{color:var(--gold)}
html[data-mode="light"] .tabbar a{color:var(--muted)}
html[data-mode="light"] .tab-badge{background:var(--wax)}
html[data-mode="light"] .site-toast,html[data-mode="light"] .toast{background:rgba(36,26,46,.94); color:#fbf3e0; border-color:transparent}

/* ----- oynasimon kartalar (yengil: faqat menyular haqiqiy blur ishlatadi) ----- */
html[data-mode="light"] .card,html[data-mode="light"] .tpl,html[data-mode="light"] .design,html[data-mode="light"] .how li,html[data-mode="light"] .tariff,
html[data-mode="light"] .faq-item,html[data-mode="light"] .channel,html[data-mode="light"] .inv-card,html[data-mode="light"] .my-card{
  background:var(--card-glass); border-color:rgba(255,255,255,.9); box-shadow:var(--card-shadow), inset 0 1px 0 rgba(255,255,255,.9), 0 0 0 1px rgba(74,52,24,.07)}
html[data-mode="light"] .design:hover,html[data-mode="light"] .channel:hover,html[data-mode="light"] .my-card:hover{
  border-color:rgba(255,255,255,.95); box-shadow:0 38px 70px -36px rgba(92,66,28,.5), inset 0 1px 0 #fff, 0 0 0 1px rgba(185,141,60,.42)}
html[data-mode="light"] .how li,html[data-mode="light"] .tariff{transition:translate .35s var(--ease), box-shadow .35s}
html[data-mode="light"] .how li:hover,html[data-mode="light"] .tariff:hover{translate:0 -4px; box-shadow:0 38px 70px -36px rgba(92,66,28,.5), inset 0 1px 0 #fff, 0 0 0 1px rgba(185,141,60,.42)}
html[data-mode="light"] .design.selected,html[data-mode="light"] .catalog-fun .design.selected,html[data-mode="light"] .tpl.selected{box-shadow:0 0 0 2px #c9a04f, var(--card-shadow)}
html[data-mode="light"] .stage .tpl.is-center{box-shadow:0 44px 80px -36px rgba(92,66,28,.6), 0 0 0 1px rgba(185,141,60,.4)}
html[data-mode="light"] .stage .tpl.is-center.selected{box-shadow:0 44px 80px -36px rgba(92,66,28,.6), 0 0 0 3px rgba(185,141,60,.55)}
html[data-mode="light"] .carousel-toy .tpl{background:var(--card-glass); border-color:rgba(255,255,255,.9)}
html[data-mode="light"] .carousel-toy .stage .tpl.is-center{box-shadow:0 44px 80px -36px rgba(92,66,28,.6), 0 0 0 1px rgba(185,141,60,.5)}
html[data-mode="light"] .tpl-unique,html[data-mode="light"] .design-unique,html[data-mode="light"] .tpl-unique-toy{
  background:radial-gradient(circle at 18% 12%, rgba(232,201,138,.5), transparent 52%), radial-gradient(circle at 88% 92%, rgba(226,178,190,.36), transparent 52%), #fffdf9;
  border-color:rgba(185,141,60,.45); border-style:dashed}
html[data-mode="light"] .tpl-unique-toy .kicker,html[data-mode="light"] .kicker-gold,html[data-mode="light"] .hp-toy .phone-cap a,html[data-mode="light"] .carousel-toy .drag-hint a{color:var(--gold)}
html[data-mode="light"] .swatches i,html[data-mode="light"] .tpl-dots i{border-color:#fff}

/* karusel: yon kartalar kulrang bo'lib ketmasin, kartalar bir-biri orqali ko'rinmasin */
html[data-mode="light"] .stage .tpl{background:#fffdf9; filter:saturate(var(--sat, 1))}
html[data-mode="light"] .carousel-toy .stage .tpl{background:#fffdf9}
/* serif shriftda raqamlar bir tekis */
html[data-mode="light"] .price .now,html[data-mode="light"] .tariff-price,html[data-mode="light"] .hero-stats dt,html[data-mode="light"] .how-n{font-variant-numeric:lining-nums tabular-nums; font-feature-settings:"lnum" 1}

/* telefon ramkalari: qora marvarid, soyasi iliq */
html[data-mode="light"] .phone{box-shadow:0 34px 60px -32px rgba(74,52,24,.6), inset 0 1px 0 rgba(255,255,255,.15)}
html[data-mode="light"] .hero-phones .phone{box-shadow:0 50px 80px -36px rgba(74,52,24,.6), 0 18px 34px -24px rgba(74,52,24,.45), inset 0 0 0 1px rgba(255,255,255,.06)}

/* ----- mayda boshqaruvlar ----- */
html[data-mode="light"] .try{background:rgba(255,255,255,.55); border-color:var(--edge-hi)}
html[data-mode="light"] .hero-stats > div{background:var(--card-glass); border-color:rgba(255,255,255,.9); box-shadow:0 18px 40px -30px rgba(92,66,28,.45), 0 0 0 1px rgba(74,52,24,.07)}
html[data-mode="light"] .hero-stats dt{font-weight:700}
html[data-mode="light"] .hs-ico{background:rgba(201,160,79,.14); border-color:rgba(185,141,60,.3)}
html[data-mode="light"] .hs-plus{color:#b98d3c}
html[data-mode="light"] .arrow{background:rgba(255,255,255,.75); border-color:var(--edge); box-shadow:0 10px 22px -14px rgba(92,66,28,.5)}
html[data-mode="light"] .arrow:hover{background:#fff}
html[data-mode="light"] .dot{background:rgba(74,52,24,.2)}
html[data-mode="light"] .dot[aria-selected="true"]{background:rgba(74,52,24,.14)}
html[data-mode="light"] .dot[aria-selected="true"]::after{background:linear-gradient(90deg, #b98d3c, #e8c98a)}
html[data-mode="light"] .how-n{-webkit-text-stroke-color:#b98d3c; font-weight:600}
html[data-mode="light"] .c-features li{background:rgba(255,255,255,.62); border-color:var(--edge); color:var(--muted)}
html[data-mode="light"] .chip,html[data-mode="light"] .cat-switch a,html[data-mode="light"] .tab{background:rgba(255,255,255,.6); border-color:var(--edge); color:var(--muted)}
html[data-mode="light"] .chip:hover,html[data-mode="light"] .cat-switch a:hover{color:var(--text); background:#fff}
html[data-mode="light"] .chip[aria-selected="true"],html[data-mode="light"] .cat-switch a[aria-current="page"],html[data-mode="light"] .cat-tabs button[aria-selected="true"],html[data-mode="light"] .cab-nav a[aria-current="page"]{
  background:var(--gold-metal); color:var(--gold-ink); border-color:transparent; box-shadow:0 10px 22px -14px rgba(165,120,40,.8), inset 0 1px 0 rgba(255,255,255,.55)}
html[data-mode="light"] .tab[aria-selected="true"]{background:#241a2e; color:#fbf3e0; border-color:transparent}
html[data-mode="light"] .cat-tabs{background:rgba(255,255,255,.62)}
html[data-mode="light"] .cat-tabs button i,html[data-mode="light"] .price .off{background:var(--wax)}
html[data-mode="light"] .c-steps li::before,html[data-mode="light"] .catalog-fun .c-steps li::before{border-color:#b98d3c; color:var(--gold)}
html[data-mode="light"] .catalog-fun .c-features li::before{color:var(--gold)}
html[data-mode="light"] .perks li,html[data-mode="light"] .perks{border-color:var(--edge)}

/* narx va tariflar: yorug' fonda o'qiladigan ranglar */
html[data-mode="light"] .tier-free{color:#1b7f52; border-color:rgba(27,127,82,.35); background:rgba(27,127,82,.08)}
html[data-mode="light"] .tier-vip{color:#7d5810; border-color:rgba(138,99,24,.4); background:rgba(201,160,79,.14)}
html[data-mode="light"] .tier-premium{color:#fbf3e0; background:linear-gradient(135deg, #241a2e, #5d2a4a); box-shadow:0 8px 18px -10px rgba(36,26,46,.8)}
html[data-mode="light"] .sale-until{color:var(--wax)}
html[data-mode="light"] .price .now{font-weight:700}
html[data-mode="light"] .tariff-featured{background:radial-gradient(120% 80% at 100% 0, rgba(232,201,138,.42), transparent 62%), #fffdf9;
  box-shadow:0 44px 80px -40px rgba(165,120,40,.6), inset 0 1px 0 #fff, 0 0 0 1.5px rgba(185,141,60,.6)}
html[data-mode="light"] .tariff li::before{background:rgba(27,127,82,.1)}

/* ----- shakllar ----- */
html[data-mode="light"] .field input,html[data-mode="light"] .field textarea,html[data-mode="light"] .field select,
html[data-mode="light"] .row-inline input,html[data-mode="light"] .prog-row input,html[data-mode="light"] .rsvp-row input,
html[data-mode="light"] .chat-form textarea,html[data-mode="light"] .promo-row input,html[data-mode="light"] .guest-add textarea{
  background:rgba(255,255,255,.82); border-color:var(--edge-hi)}
html[data-mode="light"] .field select option{background:#fff; color:var(--text)}
html[data-mode="light"] .field input:focus,html[data-mode="light"] .field textarea:focus,html[data-mode="light"] .field select:focus,
html[data-mode="light"] .catalog-fun .field input:focus,html[data-mode="light"] .catalog-fun .field textarea:focus,
html[data-mode="light"] .catalog-page .field input:focus,html[data-mode="light"] .catalog-page .field textarea:focus{
  border-color:#b98d3c; box-shadow:0 0 0 4px rgba(201,160,79,.2)}
html[data-mode="light"] .dopt{background:rgba(255,255,255,.6)}
html[data-mode="light"] .dopt:has(input:checked),html[data-mode="light"] .catalog-fun .dopt:has(input:checked),html[data-mode="light"] .catalog-page .dopt:has(input:checked){
  border-color:#b98d3c; background:rgba(232,201,138,.18)}
html[data-mode="light"] .field.invalid input,html[data-mode="light"] .field.invalid textarea{border-color:var(--bad); box-shadow:0 0 0 4px rgba(187,51,69,.13)}

/* ----- to'q rangli urg'u bo'limlari: oq fonda qimmatbaho ko'rinadi ----- */
html[data-mode="light"] .unique{background:radial-gradient(100% 140% at 100% 0, rgba(201,160,79,.32), transparent 58%), linear-gradient(135deg, #2a1d36, #1e1527); color:#fbf3e0;
  box-shadow:0 44px 80px -44px rgba(36,26,46,.8)}
html[data-mode="light"] .unique h2{color:#fbf3e0}
html[data-mode="light"] .unique .kicker{color:#e8c98a}
html[data-mode="light"] .unique p{color:#cbbfd0}
html[data-mode="light"] .unique .btn-light,html[data-mode="light"] .toy-band .btn-light{background:var(--gold-metal); color:var(--gold-ink)}
html[data-mode="light"] .toy-band{box-shadow:0 44px 80px -44px rgba(60,42,16,.75)}
html[data-mode="light"] .toy-band h2{color:#f8ecca}

/* ----- footer ----- */
html[data-mode="light"] .site-foot{background:linear-gradient(180deg, rgba(232,201,138,.14), transparent 60%)}
html[data-mode="light"] .sf-word b{color:var(--text)}
html[data-mode="light"] .sf-word em,html[data-mode="light"] .sf-word small{color:var(--gold)}
html[data-mode="light"] .sf-ico span,html[data-mode="light"] .sf-mini-ico{background:rgba(255,255,255,.75)}
html[data-mode="light"] .sf-neon{background:linear-gradient(90deg, #8a6318, #c9a04f 50%, #8a6318); -webkit-background-clip:text; background-clip:text; filter:none; animation:none}
html[data-mode="light"] a.sf-neon:hover{filter:none; opacity:.8}

/* ----- kabinet ----- */
html[data-mode="light"] .cab-nav{background:rgba(255,255,255,.6)}
html[data-mode="light"] .cab-nav a:hover{background:rgba(255,255,255,.8)}
html[data-mode="light"] .seg{background:rgba(255,255,255,.6)}
html[data-mode="light"] .seg button[aria-pressed="true"]{background:#241a2e; color:#fbf3e0}
html[data-mode="light"] .thumb{background:rgba(74,52,24,.06)}
html[data-mode="light"] .step,html[data-mode="light"] .pay-card,html[data-mode="light"] .honor-meter{background:rgba(255,255,255,.6)}
html[data-mode="light"] .pick-tile-ico{background:rgba(201,160,79,.14)}
html[data-mode="light"] .pick-tile.on .pick-tile-ico{background:var(--gold-metal); color:var(--gold-ink)}
html[data-mode="light"] .mp-results button:hover,html[data-mode="light"] .mp-results button:focus-visible{background:rgba(201,160,79,.16)}
html[data-mode="light"] .mp-opt{background:rgba(255,255,255,.55)}
html[data-mode="light"] .mp-opt:has(input:checked){border-color:#b98d3c; background:rgba(232,201,138,.18)}
html[data-mode="light"] .mp-ico{background:rgba(74,52,24,.06)}
html[data-mode="light"] .mp-ico b{background:#b98d3c}
html[data-mode="light"] .ed-sw i{background:rgba(74,52,24,.16)}
html[data-mode="light"] .ed-sw input:checked + i{background:var(--gold-metal)}
html[data-mode="light"] .req{color:var(--wax)}
html[data-mode="light"] .ed-bar{background:var(--glass); border-color:var(--glass-edge); box-shadow:var(--glass-shadow), inset 0 1px 0 var(--glass-hi);
  -webkit-backdrop-filter:blur(24px) saturate(170%); backdrop-filter:blur(24px) saturate(170%)}
html[data-mode="light"] a.account-row:hover{background:rgba(255,255,255,.6)}
html[data-mode="light"] .logout-btn{color:var(--wax)}
html[data-mode="light"] .inv-card{box-shadow:var(--card-shadow), inset 0 1px 0 rgba(255,255,255,.9), 0 0 0 1px rgba(74,52,24,.07)}
html[data-mode="light"] .inv-btn:hover{background:#fff}
html[data-mode="light"] .inv-cta{color:var(--gold-ink); background:var(--gold-metal); box-shadow:0 16px 32px -16px rgba(165,120,40,.75), inset 0 1px 0 rgba(255,255,255,.6)}
html[data-mode="light"] .honor-bar{background:rgba(74,52,24,.1)}
html[data-mode="light"] .rs-team li{background:rgba(255,255,255,.7)}
html[data-mode="light"] .my-card.st-pending .my-card-t small{color:var(--gold)}
html[data-mode="light"] .my-card.st-published .my-card-t small{color:var(--ok)}
html[data-mode="light"] .promo-msg.ok{color:var(--ok)}
html[data-mode="light"] .cab-dialog{background:#fffdf9}
html[data-mode="light"] .cab-dialog::backdrop{background:rgba(36,26,46,.38); -webkit-backdrop-filter:blur(8px) saturate(140%); backdrop-filter:blur(8px) saturate(140%)}
html[data-mode="light"] .spin{border-top-color:#b98d3c}
html[data-mode="light"] .mus-pick{--mus-accent:#a57a2a}
html[data-mode="light"] .msg.mine{background:rgba(232,201,138,.26); border-color:rgba(185,141,60,.4)}

@media (prefers-reduced-motion:reduce){ html[data-mode="light"] .hl{animation:none} }

html[data-mode="light"] .order-auth{background:rgba(201,160,79,.12); border-color:rgba(185,141,60,.35)}