:root{
  --paper:#FBF6F0;
  --surface:#FFFCF8;
  --raised:#F4EBE1;
  --ink:#3F312C;
  --ink-soft:#6B564E;
  --ink-faint:#806B60;
  --rule:#E7D8C9;
  --rose:#A8586A;
  --rose-btn:#A8586A;
  --rose-deep:#8E4557;
  --rose-soft:#F7E9EC;
  --sage:#7E8B6A;
  --gold:#C9A227;
  --gold-rich:#D4AF37;
  --gold-text:#7D6411;
  --gold-grad:linear-gradient(135deg, #D4AF37 0%, #F5E8C7 50%, #B8860B 100%);
  --rose-grad:linear-gradient(135deg, #A8586A 0%, #C46D82 100%);
  --shadow:0 1px 3px rgba(63,49,44,.05), 0 16px 38px -20px rgba(63,49,44,.35);
  --shadow-lg:0 8px 30px -6px rgba(63,49,44,.12), 0 30px 60px -20px rgba(63,49,44,.28);
  --ease-spring:cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-smooth:cubic-bezier(0.16, 1, 0.3, 1);
  --display:"El Messiri","Noto Kufi Arabic",serif;
  --body:"Readex Pro",system-ui,sans-serif;
  --ui-wa:#25D366;
  --ui-wa-hover:#1EBE5D;
  --ui-wa-soft:rgba(37,211,102,.12);
  --ui-danger:#DC2626;
  --ui-danger-soft:#FEF2F2;
  --ui-success:#15803D;
  --ui-success-soft:#F0FDF4;
  --pay:#047857;
  --pay-grad:linear-gradient(135deg,#059669 0%,#047857 100%);
  --pay-shadow:rgba(4,120,87,.55);
  --ui-gold-soft:#FFFBEB;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --paper:#17120F;
    --surface:#1F1815;
    --raised:#291F1A;
    --ink:#F2E8DE;
    --ink-soft:#C6B3A6;
    --ink-faint:#96867A;
    --rule:#37291F;
    --rose:#D98A9C;
    --rose-deep:#E8A3B2;
    --rose-soft:#2B1A1D;
    --sage:#9DAB86;
    --gold:#DDB84A;
    --gold-rich:#E5C07B;
    --gold-text:#DDB84A;
    --gold-grad:linear-gradient(135deg, #E5C07B 0%, #FFF3D6 50%, #C9A227 100%);
    --rose-grad:linear-gradient(135deg, #A8586A 0%, #B5647A 100%);
    --shadow:0 1px 3px rgba(0,0,0,.4), 0 16px 40px -26px rgba(0,0,0,.9);
    --shadow-lg:0 8px 30px -6px rgba(0,0,0,.6), 0 34px 70px -24px rgba(0,0,0,.85);
    --ui-wa:#25D366;
    --ui-wa-hover:#1EBE5D;
    --ui-wa-soft:rgba(37,211,102,.2);
    --ui-danger:#EF4444;
    --ui-danger-soft:#2E1517;
    --ui-success:#4ADE80;
    --ui-success-soft:#122416;
    --ui-gold-soft:#2A2415;
  }
}
:root[data-theme="dark"]{
  --paper:#17120F;
  --surface:#1F1815;
  --raised:#291F1A;
  --ink:#F2E8DE;
  --ink-soft:#C6B3A6;
  --ink-faint:#96867A;
  --rule:#37291F;
  --rose:#D98A9C;
  --rose-deep:#E8A3B2;
  --rose-soft:#2B1A1D;
  --sage:#9DAB86;
  --gold:#DDB84A;
  --gold-rich:#E5C07B;
  --gold-text:#DDB84A;
  --gold-grad:linear-gradient(135deg, #E5C07B 0%, #FFF3D6 50%, #C9A227 100%);
  --rose-grad:linear-gradient(135deg, #A8586A 0%, #B5647A 100%);
  --shadow:0 1px 3px rgba(0,0,0,.4), 0 16px 40px -26px rgba(0,0,0,.9);
  --shadow-lg:0 8px 30px -6px rgba(0,0,0,.6), 0 34px 70px -24px rgba(0,0,0,.85);
    --ui-wa:#25D366;
    --ui-wa-hover:#1EBE5D;
    --ui-wa-soft:rgba(37,211,102,.2);
    --ui-danger:#EF4444;
    --ui-danger-soft:#2E1517;
    --ui-success:#4ADE80;
    --ui-success-soft:#122416;
    --ui-gold-soft:#2A2415;
}
*{box-sizing:border-box}
html{direction:rtl;scroll-behavior:smooth;overflow-x:hidden}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:var(--body);font-weight:300;font-size:16px;line-height:1.8;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;max-width:100vw;
}
img{max-width:100%;display:block}
a{color:var(--rose);text-decoration:none}
a:hover{text-decoration:underline}
:focus:not(:focus-visible){outline:none}
:focus-visible{outline:2px solid var(--rose);outline-offset:3px;border-radius:4px}
@view-transition{navigation:auto}
@media (pointer:coarse){
  @view-transition{navigation:none}
}
.wrap{max-width:1100px;margin-inline:auto;padding-inline:20px}
.skip{
  position:absolute;top:8px;inset-inline-start:12px;z-index:100;
  background:var(--rose-btn);color:#FFFCF8;border-radius:999px;padding:10px 20px;font-size:14px;
  transform:translateY(-180%);transition:transform .2s ease;
}
.skip:focus{transform:translateY(0);text-decoration:none}
header.site{
  position:sticky;top:0;z-index:30;
  border-bottom:1px solid color-mix(in srgb, var(--rule) 70%, transparent);
  background:color-mix(in srgb, var(--surface) 86%, transparent);
}
@supports (backdrop-filter: blur(1px)){
  header.site{backdrop-filter:saturate(1.6) blur(16px)}
}
@supports not (color-mix(in srgb, red 50%, blue)){
  header.site{background:var(--surface)}
}
header.site .bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:10px}
.inapp-banner{
  background:var(--raised);border-bottom:1px solid var(--rule);color:var(--ink);
  font-size:13.5px;line-height:1.45;position:relative;z-index:25;
}
.inapp-banner .inapp-bar{
  display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:8px;
}
.inapp-banner .inapp-text{
  flex:1 1 auto;min-width:0;margin:0;font-size:13px;color:var(--ink);line-height:1.45;
}
.inapp-banner .inapp-actions{
  display:flex;align-items:center;gap:6px;flex:0 0 auto;
}
.inapp-banner .inapp-btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:44px;min-width:44px;padding:0 16px;border-radius:999px;
  background:var(--rose-btn);color:#fff;font-size:13.5px;font-weight:600;
  border:none;cursor:pointer;text-decoration:none;
  box-shadow:0 2px 8px rgba(168,88,106,.25);
  transition:transform .18s var(--ease-spring), filter .18s ease;
}
.inapp-banner .inapp-btn:hover{filter:brightness(1.08);text-decoration:none;transform:translateY(-1px)}
.inapp-banner .inapp-btn:active{transform:scale(.97)}
.inapp-banner .inapp-close{
  display:inline-flex;align-items:center;justify-content:center;
  width:44px;height:44px;min-width:44px;min-height:44px;border-radius:999px;
  background:transparent;color:var(--ink-soft);border:none;cursor:pointer;
  font-size:18px;line-height:1;padding:0;transition:color .18s ease, background .18s ease;
}
.inapp-banner .inapp-close:hover{color:var(--ink);background:var(--surface)}
@media (max-width:480px){
  .inapp-banner .inapp-bar{gap:8px;padding-block:6px}
  .inapp-banner .inapp-text{font-size:12.5px}
  .inapp-banner .inapp-btn{padding:0 12px;font-size:13px}
}
.lang-hint{
  background:var(--raised);border-bottom:1px solid var(--rule);color:var(--ink);
  font-family:var(--body);font-size:13.5px;line-height:1.45;position:relative;z-index:31;
}
.lang-hint .lang-hint-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:4px}
.lang-hint .lang-hint-text{flex:1 1 auto;min-width:0;margin:0;font-size:13.5px;font-weight:500;color:var(--ink)}
.lang-hint .lang-hint-actions{display:flex;align-items:center;gap:4px;flex:0 0 auto}
.lang-hint .lang-hint-go{
  display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:0 18px;
  border-radius:999px;background:var(--rose-btn);color:#fff;font-size:13.5px;font-weight:600;text-decoration:none;
  transition:filter .18s ease;
}
.lang-hint .lang-hint-go:hover{filter:brightness(1.08);text-decoration:none}
.lang-hint .lang-hint-x{
  display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;
  color:var(--ink-soft);font-size:17px;line-height:1;text-decoration:none;transition:color .18s ease, background .18s ease;
}
.lang-hint .lang-hint-x:hover{color:var(--ink);background:var(--surface);text-decoration:none}
@media (max-width:480px){
  .lang-hint .lang-hint-bar{gap:8px;padding-block:2px}
  .lang-hint .lang-hint-text{font-size:13px}
  .lang-hint .lang-hint-go{padding:0 14px;font-size:13px}
}
.brand{
  display:inline-flex;align-items:center;line-height:1;text-decoration:none;
  transition:transform .22s var(--ease-spring), opacity .18s ease;
  flex-shrink:0;
}
.brand:hover{text-decoration:none;transform:scale(1.03);opacity:.95}
.brand:active{transform:scale(.97)}
.brand-img{
  display:block;height:62px;width:auto;object-fit:contain;
  filter:drop-shadow(0 2px 6px rgba(168,88,106,.08));
}
@media (max-width:768px){
  header.site .bar{padding-block:6px}
  .brand-img{height:48px}
}
nav.site{display:flex;align-items:center;gap:14px;font-size:14.5px}
nav.site a.nav-link{
  color:var(--ink-soft);font-weight:500;padding:6px 10px;border-radius:8px;
  transition:all .16s ease;display:inline-flex;align-items:center;gap:6px;
}
nav.site a.nav-link:hover{
  color:var(--rose);background:var(--rose-soft);text-decoration:none;
}
nav.site a.nav-link-user{
  color:var(--ink-soft);font-size:14px;font-weight:600;padding:6px 10px;border-radius:8px;
  display:inline-flex;align-items:center;gap:6px;transition:all .16s ease;
}
nav.site a.nav-link-user:hover{
  color:var(--rose);background:var(--rose-soft);text-decoration:none;
}
nav.site a.nav-link-user.active{
  color:var(--rose);background:var(--rose-soft);font-weight:700;
}
nav.site .lang-seg{
  position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:1px;padding:0 4px;flex:0 0 auto;line-height:1;
}
nav.site .lang-seg::before{
  content:"";position:absolute;inset:0;z-index:-1;box-sizing:border-box;
  border:1px solid var(--rule);border-radius:999px;background:var(--paper);
}
nav.site .lang-seg > *{
  position:relative;display:inline-flex;align-items:center;justify-content:center;height:40px;min-width:40px;padding:0 11px;
  font-size:13px;font-weight:700;letter-spacing:.06em;color:var(--ink-soft);white-space:nowrap;
  text-decoration:none;box-sizing:border-box;transition:color .18s ease;
}
nav.site .lang-seg > *::before{
  content:"";position:absolute;inset:4px 0;z-index:-1;border-radius:999px;transition:background-color .18s ease;
}
nav.site .lang-seg [lang="ar"]{letter-spacing:0;font-size:13.5px}
nav.site .lang-seg a:hover{color:var(--rose);text-decoration:none}
nav.site .lang-seg a:hover::before{background:var(--rose-soft)}
nav.site .lang-seg a:focus-visible{outline:none}
nav.site .lang-seg a:focus-visible::before{outline:2px solid var(--rose);outline-offset:1px}
nav.site .lang-seg .on{color:var(--paper);cursor:default}
nav.site .lang-seg .on::before{background:var(--rose);box-shadow:0 1px 3px rgba(126,48,67,.28)}
.theme-toggle{
  appearance:none;cursor:pointer;position:relative;isolation:isolate;flex:0 0 auto;margin:0;
  display:inline-flex;align-items:center;gap:1px;padding:0 4px;height:40px;
  border:0;background:none;color:var(--ink-soft);font:inherit;line-height:1;
}
.theme-toggle::before{
  content:"";position:absolute;inset:0;z-index:-1;box-sizing:border-box;
  border:1px solid var(--rule);border-radius:999px;background:var(--paper);
}
.theme-toggle:focus-visible{outline:none}
.theme-toggle:focus-visible::before{outline:2px solid var(--rose);outline-offset:2px}
.theme-toggle .tt-o{
  display:inline-flex;align-items:center;justify-content:center;width:38px;height:32px;border-radius:999px;
  color:var(--ink-soft);transition:background-color .18s ease, color .18s ease;
}
.theme-toggle .tt-o svg{width:15px;height:15px;display:block}
@media (max-width:768px){
  nav.site .lang-seg{padding:0 4px}
  nav.site .lang-seg > *{height:44px;min-width:44px;padding:0 12px;font-size:13.5px}
  nav.site .lang-seg [lang="ar"]{font-size:14px}
  nav.site .lang-seg > *::before{inset:5px 0}
}
.theme-toggle .tt-sun{background:var(--rose);color:var(--paper);box-shadow:0 1px 2px rgba(126,48,67,.25)}
.theme-toggle:hover .tt-moon{color:var(--rose);background:var(--rose-soft)}
:root[data-theme="dark"] .theme-toggle .tt-sun{background:none;color:var(--ink-soft);box-shadow:none}
:root[data-theme="dark"] .theme-toggle .tt-moon{background:var(--rose);color:var(--paper);box-shadow:0 1px 2px rgba(0,0,0,.3)}
:root[data-theme="dark"] .theme-toggle:hover .tt-sun{color:var(--rose);background:var(--rose-soft)}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) .theme-toggle .tt-sun{background:none;color:var(--ink-soft);box-shadow:none}
  :root:not([data-theme="light"]) .theme-toggle .tt-moon{background:var(--rose);color:var(--paper);box-shadow:0 1px 2px rgba(0,0,0,.3)}
  :root:not([data-theme="light"]) .theme-toggle:hover .tt-sun{color:var(--rose);background:var(--rose-soft)}
}
.btn-header-cta{
  background:linear-gradient(135deg, #A8586A 0%, #7E3043 100%) !important;
  color:#FFFFFF !important;font-weight:600 !important;font-size:14px !important;
  padding:8px 18px !important;border-radius:999px !important;
  box-shadow:0 2px 10px rgba(126,48,67,0.35) !important;letter-spacing:0.01em;
  text-shadow:0 1px 2px rgba(0,0,0,0.2);transition:all .2s ease !important;
}
.btn-header-cta:hover{
  filter:brightness(1.1) !important;transform:translateY(-1px) !important;
  box-shadow:0 4px 16px rgba(126,48,67,0.45) !important;color:#FFFFFF !important;text-decoration:none !important;
}
nav.site .nav-signin{display:inline-flex;align-items:center;justify-content:center}
@media (min-width:769px){
  nav.site a.nav-link.nav-signin{
    min-height:44px;padding:0 18px;border-radius:999px;border:1.5px solid color-mix(in srgb,var(--rose) 55%,var(--rule));
    color:var(--rose-deep);font-weight:600;font-size:14px;white-space:nowrap;box-sizing:border-box;background:var(--surface);
  }
  nav.site a.nav-link.nav-signin:hover{border-color:var(--rose);background:var(--rose-soft);color:var(--rose-deep)}
  nav.site .btn-header-cta{white-space:nowrap;min-height:44px;display:inline-flex;align-items:center;box-sizing:border-box}
  nav.site a.nav-link{white-space:nowrap}
}
@media (max-width:768px){
  nav.site a.nav-acct{width:40px;height:40px;padding:0;border-radius:50%;justify-content:center}
  nav.site a.nav-acct svg{width:20px;height:20px}
}
@media (max-width:768px){
  header.site .bar{gap:8px}
  nav.site{gap:6px}
  nav.site .nav-signin{width:38px;height:38px;min-height:38px;padding:0;border-radius:50%}
  .btn-header-cta{padding:8px 14px !important;font-size:13.5px !important;white-space:nowrap;min-height:36px}
}
@media (max-width:400px){
  .brand-img{height:38px}
  nav.site{gap:5px}
  .btn-header-cta{padding:6px 10px !important;font-size:12px !important}
}
.show-sm{display:none !important}
@media (max-width:768px){
  .hide-sm{display:none !important}
  .show-sm{display:block !important}
  span.show-sm{display:inline !important}
  div.show-sm{display:flex !important}
  nav.site .hide-sm{display:none !important}
  nav.site{gap:10px}
}
.hb-start{display:flex;align-items:center;gap:14px;min-width:0;flex:0 1 auto}
header.site .bar.hb nav.site{flex:none}
.brand-ico{display:none}
:root[data-theme="light"] .logo-dk{display:none !important}
:root[data-theme="dark"] .logo-lt{display:none !important}
@media (prefers-color-scheme: light){ :root:not([data-theme="dark"]) .logo-dk{display:none !important} }
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) .logo-lt{display:none !important} }
.hb-menu{position:relative;min-width:0}
.hb-menu > summary{list-style:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.hb-menu > summary::-webkit-details-marker{display:none}
.hb-menu > summary::marker{content:""}
.hb-menu > summary:focus-visible{outline:2px solid var(--rose);outline-offset:3px}
.hb-menu:not([open]) > .hb-pop{display:none}
header.site:has(.hb-menu[open]){z-index:50}
.hb-inv{flex:0 1 auto;max-width:360px}
.hb-inv-btn{
  display:flex;align-items:center;gap:10px;box-sizing:border-box;max-width:100%;min-height:46px;padding:3px 14px;
  border:1px solid var(--rule);border-radius:16px;background:var(--surface);color:var(--ink);
  transition:border-color .16s ease, background-color .16s ease;
}
.hb-inv-btn:hover{border-color:color-mix(in srgb,var(--rose) 45%,var(--rule))}
.hb-inv[open] > .hb-inv-btn{border-color:var(--rose);background:var(--rose-soft)}
.hb-inv-t{min-width:0;display:flex;flex-direction:column;line-height:1.3}
.hb-inv-name{
  margin:0;font-family:var(--display);font-size:17.5px;font-weight:700;color:var(--ink);line-height:1.35;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.hb-inv-st{display:flex;align-items:center;gap:6px;min-width:0;font-size:12px;font-weight:500;color:var(--ink-soft);white-space:nowrap}
.hb-inv-st > span:not(.pub-status-dot){min-width:0;overflow:hidden;text-overflow:ellipsis}
.hb-st-short{display:none}
.hb-chev{flex:none;color:var(--ink-soft);transition:transform .18s ease}
.hb-inv[open] .hb-chev{transform:rotate(180deg);color:var(--rose-deep)}
.hb-acct-btn{
  display:grid;place-items:center;width:40px;height:40px;border-radius:50%;
  background:var(--rose-btn);color:#FFFCF8;font-size:16px;font-weight:600;line-height:1;
  -webkit-user-select:none;user-select:none;transition:box-shadow .16s ease;
}
.hb-acct-btn:hover{box-shadow:0 0 0 3px color-mix(in srgb,var(--rose-btn) 28%,transparent)}
.hb-acct-btn.active,.hb-acct[open] > .hb-acct-btn{box-shadow:0 0 0 3px var(--surface), 0 0 0 5px var(--rose-btn)}
.hb-pop{
  position:absolute;z-index:60;top:calc(100% + 10px);inset-inline-start:0;box-sizing:border-box;
  width:340px;max-width:calc(100vw - 24px);max-height:min(76vh,580px);overflow:auto;overscroll-behavior:contain;
  display:grid;grid-template-columns:minmax(0,1fr);gap:2px;padding:10px;border:1px solid var(--rule);border-radius:20px;
  background:var(--surface);color:var(--ink);font-size:15px;line-height:1.6;
  box-shadow:0 2px 6px rgba(63,49,44,.08), 0 24px 48px -18px rgba(40,20,20,.45);
  animation:ivhSwIn .16s ease both;
}
.hb-acct-pop{inset-inline-start:auto;inset-inline-end:0;width:320px}
@media (prefers-reduced-motion: reduce){.hb-pop{animation:none}.hb-chev{transition:none}}
.hb-pop-h{display:block;padding:6px 10px 4px;font-size:12.5px;font-weight:700;color:var(--ink-soft)}
.hb-pop ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:2px}
html[dir="rtl"] .hb-inv-name,html[dir="rtl"] .hb-pop .ivh-sw-t b{text-align:right}
html[dir="ltr"] .hb-inv-name,html[dir="ltr"] .hb-pop .ivh-sw-t b{text-align:left}
.hb-pop .ivh-sw-item{min-height:58px}
.hb-pop .ivh-sw-check{
  display:grid;place-items:center;width:24px;height:24px;border-radius:50%;
  background:var(--rose-btn);color:#FFFCF8;font-size:13px;line-height:1;
}
.hb-sep{height:1px;margin:4px 10px;background:var(--rule)}
.hb-row{
  display:flex;align-items:center;gap:12px;box-sizing:border-box;width:100%;min-height:46px;margin:0;padding:0 10px;
  border:0;border-radius:12px;background:none;font:inherit;font-size:15px;font-weight:500;text-align:start;
  color:var(--ink) !important;text-decoration:none !important;cursor:pointer;
}
a.hb-row:hover,a.hb-row:focus-visible,button.hb-row:hover,button.hb-row:focus-visible{background:color-mix(in srgb,var(--rose-soft) 55%,var(--surface))}
.hb-row > svg{flex:none;width:20px;height:20px;color:var(--ink-soft)}
.hb-row-new{color:var(--rose-deep) !important;font-weight:600}
.hb-row-new > svg,.hb-row-out > svg{color:currentColor}
.hb-row-out{color:var(--ui-danger) !important;font-weight:600}
.hb-out{display:block;margin:0}
.hb-id{display:flex;align-items:center;gap:12px;padding:8px 10px 10px}
.hb-id-av{
  flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;
  background:var(--rose-btn);color:#FFFCF8;font-size:19px;font-weight:600;line-height:1;
}
.hb-id-t{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.5}
.hb-id-t b,.hb-id-t small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hb-id-t b{font-size:16px;font-weight:600;color:var(--ink)}
.hb-id-t small{font-size:12.5px;color:var(--ink-soft)}
[dir="rtl"] .hb-id-t b,[dir="rtl"] .hb-id-t small{text-align:right}
.hb-lang{cursor:default}
.hb-lang > span:first-of-type{flex:1}
.hb-seg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;padding:3px;border-radius:12px;background:var(--raised)}
.hb-seg a{
  display:grid;place-items:center;min-width:70px;min-height:44px;padding:0 8px;border-radius:9px;
  font-size:13.5px;font-weight:500;color:var(--ink-soft) !important;text-decoration:none !important;
}
.hb-seg a.on{background:var(--surface);color:var(--ink) !important;font-weight:600;box-shadow:0 1px 2px rgba(63,49,44,.16)}
.hb-seg a:not(.on):hover{color:var(--rose-deep) !important}
@media (max-width:768px){
  .hb-start{gap:6px}
  .brand.has-pill .brand-img{display:none}
  .brand.has-pill .brand-ico{display:block;width:40px;height:40px;object-fit:contain}
  .hb-acct-btn{width:44px;height:44px;font-size:17px}
  .hb-menu{position:static}
  .hb-pop,.hb-acct-pop{
    inset-inline:8px;top:calc(100% + 8px);width:auto;max-width:none;
    max-height:calc(100vh - 100% - 24px);max-height:calc(100dvh - 100% - 24px);
  }
  .hb-menu[open] > summary::before{
    content:"";position:absolute;z-index:59;top:100%;left:0;right:0;
    height:calc(100vh - 100%);height:calc(100dvh - 100%);
    background:rgba(40,25,20,.38);cursor:default;
  }
}
@media (max-width:480px){
  .hb-st-full{display:none}
  .hb-st-short{display:inline}
}
@media (min-width:769px) and (max-width:940px){
  .brand.has-pill .brand-img{display:none}
  .brand.has-pill .brand-ico{display:block;width:46px;height:46px;object-fit:contain}
}
@media (max-width:379px){
  .brand.has-pill{display:none}
}
.hb-guest{display:none}
.hb-burger{
  display:grid;place-items:center;width:44px;height:44px;box-sizing:border-box;border-radius:50%;
  border:1px solid var(--rule);background:var(--surface);color:var(--ink);
  transition:border-color .16s ease, background-color .16s ease, color .16s ease;
}
.hb-burger:hover{border-color:color-mix(in srgb,var(--rose) 45%,var(--rule))}
.hb-guest[open] > .hb-burger{border-color:var(--rose);background:var(--rose-soft);color:var(--rose-deep)}
.hb-glink{justify-content:space-between;min-height:52px;font-size:16.5px}
.hb-gchev{flex:none;width:18px;height:18px;color:var(--ink-faint)}
[dir="ltr"] .hb-gchev{transform:scaleX(-1)}
.hb-gacts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px 4px 6px}
.hb-gacts.is-one{grid-template-columns:minmax(0,1fr)}
.hb-gacts a{
  display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:48px;padding:0 10px;
  border-radius:999px;font-size:15px;font-weight:600;line-height:1.3;text-align:center;text-decoration:none !important;
}
.hb-gin{border:1.5px solid var(--rose);color:var(--rose-deep) !important;background:var(--surface)}
.hb-ggo{
  background:linear-gradient(135deg, #A8586A 0%, #7E3043 100%);color:#FFFFFF !important;
  box-shadow:0 2px 10px rgba(126,48,67,0.3);
}
.hb-seg3{grid-template-columns:repeat(3,minmax(0,1fr))}
.hb-seg button{
  appearance:none;border:0;margin:0;background:none;font:inherit;cursor:pointer;
  display:grid;place-items:center;min-width:56px;min-height:44px;padding:0 8px;border-radius:9px;
  font-size:13.5px;font-weight:500;color:var(--ink-soft);
}
.hb-seg button.on{background:var(--surface);color:var(--ink);font-weight:600;box-shadow:0 1px 2px rgba(63,49,44,.16)}
.hb-seg button:not(.on):hover{color:var(--rose-deep)}
.hb-seg button:focus-visible{outline:2px solid var(--rose);outline-offset:1px}
@media (max-width:768px){
  .hb-guest{display:block}
  header.site .bar.hv .nav-signin,
  header.site .bar.hv .theme-toggle,
  header.site .bar.hv .btn-header-cta{display:none !important}
  header.site .bar.hv nav.site{gap:8px}
}
@media (min-width:769px) and (max-width:959px){
  .hb-guest{display:block}
  header.site .bar.hv nav.site .hide-sm,
  header.site .bar.hv .nav-signin{display:none !important}
  header.site .bar.hv nav.site{gap:10px}
  .hb-guest-pop{inset-inline-start:auto;inset-inline-end:0}
}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  appearance:none;border:1px solid transparent;cursor:pointer;
  font-family:var(--body);font-weight:500;font-size:15.5px;line-height:1.5;
  background:var(--rose-btn);color:#FFFCF8;border-radius:999px;padding:12px 28px;
  box-shadow:0 2px 4px rgba(63,49,44,.08), 0 12px 24px -12px rgba(142,69,87,.8);
  transition:filter .18s ease, transform .22s var(--ease-spring), box-shadow .22s ease;text-decoration:none;
}
.btn:hover{filter:brightness(1.06);text-decoration:none;box-shadow:0 4px 10px rgba(63,49,44,.12), 0 18px 32px -12px rgba(142,69,87,.9);transform:translateY(-2px)}
.btn:active{transform:scale(.97)}
.btn.glow{
  background:var(--rose-grad);
  border:1px solid rgba(255,255,255,.28);
  box-shadow:0 2px 4px rgba(63,49,44,.08), 0 14px 28px -10px rgba(168,88,106,.8), inset 0 1px 1px rgba(255,255,255,.35);
  position:relative;
  overflow:hidden;
}
.btn.glow::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(90deg, transparent 0%, rgba(255,255,255,.24) 50%, transparent 100%);
  transform:translateX(110%);
  transition:transform .65s ease;
  pointer-events:none;
}
[dir="rtl"] .btn.glow::after{transform:translateX(-110%)}
.btn.glow:hover::after{transform:translateX(-110%)}
[dir="rtl"] .btn.glow:hover::after{transform:translateX(110%)}
.btn.ghost{background:transparent;color:var(--rose);border-color:var(--rose);box-shadow:none}
.btn.ghost:hover{background:var(--rose-soft);filter:none;transform:translateY(-2px)}
.btn.ghost.danger{color:var(--rose-deep);border-color:rgba(189,59,75,0.35);background:transparent}
.btn.ghost.danger:hover{background:var(--rose-soft);border-color:var(--rose-deep);color:var(--rose-deep)}
.btn.sm{padding:8px 20px;font-size:14px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
@media (max-width:640px){
  .btn{padding:13px 26px}
  .btn.sm{padding:10px 18px}
  .hero .cta{flex-direction:column;align-items:stretch;max-width:320px;margin-inline:auto}
}
section.band{padding-block:68px}
section.band + section.band{border-top:1px solid var(--rule)}
section.band:nth-of-type(even){background:var(--surface)}
h2.sec{
  font-family:var(--display);font-weight:600;font-size:clamp(24px,4vw,34px);
  margin:0 0 10px;text-align:center;text-wrap:balance;
}
h2.sec::after{
  content:"❦";display:block;margin:8px auto 0;color:var(--gold);
  font-size:13px;line-height:1;opacity:.85;
}
p.seclede{margin:0 auto 32px;max-width:48ch;text-align:center;color:var(--ink-soft);font-size:15.5px}
h1.sec.sec-fresh{font-size:clamp(24px,6.4vw,36px);line-height:1.35;margin-bottom:10px}
.tpl-skip{display:inline-block;margin-top:4px;color:var(--rose-deep) !important;font-weight:700;text-decoration:none !important;white-space:nowrap}
.tpl-skip:hover{text-decoration:underline !important}
.feat-tag{
  font-size:11px;font-weight:500;padding:3px 10px;border-radius:999px;
  background:var(--raised);color:var(--ink-faint);border:1px solid var(--rule);
}
.tgrid{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 18px;
  max-width:1120px;margin-inline:auto;
}
@media (max-width:1100px){.tgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.tcard{
  position:relative;aspect-ratio:620/1192;border-radius:20px;overflow:hidden;cursor:pointer;
  background:var(--paper);border:1px solid rgba(0,0,0,.06);
  box-shadow:0 4px 14px rgba(40,22,18,.08);
  transition:transform .25s var(--ease-smooth), box-shadow .25s ease;
}
.tcard:hover{transform:translateY(-5px);box-shadow:0 22px 40px -18px rgba(40,22,18,.45)}
.tcard .thumb{position:absolute;inset:0;display:block;overflow:hidden;background:transparent;text-decoration:none;color:inherit}
.tcard .thumb .thumb-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--ease-smooth)}
.tcard:hover .thumb .thumb-img{transform:scale(1.04)}
.tcard .thumb.pv-want .thumb-img{transform:none}
.tcard .thumb::after{
  content:"";position:absolute;inset-inline:0;bottom:0;height:34%;z-index:1;pointer-events:none;
  background:linear-gradient(to top, rgba(0,0,0,.86) 0%, rgba(0,0,0,.5) 50%, rgba(0,0,0,0) 100%);
  transition:opacity .3s ease;
}
.tcard .feat-tag{
  position:absolute !important;top:10px !important;inset-inline-start:10px !important;z-index:3 !important;
  border-radius:7px !important;padding:3px 9px !important;font-size:11.5px !important;line-height:1.35 !important;
}
.tcard .body{
  position:absolute;inset-inline:0;bottom:0;z-index:2;pointer-events:none;
  padding:12px 14px 14px;display:flex;flex-direction:column;gap:7px;transition:opacity .3s ease;
}
.tcard:has(.thumb.pv-on) .body,.tcard .thumb.pv-on::after{opacity:0}
.tcard .head-row{display:flex;align-items:center;justify-content:space-between;gap:8px}
.tcard h3, .tcard h2{font-family:var(--display);font-weight:700;font-size:18px;line-height:1.35;margin:0;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.tcard h2 a, .tcard h3 a{color:#fff;text-decoration:none;pointer-events:auto}
.tcard-swatches{display:flex;gap:4px;align-items:center;flex:0 0 auto}
.tcard-swatches span{width:11px;height:11px;border-radius:50%;border:1px solid rgba(255,255,255,.55);display:inline-block}
.tcard .tags{display:flex;flex-wrap:wrap;gap:4px;margin:0}
.tcard .tags span{
  font-size:11px;font-weight:500;line-height:1.4;padding:2px 8px;border-radius:999px;border:0;
  color:#fff;background:rgba(255,255,255,.2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);
}
.tcard .tags span:nth-child(n+4){display:none}
.tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:14px}
.tags span{font-size:11.5px;border:1px solid var(--rule);border-radius:999px;padding:2px 10px;color:var(--ink-faint);background:var(--paper)}
@media (max-width:760px){
  .tgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px}
  .tcard{border-radius:16px}
  .tcard:hover{transform:none}
  .tcard .feat-tag{top:8px !important;inset-inline-start:8px !important;font-size:11px !important;padding:3px 8px !important}
  .tcard .body{padding:8px 10px 10px;gap:4px}
  .tcard h3, .tcard h2{font-size:15px}
  .tcard-swatches{display:none}
  .tcard .tags{gap:3.5px;flex-wrap:nowrap;overflow:hidden}
  .tcard .tags span:nth-child(n+3){display:none}
  .tcard .tags span{font-size:10px;padding:2px 6.5px}
}
[data-preview]{-webkit-touch-callout:none}
.pv-strip{
  position:absolute;left:0;top:0;z-index:0;width:100%;height:auto;max-width:none;
  opacity:0;transform:translate3d(0,0,0);pointer-events:none;will-change:transform;
  transition:opacity .3s ease, transform .5s var(--ease-smooth);
}
.pv-on .pv-strip{
  opacity:1;transform:translate3d(0,var(--pv-y,0px),0);
  transition:opacity .35s ease, transform var(--pv-d,10s) cubic-bezier(.42,0,.58,1) .45s;
}
.pv-hint{
  position:absolute;z-index:2;top:8px;inset-inline-end:8px;display:inline-flex;align-items:center;gap:5px;
  padding:4px 10px;border-radius:999px;font-size:11px;font-weight:500;line-height:1.5;color:#FFFCF8;
  background:rgba(33,24,22,.58);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  opacity:0;transform:translateY(-4px);transition:opacity .25s ease, transform .25s ease;pointer-events:none;
}
.pv-hint-b{display:none}
.pv-want .pv-hint{opacity:1;transform:none}
.pv-armed .pv-hint-a{display:none}
.pv-armed .pv-hint-b{display:inline}
.pv-want:not(.pv-ready) .pv-hint svg{animation:pvPulse .9s ease-in-out infinite}
@keyframes pvPulse{50%{opacity:.25}}
@media (hover:none){[data-preview] .pv-hint{opacity:1;transform:none}}
[data-preview].pv-armed .pv-hint{
  top:50%;left:50%;right:auto;padding:7px 14px;font-size:12px;
  opacity:1;transform:translate(-50%,-50%);white-space:nowrap;
}
@media (prefers-reduced-motion:reduce){.pv-strip,.pv-hint{display:none}}
.tpl-modal-overlay[hidden],.has-draft-modal-overlay[hidden]{display:none}
.tpl-modal-overlay{
  position:fixed;inset:0;background:rgba(20,12,10,.62);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  z-index:9999;display:flex;align-items:flex-end;justify-content:center;
  opacity:0;visibility:hidden;transition:opacity .25s ease, visibility .25s ease;
  padding:0;
}
.tpl-modal-overlay.active{opacity:1;visibility:visible}
.tpl-modal-card{
  background:var(--surface);color:var(--ink);width:100%;max-width:460px;
  max-height:94vh;max-height:94dvh;border-radius:28px 28px 0 0;box-shadow:0 -12px 44px rgba(0,0,0,.35);
  display:flex;flex-direction:column;position:relative;overflow:hidden;
  transform:translateY(100%);transition:transform .35s var(--ease-smooth);
}
.tpl-modal-overlay.active .tpl-modal-card{transform:translateY(0)}
.tpl-modal-close{
  position:absolute;top:14px;inset-inline-end:14px;z-index:4;width:44px;height:44px;
  border-radius:50%;border:1px solid var(--rule);background:color-mix(in srgb, var(--surface) 88%, transparent);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  color:var(--ink-soft);display:grid;place-items:center;cursor:pointer;padding:0;
  transition:background .18s ease,color .18s ease,border-color .18s ease;
}
.tpl-modal-close:hover{background:var(--rose-soft);color:var(--rose);border-color:var(--rose)}
.tpm-art{
  position:relative;flex:0 0 auto;display:grid;place-items:center;padding:20px 20px 16px;
  background:
    radial-gradient(120% 90% at 50% 0%, color-mix(in srgb, var(--gold) 14%, transparent), transparent 62%),
    linear-gradient(180deg, var(--raised), color-mix(in srgb, var(--raised) 55%, var(--surface)));
  border-bottom:1px solid var(--rule);
}
.tpm-phone{
  position:relative;height:min(40vh,360px);height:min(40dvh,360px);aspect-ratio:400/769;padding:7px;border-radius:34px;
  background:linear-gradient(160deg,#3a2c28,#140f0d 60%);
  box-shadow:0 26px 50px -22px rgba(40,22,18,.6), 0 8px 18px -10px rgba(40,22,18,.35), inset 0 0 0 1px rgba(255,255,255,.08);
}
.tpm-phone::before{
  content:"";position:absolute;top:12px;left:50%;width:58px;height:16px;margin-left:-29px;border-radius:10px;
  background:#0d0908;z-index:3;
}
.tpm-vp{position:absolute;inset:7px;border-radius:27px;overflow:hidden;background:var(--paper)}
.tpm-cover{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.tpm-strip{
  position:absolute;left:0;top:0;width:100%;height:auto;max-width:none;opacity:0;
  transition:opacity .35s ease;will-change:transform;
}
.tpm-phone.is-live .tpm-strip{opacity:1;animation:tpmScroll var(--tpm-d,40s) cubic-bezier(.45,0,.55,1) .15s infinite}
@keyframes tpmScroll{
  0%,2%{transform:translate3d(0,0,0)}
  46%,54%{transform:translate3d(0,var(--tpm-y,0px),0)}
  92%,100%{transform:translate3d(0,0,0)}
}
.tpm-info{display:flex;flex-direction:column;min-height:0;flex:1 1 auto}
.tpm-text{padding:16px 22px 2px;overflow-y:auto;min-height:0}
.tpl-modal-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.tpl-modal-tag{
  font-size:11.5px;font-weight:600;padding:4px 11px;border-radius:999px;
  color:var(--rose-deep);background:var(--rose-soft);border:1px solid color-mix(in srgb, var(--rose) 22%, transparent);
}
.tpl-modal-title{font-family:var(--display);font-size:24px;line-height:1.3;font-weight:700;margin:0 0 6px;color:var(--ink)}
.tpl-modal-blurb{font-size:14px;line-height:1.7;color:var(--ink-soft);margin:0 0 12px}
.tpm-points{list-style:none;margin:0 0 4px;padding:12px 0 0;border-top:1px solid var(--rule);display:flex;flex-wrap:wrap;gap:8px 18px}
.tpm-points li{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;line-height:1.4;color:var(--ink);white-space:nowrap}
.tpm-ok{
  display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;flex:0 0 auto;
  color:#3E9B57;background:color-mix(in srgb, #3E9B57 16%, var(--surface));
}
.tpl-modal-details{
  display:inline-flex;align-items:center;min-height:44px;font-size:13px;font-weight:600;
  color:var(--rose);text-decoration:none;
}
.tpl-modal-details:hover{text-decoration:underline}
.tpl-modal-footer{
  display:flex;gap:10px;padding:12px 22px calc(14px + env(safe-area-inset-bottom, 0px));
  border-top:1px solid var(--rule);background:var(--surface);
}
.tpl-modal-btn-choose,.tpl-modal-btn-preview{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;
  padding:12px 18px;border-radius:999px;font-size:15px;font-weight:700;text-decoration:none;cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.tpl-modal-btn-choose{
  flex:1.6;color:#fff !important;background:linear-gradient(135deg, #A8586A 0%, #C46D82 100%);border:0;
  box-shadow:0 4px 10px rgba(63,49,44,.1), 0 14px 26px -12px rgba(142,69,87,.85);
}
.tpl-modal-btn-choose:hover{transform:translateY(-1px);filter:brightness(1.05);text-decoration:none}
.tpl-modal-btn-preview{
  flex:1;color:var(--rose);background:transparent;border:1.5px solid var(--rose);
}
.tpl-modal-btn-preview:hover{background:var(--rose-soft);text-decoration:none}
@media (min-width:760px){
  .tpl-modal-overlay{align-items:center;padding:24px}
  .tpl-modal-card{
    max-width:880px;flex-direction:row;border-radius:28px;max-height:min(640px,90vh);
    transform:translateY(20px) scale(.97);box-shadow:0 24px 70px rgba(0,0,0,.42);
  }
  .tpl-modal-overlay.active .tpl-modal-card{transform:translateY(0) scale(1)}
  .tpm-art{flex:0 0 44%;padding:36px 28px;border-bottom:0;border-inline-end:1px solid var(--rule)}
  .tpm-phone{height:min(540px,76vh)}
  .tpm-info{justify-content:center}
  .tpm-text{padding:40px 40px 8px}
  .tpl-modal-title{font-size:32px;margin-bottom:8px}
  .tpl-modal-blurb{font-size:15px;line-height:1.8;margin-bottom:16px}
  .tpl-modal-tags{margin-bottom:12px}
  .tpl-modal-footer{border-top:0;padding:14px 40px 32px}
}
@media (max-width:759px){
  .tpl-modal-tag:nth-child(n+4){display:none}
}
@media (max-height:720px) and (max-width:759px){
  .tpm-art{padding:14px 20px 12px}
  .tpm-phone{height:min(33vh,250px);height:min(33dvh,250px)}
  .tpl-modal-title{font-size:22px}
  .tpl-modal-blurb{font-size:13.5px;line-height:1.65}
}
@media (prefers-reduced-motion:reduce){
  .tpl-modal-card{transition:none}
  .tpm-phone.is-live .tpm-strip{animation:none}
}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--ink-faint);margin-bottom:22px}
.crumbs a{color:var(--ink-soft)}
.crumbs b{font-weight:500;color:var(--ink)}
.tphero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center}
@media (max-width:760px){.tphero{grid-template-columns:1fr;gap:24px}}
.tpshot{margin:0}
.tpshot img{
  width:100%;aspect-ratio:5/6;object-fit:cover;object-position:center 38%;
  border-radius:18px;border:1px solid var(--rule);
  box-shadow:0 2px 6px rgba(63,49,44,.06), 0 28px 56px -32px rgba(63,49,44,.55);
}
.tpside h1{font-family:var(--display);font-weight:700;font-size:clamp(28px,5vw,42px);line-height:1.2;margin:10px 0 12px}
.tpside .lede{margin:0 0 14px;font-size:16.5px;color:var(--ink-soft);max-width:46ch}
.tpside .free{margin:0 0 18px;font-size:13.5px;color:var(--ink-faint)}
.tpside .acts{display:flex;gap:10px;flex-wrap:wrap}
.swatches{display:flex;gap:14px;flex-wrap:wrap;margin-top:22px}
.swatches span{display:grid;gap:5px;justify-items:center}
.swatches i{width:34px;height:34px;border-radius:9px;border:1px solid var(--rule);display:block}
.swatches small{font-size:10.5px;color:var(--ink-faint);font-family:ui-monospace,Menlo,monospace}
.feats{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px 26px;
}
.feats li{display:flex;gap:10px;align-items:flex-start;font-size:15px;color:var(--ink-soft)}
.feats li svg{flex:0 0 auto;margin-top:6px;color:var(--sage)}
.prose{max-width:660px}
.prose p{font-size:15.5px;line-height:1.9;color:var(--ink-soft);margin:0 0 14px}
.prose h3{font-family:var(--display);font-weight:600;font-size:19px;margin:26px 0 10px}
.bullets{margin:0;padding-inline-start:20px;display:grid;gap:8px}
.bullets li{font-size:15.5px;color:var(--ink-soft)}
.pricing-plans{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;
  max-width:860px;margin:0 auto 28px;align-items:stretch;
}
.pricing-plans .pricebox{
  max-width:100%;width:100%;margin:0;display:flex;flex-direction:column;text-align:center;
  box-sizing:border-box;
}
.pricing-plans .pricebox ul{
  flex:1 1 auto;
}
.pricebox-plan-name{
  font-family:var(--display);font-weight:700;font-size:22px;margin:0 0 8px;color:var(--ink);
}
.pricing-plans .pricebox li.is-note{
  color:var(--ink-soft);font-size:14px;
}
.pricing-plans .pricebox li.is-note svg{
  color:var(--ink-faint);
}
.pricing-plans .pricebox-paid{
  background:#3F312C !important;border-color:#3F312C;color:#FBF6F0;
  box-shadow:0 30px 60px -24px rgba(63,49,44,.55);
}
.pricing-plans .pricebox-paid::before{
  background:linear-gradient(to left, #D4AF37, #F5E8C7, #D4AF37);
}
.pricing-plans .pricebox-paid .pricebox-plan-name{
  color:#FBF6F0;
}
.pricing-plans .pricebox-paid .amount{
  color:#F5E8C7;
}
.pricing-plans .pricebox-paid .approx{
  color:#C6B3A6;
}
.pricing-plans .pricebox-paid .once{
  color:#C6B3A6;
}
.pricing-plans .pricebox-paid li{
  color:#FBF6F0;
}
.pricing-plans .pricebox-paid li svg{
  color:#D4AF37;
}
.pricing-plans .pricebox-paid .trialtag{
  background:#C9A227;color:#2B211D;border-color:#C9A227;font-weight:700;
}
.pricing-plans .pricebox-paid .btn{
  background:#D4AF37;color:#2B211D;border-color:#D4AF37;font-weight:700;
}
.pricing-plans .pricebox-paid .btn:hover{
  background:#C9A227;color:#2B211D;
}
.pricing-plans .pricebox-paid .note{
  color:#C6B3A6;
}
@media (max-width:768px){
  .pricing-plans{grid-template-columns:1fr;gap:20px}
}
.pricebox{
  max-width:420px;margin-inline:auto;background:var(--paper);
  border:1px solid var(--rule);border-radius:20px;padding:30px 26px;text-align:center;
  box-shadow:0 2px 6px rgba(63,49,44,.05), 0 28px 56px -34px rgba(63,49,44,.5);
  position:relative;overflow:hidden;
}
section.band:nth-of-type(even) .pricebox{background:var(--surface)}
.pricebox::before{
  content:"";position:absolute;inset-inline:0;top:0;height:3px;
  background:linear-gradient(to left,var(--rose),var(--gold),var(--rose));
}
.pricebox .amount{
  font-family:var(--display);font-weight:700;font-size:52px;color:var(--rose);line-height:1;
  font-variant-numeric:tabular-nums;
}
.pricebox .approx{color:var(--ink-faint);font-size:14.5px;margin-top:4px}
.pricebox .once{font-size:14px;color:var(--ink-soft);margin-top:6px}
.pricebox ul{list-style:none;margin:20px 0 0;padding:0;text-align:start}
.pricebox li{display:flex;gap:10px;align-items:flex-start;padding-block:6px;font-size:15px}
.pricebox li svg{flex:0 0 auto;margin-top:6px;color:var(--sage)}
.pricebox .note{margin-top:18px;font-size:13px;color:var(--ink-faint)}
.pricebox .trialtag{
  display:inline-block;vertical-align:top;margin-bottom:14px;font-size:12.5px;line-height:1;
  background:var(--rose-soft);color:var(--rose-deep);
  border:1px solid var(--rule);border-radius:999px;padding:6px 14px;
}
.pr-pay{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:18px}
.pr-pay span{display:inline-flex;align-items:center;min-height:44px;padding:8px 18px;border-radius:999px;background:var(--surface);border:1px solid var(--rule);color:var(--ink);font-weight:500;font-size:15px}
.pr-pay span.is-jo{border-color:var(--rose);color:var(--rose)}
.cmp{max-width:760px;margin:28px auto 0;overflow-x:auto}
.cmp table{width:100%;border-collapse:collapse;font-size:14.5px;min-width:360px}
.cmp th,.cmp td{padding:11px 12px;text-align:start;border-bottom:1px solid var(--rule)}
.cmp thead th{
  font-size:12.5px;font-weight:500;color:var(--ink-faint);
  border-bottom:1px solid var(--ink-faint);
}
.cmp td{color:var(--ink-soft)}
.cmp td:first-child{color:var(--ink)}
.cmp .hi{color:var(--rose);font-weight:500}
.cmp tbody tr:last-child th,.cmp tbody tr:last-child td{border-bottom:0}
.auth-band{
  padding-block:48px;
  min-height:calc(100dvh - 180px);
  display:flex;align-items:center;justify-content:center;
}
.authbox{
  max-width:400px;width:100%;margin-inline:auto;background:var(--surface);
  border:1px solid var(--rule);border-radius:26px;padding:30px 24px 22px;
  box-shadow:var(--shadow-lg);text-align:center;position:relative;
}
.authbox .auth-close{
  position:absolute;top:16px;inset-inline-end:16px;width:32px;height:32px;
  border-radius:50%;background:color-mix(in srgb, var(--paper) 80%, var(--surface));
  border:1px solid var(--rule);display:grid;place-items:center;cursor:pointer;
  color:var(--ink-soft);transition:transform .2s ease, background .2s ease;
  font-size:15px;line-height:1;text-decoration:none;
}
.authbox .auth-close:hover{background:var(--raised);transform:scale(1.05);color:var(--ink);text-decoration:none}
.auth-mark-wrap{display:flex;justify-content:center;margin-bottom:12px}
.auth-mark-squircle{
  width:60px;height:60px;border-radius:18px;
  background:#FFF0F3;border:1.5px solid #FCD4DE;
  display:grid;place-items:center;padding:7px;
  box-shadow:0 4px 14px rgba(168,88,106,.15);
}
.auth-mark-squircle img{
  width:100%;height:100%;object-fit:contain;
}
.authbox h1{font-family:var(--display);font-size:23px;font-weight:700;margin:0 0 14px;color:var(--ink)}
.authbox .sub{color:var(--ink-soft);font-size:13.5px;line-height:1.5;margin:0 0 14px}
.auth-email{display:block;margin-top:4px;color:var(--ink);unicode-bidi:isolate;overflow-wrap:anywhere}
.auth-next-note{
  margin:-4px 0 14px;font-size:13px;line-height:1.6;color:var(--ui-success, #15803d);font-weight:600;
}
.auth-oauth-stack{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}
.btn-oauth{
  display:flex;align-items:center;justify-content:center;gap:10px;
  height:48px;border-radius:13px;font-size:14.5px;font-weight:600;
  text-decoration:none;transition:transform .22s var(--ease-spring), box-shadow .22s ease, filter .18s ease;
}
.btn-oauth:hover{transform:translateY(-2px);text-decoration:none}
.btn-oauth:active{transform:scale(.98)}
.btn-oauth.google{
  background:#FFFFFF;color:#1F2937;border:1px solid #D1D5DB;
  box-shadow:0 2px 4px rgba(0,0,0,.04);
}
.btn-oauth.google:hover{box-shadow:0 6px 16px rgba(0,0,0,.08);border-color:#9CA3AF;color:#111827}
.btn-oauth.facebook{background:#FFFFFF;color:#1F2937;border:1px solid #D1D5DB;box-shadow:0 2px 4px rgba(0,0,0,.04)}
.btn-oauth.facebook:hover{box-shadow:0 6px 16px rgba(0,0,0,.08);border-color:#9CA3AF;color:#111827}
.auth-inapp-note{margin:-2px 0 2px;font-size:12.5px;line-height:1.5;color:var(--ink-soft);text-align:center}
.auth-note{background:#FFF9E6;border:1px solid #F3E0A0;color:#7A5A14;font-size:13px;border-radius:12px;padding:10px 14px;margin-bottom:14px;line-height:1.6;text-align:start}
.auth-divider{
  display:flex;align-items:center;gap:12px;color:var(--ink-faint);
  font-size:12.5px;margin:14px 0;
}
.auth-divider::before,.auth-divider::after{content:"";flex:1;height:1px;background:var(--rule)}
.authbox form{display:grid;gap:10px;text-align:start}
.authbox .f{display:grid;gap:5px}
.authbox .lbl{font-size:12.5px;font-weight:600;color:var(--ink-soft)}
.authbox input,.authbox textarea{
  width:100%;font-family:var(--body);font-size:16px;box-sizing:border-box;color:var(--ink);
  background:color-mix(in srgb, var(--paper) 70%, var(--surface));
  border:1px solid var(--rule);border-radius:13px;padding:11px 15px;
  transition:border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
.authbox textarea{resize:vertical;line-height:1.7;min-height:150px}
.authbox input:focus,.authbox textarea:focus{
  outline:none;border-color:var(--rose);background:var(--surface);
  box-shadow:0 0 0 3px rgba(168,88,106,.15);
}
.authbox input.code{
  font-family:ui-monospace,Menlo,monospace;font-size:24px;letter-spacing:.38em;
  text-align:center;direction:ltr;padding-inline-start:.38em;
}
.pay-signin{margin-top:14px;text-align:start}
.pay-signin form{display:grid;gap:10px}
.pay-signin .f{display:grid;gap:5px}
.pay-signin .lbl{font-size:12.5px;font-weight:600;color:var(--ink-soft)}
.pay-signin input[type=email]{
  width:100%;font-family:var(--body);font-size:16px;color:var(--ink);
  background:color-mix(in srgb, var(--paper) 70%, var(--surface));
  border:1px solid var(--rule);border-radius:13px;padding:11px 15px;
  transition:border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
.pay-signin input[type=email]:focus{
  outline:none;border-color:var(--rose);background:var(--surface);
  box-shadow:0 0 0 3px rgba(168,88,106,.15);
}
.pay-safe{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;align-items:center;gap:6px}
.pay-safe li{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--ink-soft)}
.pay-safe .ic{width:16px;height:16px;flex:0 0 auto;color:var(--ui-success)}
.pay-safe .pay-safe-lock{color:var(--ink);font-weight:600}
.pay-safe .pay-safe-lock .ic{width:17px;height:17px}
.btn.block{display:flex;align-items:center;justify-content:center;width:100%;height:46px;border-radius:13px;font-size:15px;font-weight:700}
.or{display:flex;align-items:center;gap:12px;color:var(--ink-faint);font-size:13px;margin:14px 0}
.or::before,.or::after{content:"";flex:1;height:1px;background:var(--rule)}
.err{color:var(--rose-deep);font-size:13px;margin:0}
.fine{font-size:12px;color:var(--ink-faint);margin:8px 0 12px;text-align:center}
.auth-checklist{
  display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;
  gap:6px 14px;text-align:start;
  border-top:1px solid var(--rule);padding-top:12px;margin-top:6px;
  font-size:12px;color:var(--ink-soft);
}
.auth-check-item{display:flex;align-items:center;gap:6px}
.auth-check-item svg{color:#16A34A;flex-shrink:0;width:14px;height:14px}
@media (max-width:760px){
  .auth-band{
    padding-block:12px 16px;
    min-height:calc(100dvh - 135px);
  }
  .authbox{
    max-width:calc(100% - 24px);
    margin-inline:auto;
    padding:18px 16px 14px;
    border-radius:20px;
    box-shadow:0 6px 20px rgba(0,0,0,.06);
  }
  .authbox .auth-close{
    top:12px;inset-inline-end:12px;width:28px;height:28px;font-size:13px;
  }
  .auth-mark-wrap{margin-bottom:6px}
  .auth-mark-squircle{
    width:46px;height:46px;border-radius:14px;padding:5px;
  }
  .authbox h1{font-size:18px;margin:0 0 8px}
  .authbox .sub{font-size:12.5px;margin:0 0 10px;line-height:1.45}
  .auth-oauth-stack{margin-bottom:10px}
  .btn-oauth{height:42px;border-radius:11px;font-size:13.5px}
  .auth-divider{margin:8px 0;font-size:11.5px}
  .authbox form{gap:8px}
  .authbox .f{gap:4px}
  .authbox .lbl{font-size:12px}
  .authbox input{padding:9px 12px;font-size:16px;border-radius:11px}
  .authbox input.code{font-size:20px;letter-spacing:.32em;padding-inline-start:.32em}
  .btn.block{height:42px;border-radius:11px;font-size:14px}
  .fine{font-size:11px;margin:5px 0 8px}
  .auth-checklist{
    gap:4px 10px;padding-top:8px;margin-top:4px;font-size:11px;
  }
  .auth-check-item{gap:4px}
  .auth-check-item svg{width:12px;height:12px}
}
.ic{width:1.15em;height:1.15em;flex:none;vertical-align:-.2em;display:inline-block}
[dir="rtl"] .ic-flip{transform:scaleX(-1)}
.pub-paid-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--rose-soft);color:var(--rose)}
.pub-paid-icon .ic{width:22px;height:22px}
.guarantee-icon{display:inline-flex;color:var(--rose)}
.guarantee-icon .ic{width:16px;height:16px}
.vip-tier-badge .ic,.pub-rsvp-alert .ic{width:15px;height:15px}
.pub-go-head h3{display:flex;align-items:center;gap:8px}
.pub-go-head h3 .ic{color:var(--ui-success);width:22px;height:22px}
.dash-perk .ic,.del-tip-box .ic{color:var(--rose);width:18px;height:18px}
.ws-wa-acts .btn .ic{width:16px;height:16px}
.ivh{width:100%;max-width:980px;margin:0 auto 18px;display:grid;gap:8px;box-sizing:border-box}
.ivh-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.ivh-back{
  display:inline-flex;align-items:center;gap:5px;font-size:13.5px;font-weight:600;
  color:var(--ink-soft);text-decoration:none !important;transition:color .15s ease;
}
.ivh-back:hover{color:var(--rose)}
.ivh-back,.acct-back{min-height:44px;margin-block:-10px}
.acct-back{display:inline-flex;align-items:center}
.ui-banner a{display:inline-block;padding-block:10px;margin-block:-10px}
[dir="rtl"] .ivh-back svg{transform:scaleX(-1)}
.ivh-acts{display:flex;align-items:center;gap:8px}
.ivh-inbar .ivh-top{justify-content:flex-end}
.ivh.ivh-empty{margin:0;gap:0}
@media (max-width:760px){
  .ivh-quiet .ivh-top{display:none}
  .ivh.ivh-empty-sm{margin:0;gap:0}
}
.ivh-act{
  display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 13px;border-radius:12px;
  border:1px solid var(--rule);background:var(--surface);font-size:13px;font-weight:600;
  color:var(--ink) !important;text-decoration:none !important;transition:border-color .15s ease,color .15s ease;
  box-sizing:border-box;
}
.ivh-act:hover{border-color:var(--rose);color:var(--rose) !important}
.ivh-cta-form{display:contents}
.ivh-cta{
  display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 16px;
  border-radius:12px;border:0;background:var(--rose-btn);color:#FFFCF8 !important;
  font:inherit;font-size:14px;font-weight:700;white-space:nowrap;cursor:pointer;
  text-decoration:none !important;box-shadow:0 4px 14px -6px rgba(168,88,106,.7);
  transition:filter .15s ease, transform .15s ease;box-sizing:border-box;
}
.ivh-cta:hover{filter:brightness(1.07)}
.ivh-cta:active{transform:scale(.97)}
.ivh-cta[hidden]{display:none}
.ivh-cta.is-update{gap:8px}
.ivh-cta.is-update::before{
  content:"";width:7px;height:7px;border-radius:50%;background:#FFFCF8;flex:0 0 auto;
  box-shadow:0 0 0 0 rgba(255,252,248,.7);animation:ivhPend 2s infinite;
}
.ws-upd-go.is-update::before{display:none}
@keyframes ivhPend{0%{box-shadow:0 0 0 0 rgba(255,252,248,.7)}70%{box-shadow:0 0 0 6px rgba(255,252,248,0)}100%{box-shadow:0 0 0 0 rgba(255,252,248,0)}}
@media (prefers-reduced-motion: reduce){.ivh-cta.is-update::before{animation:none}}
.ivh-main{display:flex;align-items:center;gap:6px 12px;flex-wrap:wrap;margin-top:4px}
.ivh-title{
  margin:0;font-family:var(--display);font-size:24px;font-weight:700;color:var(--ink);
  line-height:1.3;overflow-wrap:anywhere;
}
.ivh-meta{font-size:13px;color:var(--ink-soft)}
.ivh-sw{position:relative;flex:none;min-width:0;max-width:100%}
.ivh-sw-btn .ivh-title{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ivh-sw-btn{list-style:none;display:inline-flex;align-items:center;gap:8px;cursor:pointer;border-radius:12px;padding:0;margin:0;max-width:100%}
.ivh-sw-btn::-webkit-details-marker{display:none}
.ivh-sw-btn::marker{content:""}
.ivh-sw-btn:hover .ivh-sw-ico{background:var(--rose-soft);color:var(--rose-deep);border-color:color-mix(in srgb,var(--rose) 30%,var(--rule))}
.ivh-sw-btn:focus-visible{outline:2px solid var(--rose);outline-offset:2px}
.ivh-sw-ico{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;border:1px solid var(--rule);background:var(--surface);color:var(--ink-soft);transition:background-color .15s,color .15s,border-color .15s}
.ivh-sw[open] .ivh-sw-ico{background:var(--rose-soft);color:var(--rose-deep)}
.ivh-sw-menu{position:absolute;z-index:60;top:calc(100% + 8px);inset-inline-start:0;width:min(340px,calc(100vw - 32px));max-height:min(60vh,440px);overflow:auto;
  padding:8px;border:1px solid var(--rule);border-radius:16px;background:var(--surface);box-shadow:0 18px 44px -18px rgba(40,20,20,.35);box-sizing:border-box;
  animation:ivhSwIn .16s ease both}
@keyframes ivhSwIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){.ivh-sw-menu{animation:none}}
.ivh-sw-h{display:block;padding:6px 10px 4px;font-size:12px;font-weight:700;color:var(--ink-faint)}
.ivh-sw-menu ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.ivh-sw-item{display:flex;align-items:center;gap:10px;padding:10px;border-radius:11px;color:var(--ink) !important;text-decoration:none !important;min-height:44px;box-sizing:border-box}
.ivh-sw-item:hover,.ivh-sw-item:focus-visible{background:color-mix(in srgb,var(--rose-soft) 55%,var(--surface))}
.ivh-sw-item.is-cur{background:color-mix(in srgb,var(--rose-soft) 70%,var(--surface))}
.ivh-sw-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.ivh-sw-t b{font-size:14.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ivh-sw-t small{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-soft)}
.ivh-sw-t .pub-status-dot{flex:none}
.ivh-sw-check{flex:none;color:var(--rose-deep);font-weight:800}
.ivh-sw-all{display:block;margin-top:4px;padding:10px;border-top:1px solid var(--rule);font-size:13px;font-weight:700;text-align:center;color:var(--rose-deep) !important;text-decoration:none !important}
.ivh-up{
  display:flex;align-items:center;gap:14px;margin-top:4px;padding:14px 16px;border-radius:18px;
  background:linear-gradient(120deg,var(--surface) 0%,color-mix(in srgb,var(--rose-soft) 70%,var(--surface)) 100%);
  border:1px solid color-mix(in srgb,var(--rose) 22%,var(--rule));color:var(--ink) !important;text-decoration:none !important;
  box-shadow:0 8px 24px -18px rgba(120,40,60,.55);transition:transform .15s ease, box-shadow .15s ease;box-sizing:border-box;
}
.ivh-up:hover{transform:translateY(-1px);box-shadow:0 12px 26px -16px rgba(120,40,60,.55)}
.ivh-up-ico{flex:none;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;color:#FFFCF8;
  background:linear-gradient(140deg,var(--rose) 0%,var(--rose-deep) 100%);box-shadow:0 6px 14px -8px rgba(120,40,60,.8)}
.ivh-up-ico .ic{width:22px;height:22px}
.ivh-up-t{display:grid;gap:3px;min-width:0;flex:1}
.ivh-up-t b{font-size:16px;font-weight:800;color:var(--ink);line-height:1.45}
.ivh-up-t small{font-size:13px;line-height:1.65;color:var(--ink-soft)}
.ivh-up-btn{
  flex:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:12px;
  background:var(--pay-grad);color:#FFFFFF;font-size:14.5px;font-weight:800;white-space:nowrap;box-shadow:0 6px 14px -8px var(--pay-shadow);
}
.ivh-up-btn .ic{width:17px;height:17px}
.ivh-up:hover .ivh-up-btn{filter:brightness(1.07)}
.ivh-up:focus-visible{outline:2px solid var(--rose);outline-offset:2px}
@media (max-width:560px){
  .ivh-up{flex-wrap:wrap;gap:12px;padding:14px}
  .ivh-up-ico{width:42px;height:42px}
  .ivh-up-t{flex:1 1 calc(100% - 56px)}
  .ivh-up-t b{font-size:15px}
  .ivh-up-btn{flex:1 1 100%}
}
.ivh-tabs{
  display:flex;gap:4px;padding:4px;margin-top:6px;border-radius:14px;
  background:var(--raised);border:1px solid var(--rule);
}
.ivh-tab{
  flex:1 1 0;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:7px;
  padding:10px 12px;border-radius:10px;font-size:14px;font-weight:700;white-space:nowrap;
  color:var(--ink-soft) !important;text-decoration:none !important;
  transition:background .15s ease,color .15s ease,box-shadow .15s ease;
}
.ivh-tab svg{width:17px;height:17px;flex:0 0 auto}
.ivh-tab:hover{color:var(--ink) !important}
.ivh-tab.is-active{background:var(--surface);color:var(--rose) !important;box-shadow:0 1px 5px rgba(0,0,0,.08)}
.ivh-count{
  font-size:11.5px;font-weight:800;line-height:1.5;padding:0 7px;border-radius:999px;
  background:var(--rose-soft);color:var(--rose);font-variant-numeric:tabular-nums;
}
.ivh-dot{width:7px;height:7px;border-radius:50%;background:var(--rose);flex:0 0 auto}
.ws-count{font-variant-numeric:tabular-nums}
.ivh.ivh-ed{
  position:sticky;top:0;z-index:30;max-width:none;margin:0;gap:4px;
  padding:10px max(20px, calc((100% - 1240px) / 2)) 10px;
  background:var(--surface);border-bottom:1px solid var(--rule);
}
.ivh.ivh-ed .ivh-main{margin-top:0}
.ivh.ivh-ed .ivh-title{font-size:19px}
.ivh.ivh-ed .ivh-tabs{margin-top:4px;max-width:560px}
.ivh.ivh-ed .ivh-tab{padding:8px 10px;font-size:13.5px}
.ivh.ivh-ed .ivh-up{grid-column:1/-1;margin-top:2px;padding:8px 10px;gap:12px;border-radius:14px}
.ivh.ivh-ed .ivh-up-ico{width:36px;height:36px;border-radius:11px}
.ivh.ivh-ed .ivh-up-ico .ic{width:18px;height:18px}
.ivh.ivh-ed .ivh-up-t{display:flex;align-items:baseline;gap:10px;min-width:0}
.ivh.ivh-ed .ivh-up-t b{font-size:14.5px;white-space:nowrap}
.ivh.ivh-ed .ivh-up-t small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.ivh.ivh-ed .ivh-up-btn{min-height:38px;padding:0 14px;font-size:13.5px}
@media (max-width:760px){
  .ivh.ivh-ed .ivh-up{flex-wrap:nowrap}
  .ivh.ivh-ed .ivh-up-t small{display:none}
  .ivh.ivh-ed .ivh-up-t{flex:1 1 auto}
  .ivh.ivh-ed .ivh-up-t b{white-space:normal;font-size:13.5px}
  .ivh.ivh-ed .ivh-up-btn{flex:none}
}
@media (min-width:1100px){
  .ivh.ivh-ed{grid-template-columns:auto minmax(0,1fr) minmax(360px,480px) auto;align-items:center;gap:16px}
  .ivh.ivh-ed .ivh-top{display:contents}
  .ivh.ivh-ed .ivh-back{grid-column:1;grid-row:1}
  .ivh.ivh-ed .ivh-main{grid-column:2;grid-row:1;flex-wrap:nowrap;min-width:0}
  .ivh.ivh-ed .ivh-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
  .ivh.ivh-ed .ivh-tabs{grid-column:3;grid-row:1;margin-top:0;max-width:none}
  .ivh.ivh-ed .ivh-acts{grid-column:4;grid-row:1}
  .ivh.ivh-ed .pub-status-badge{white-space:nowrap}
  .ivh.ivh-ed{grid-template-columns:auto minmax(0,1fr) auto}
  .ivh.ivh-ed .ivh-acts{grid-column:3}
}
@media (max-width:760px){
  .ivh-title{font-size:20px}
  .ivh-act{padding:0 10px}
  .ivh-act.ivh-prev span{display:none}
  .ivh-act.ivh-prev-desk{display:none}
  .ivh-cta{padding:0 13px;font-size:13.5px}
  .ivh.ivh-ed{padding:8px 14px}
  .ivh.ivh-ed .ivh-title{font-size:17px}
  .ivh.ivh-ed .pub-status-badge{font-size:11.5px;padding:3px 10px}
}
.ws-opt{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 16px;
  padding:12px 14px;border-radius:14px;background:var(--surface);border:1px solid var(--rule);
}
.ws-opt-lbl{font-size:13.5px;font-weight:600;color:var(--ink-soft);margin-inline-end:2px}
.ws-opt-chip{
  display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;
  background:var(--rose-soft);color:var(--rose-deep) !important;font-size:13px;font-weight:600;
  text-decoration:none !important;
}
.ws-opt-chip:hover{filter:brightness(.97)}
.ws-wa{
  display:grid;gap:12px;margin-top:16px;background:var(--surface);border:1.5px solid var(--rule);
  border-radius:18px;padding:20px 22px;box-shadow:var(--shadow);box-sizing:border-box;width:100%;
}
@media (max-width:600px){ .ws-wa{padding:16px 14px;border-radius:16px} }
.ws-wa-h{display:flex;align-items:center;gap:8px;margin:0;font-family:var(--display);font-size:18.5px;font-weight:700;color:var(--ink)}
.ws-wa-chat{padding:12px;border-radius:14px;background:#E7DED4}
[data-theme="dark"] .ws-wa-chat{background:#1F2A26}
.ws-wa-bubble{
  max-width:340px;background:#DCF3C8;border-radius:12px;padding:6px;display:grid;gap:6px;
  box-shadow:0 1px 1px rgba(0,0,0,.08);color:#1F2A1C;
}
[dir="rtl"] .ws-wa-bubble{margin-inline-start:auto}
[data-theme="dark"] .ws-wa-bubble{background:#1E4D3A;color:#E9F3E4}
.ws-wa-img{width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover;border-radius:8px;display:block;background:#EFE3D3}
.ws-wa-meta{display:grid;gap:2px;padding:6px 8px;border-radius:8px;background:rgba(0,0,0,.05)}
.ws-wa-meta b{font-size:13.5px;line-height:1.4}
.ws-wa-meta span{font-size:12.5px;line-height:1.5;opacity:.8}
.ws-wa-meta small{font-size:11.5px;opacity:.6}
.ws-wa-msg{margin:0;padding:2px 6px 4px;font-size:13.5px;line-height:1.7;white-space:pre-line}
.ws-wa-acts{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.ws-wa-inline{display:inline}
.ws-wa-note{margin:0;font-size:12.5px;color:var(--ui-danger)}
.ws-wa-note:empty{display:none}
.ws-wa-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.ws-wa-q{
  flex:none;width:34px;height:34px;border-radius:50%;border:1.5px solid var(--rule);background:var(--paper);
  color:var(--ink-soft);font:700 16px/1 var(--body);cursor:pointer;display:grid;place-items:center;position:relative;
}
.ws-wa-q::after{content:"";position:absolute;inset:-6px}
.ws-wa-q:hover,.ws-wa-q[aria-expanded="true"]{border-color:var(--rose);color:var(--rose-deep);background:var(--rose-soft)}
.ws-wa-help{padding:12px 14px;border-radius:14px;background:var(--paper);border:1px solid var(--rule)}
.ws-wa-help dl{margin:0;display:grid;gap:4px}
.ws-wa-help dt{font-size:13.5px;font-weight:700;color:var(--ink);margin-top:6px}
.ws-wa-help dt:first-child{margin-top:0}
.ws-wa-help dd{margin:0;font-size:13px;line-height:1.75;color:var(--ink-soft)}
.ws-wa-acts .btn[aria-expanded="true"]{border-color:var(--rose);color:var(--rose-deep);background:var(--rose-soft)}
.ws-wa-edit{display:grid;gap:14px;padding:14px;border-radius:14px;background:var(--paper);border:1px solid var(--rule)}
.ws-wa-edit[hidden]{display:none}
.ws-wa-grp{display:grid;gap:8px}
.ws-wa-grp+.ws-wa-grp{padding-top:14px;border-top:1px dashed var(--rule)}
.ws-wa-grp-h{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:32px}
.ws-wa-grp-h b{font-size:14.5px;color:var(--ink)}
.ws-wa-grp-h .linkbtn{min-height:44px;padding:4px 2px;font-size:12.5px;text-decoration:none;color:var(--rose-deep);font-weight:600}
.ws-wa-edit .ui-textarea{font-size:16px;line-height:1.7;resize:vertical}
.ws-wa-edit .f{display:grid;gap:5px;margin:0}
.ws-wa-edit .lbl{font-size:13px;font-weight:600;color:var(--ink-soft)}
.ws-wa-edit .lbl small{font-weight:500;color:var(--ink-faint)}
.ws-wa-tags{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.ws-wa-tags>span{font-size:12.5px;color:var(--ink-faint)}
.ws-wa-tag{
  min-height:40px;padding:4px 12px;border-radius:999px;border:1px solid var(--rule);background:var(--surface);
  font:600 12.5px/1 var(--body);color:var(--ink-soft);cursor:pointer;position:relative;
}
.ws-wa-tag::after{content:"";position:absolute;inset:-2px 0}
.ws-wa-tag:hover{border-color:#25D366;color:#128C4B;background:#EAF8EF}
.ws-wa-save{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.ws-wa-save small{flex-basis:100%;font-size:12px;color:var(--ink-faint)}
.gsw-lite{display:flex;align-items:center;gap:8px;font-size:14px}
.gsw-lite input{width:18px;height:18px;accent-color:var(--rose)}
.pub-status-badge{
  display:inline-flex;align-items:center;gap:7px;font-size:12.5px;
  font-weight:700;padding:5px 14px;border-radius:999px;
  border:1px solid var(--rule);background:var(--paper);color:var(--ink-soft);
}
.pub-status-badge.pub-status-trial,.pub-status-badge.pub-status-free{
  background:rgba(245,158,11,0.09);border-color:rgba(245,158,11,0.3);color:#b45309;
}
.pub-status-badge.pub-status-expired{
  background:rgba(225,29,72,0.09);border-color:rgba(225,29,72,0.3);color:#be123c;
}
.pub-status-badge.pub-status-paid{
  background:rgba(16,185,129,0.09);border-color:rgba(16,185,129,0.3);color:#047857;
}
.pub-status-badge.pub-status-draft{
  background:var(--paper);border-color:var(--rule);color:var(--ink-soft);
}
.pub-status-dot{
  width:8px;height:8px;border-radius:50%;flex-shrink:0;
}
.pub-status-dot.live{background:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,0.25)}
.pub-status-dot.trial{background:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,0.25)}
.pub-status-dot.expired{background:#e11d48;box-shadow:0 0 0 3px rgba(225,29,72,0.25)}
.pub-status-dot.paid{background:#10b981}
.pub-status-dot.draft{background:var(--ink-faint)}
.pub-title{
  font-family:var(--display);font-size:24px;font-weight:700;color:var(--ink);
  margin:0;line-height:1.25;letter-spacing:-0.01em;
}
.pub-layout{
  display:flex;flex-direction:column;gap:16px;width:100%;max-width:980px;margin:0 auto;
}
.pub-main-col{
  display:flex;flex-direction:column;gap:16px;min-width:0;
}
.pub-sidebar{
  display:contents;
}
@media (min-width:1024px){
  .pub-layout{
    display:grid;grid-template-columns:1fr 360px;gap:24px;align-items:start;
  }
  .pub-layout.is-solo{grid-template-columns:minmax(0,660px);justify-content:center}
  .pub-sidebar{
    display:flex;flex-direction:column;gap:16px;position:sticky;top:20px;
  }
}
.pub-card-share{
  background:var(--surface);border:1.5px solid var(--rule);border-radius:18px;
  padding:22px 24px;box-shadow:var(--shadow);box-sizing:border-box;width:100%;
}
.pub-card-share h3{
  font-family:var(--display);font-size:18.5px;font-weight:700;margin:0;color:var(--ink);
  display:flex;align-items:center;gap:8px;
}
.live-indicator-badge{
  display:inline-flex;align-items:center;gap:8px;padding:4px 12px;border-radius:999px;
  background:#ecfdf5;color:#047857;font-size:12px;font-weight:700;border:1px solid #a7f3d0;
}
.pulse-dot{
  width:7px;height:7px;border-radius:50%;background:#10b981;
  box-shadow:0 0 0 0 rgba(16,185,129,0.7);animation:pulse 2s infinite;
}
@keyframes pulse{
  0%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(16,185,129,0.7)}
  70%{transform:scale(1);box-shadow:0 0 0 6px rgba(16,185,129,0)}
  100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(16,185,129,0)}
}
.linkrow{display:flex;gap:8px;align-items:center;margin:10px 0 12px;width:100%;box-sizing:border-box}
.linkrow input{
  flex:1;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;
  font-size:13.5px;direction:ltr;background:var(--paper);border:1.5px solid var(--rule);
  border-radius:10px;padding:10px 14px;color:var(--ink);font-weight:600;
  box-sizing:border-box;transition:border-color .15s ease;
}
.linkrow input:focus{border-color:var(--rose);outline:none;background:#fff}
.linkrow-url{
  flex:1;min-width:0;display:block;box-sizing:border-box;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;font-size:13px;line-height:1.45;
  direction:ltr;text-align:left;unicode-bidi:isolate;
  background:var(--paper);border:1.5px solid var(--rule);border-radius:10px;
  padding:9px 12px;color:var(--ink);font-weight:600;
  overflow-wrap:anywhere;word-break:break-all;user-select:all;-webkit-user-select:all;
}
.linkrow .btn{
  flex:0 0 auto;min-height:42px;padding:0 18px;font-weight:700;border-radius:10px;font-size:13.5px;
}
.pub-quick-acts{
  display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-top:8px;
}
.btn-wa-hero{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  background:#25D366;border:1px solid #1ebe5d;color:#ffffff !important;font-size:14px;font-weight:700;
  border-radius:10px;min-height:44px;padding:0 16px;text-decoration:none !important;
  box-shadow:0 3px 10px rgba(37,211,102,0.25);transition:all .15s ease;
}
.btn-wa-hero:hover{
  background:#1ebe5d;transform:translateY(-1px);color:#fff !important;
  box-shadow:0 4px 14px rgba(37,211,102,0.35);
}
.pub-rsvp{
  display:grid;gap:8px;padding:16px 20px;border-radius:18px;box-sizing:border-box;width:100%;
  background:var(--surface);border:1.5px solid var(--rule);box-shadow:var(--shadow);
  text-decoration:none !important;color:var(--ink) !important;
  transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease;
}
.pub-rsvp:hover{border-color:var(--rose);transform:translateY(-1px);box-shadow:var(--shadow-lg)}
.pub-rsvp-top{display:flex;align-items:center;gap:10px}
.pub-rsvp-top strong{flex:1;font-family:var(--display);font-size:17px;font-weight:700}
.pub-rsvp-icon{
  width:36px;height:36px;border-radius:11px;display:grid;place-items:center;flex:0 0 auto;
  background:rgba(168,88,106,0.1);color:var(--rose);
}
.pub-rsvp-arrow{color:var(--ink-faint);font-size:18px;transition:transform .16s ease,color .16s ease}
[dir="rtl"] .pub-rsvp:hover .pub-rsvp-arrow{transform:translateX(-4px);color:var(--rose)}
[dir="ltr"] .pub-rsvp:hover .pub-rsvp-arrow{transform:translateX(4px);color:var(--rose)}
.pub-rsvp-nums{display:flex;flex-wrap:wrap;gap:6px}
.pub-rsvp-nums span{
  display:inline-flex;align-items:baseline;gap:4px;padding:5px 11px;border-radius:999px;
  font-size:12.5px;font-weight:600;border:1px solid var(--rule);background:var(--paper);color:var(--ink-soft);
}
.pub-rsvp-nums b{font-size:15px;font-weight:800;font-variant-numeric:tabular-nums}
.pub-rsvp-nums .is-yes b{color:var(--ui-success, #047857)}
.pub-rsvp-nums .is-no b{color:var(--ui-danger, #be123c)}
.pub-rsvp-nums .is-wait b{color:var(--ink)}
.pub-rsvp-sub{font-size:13px;line-height:1.65;color:var(--ink-soft)}
.pub-rsvp-alert{
  justify-self:start;display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;
  font-size:12px;font-weight:700;background:var(--rose-soft);color:var(--rose);
}
@media (max-width:640px){
  .pub-rsvp{padding:16px;border-radius:16px}
}
.pub-rsvp-cta{
  display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;margin-top:4px;
  border-radius:12px;background:var(--rose-btn);color:#fff;font-size:15px;font-weight:700;
  box-shadow:0 3px 10px rgba(168,88,106,0.25);
}
.pub-rsvp:hover .pub-rsvp-cta{filter:brightness(1.05)}
.pub-rsvp-nums small{font-size:12px;font-weight:600;color:var(--ink-soft)}
.btn-wa-hero.is-quiet{
  background:transparent;color:#128C4B !important;border:1.5px solid #9BE3B7;box-shadow:none;
}
.btn-wa-hero.is-quiet:hover{background:#ECFBF2;color:#0E7A40 !important;box-shadow:none}
[data-theme="dark"] .btn-wa-hero.is-quiet{color:#7BE0A6 !important;border-color:#2F6B47}
[data-theme="dark"] .btn-wa-hero.is-quiet:hover{background:#12291C}
.pub-go{
  background:var(--surface);border:1.5px solid var(--rule);border-radius:20px;
  padding:24px;box-shadow:var(--shadow);box-sizing:border-box;width:100%;
  display:flex;flex-direction:column;gap:14px;
}
.pub-go-head{display:flex;flex-direction:column;gap:4px;text-align:center}
.pub-go-head h3{font-family:var(--display);font-size:21px;font-weight:700;margin:0;color:var(--ink)}
.pub-go-row{position:relative;display:flex;align-items:center;gap:10px}
.pub-go-form{margin:0;flex:1;min-width:0}
.pub-go .btn-publish-cta{
  min-height:58px;border-radius:999px;font-size:17px;padding:0 22px;gap:12px;
  background:linear-gradient(135deg, #B8647A 0%, #A8586A 45%, #8E4557 100%);color:#fff;
  box-shadow:0 10px 26px -10px rgba(142,69,87,.65), inset 0 1px 0 rgba(255,255,255,.22);
}
.pub-go .btn-publish-cta:hover{transform:translateY(-2px);box-shadow:0 14px 30px -10px rgba(142,69,87,.75), inset 0 1px 0 rgba(255,255,255,.22)}
.pub-go .btn-publish-cta:active{transform:translateY(0)}
.pub-go .btn-publish-cta:focus-visible{outline:2px solid #A8586A;outline-offset:3px}
.cta-main{display:inline-flex;align-items:center;gap:8px}
.cta-free{
  display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;
  background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.35);
  font-size:12.5px;font-weight:700;letter-spacing:.2px;
}
.pub-help{flex:0 0 auto}
.pub-help-q{
  list-style:none;width:44px;height:44px;border-radius:50%;box-sizing:border-box;
  display:flex;align-items:center;justify-content:center;cursor:pointer;
  border:1.5px solid var(--rule);background:var(--paper);color:var(--ink-soft);
  font-size:19px;font-weight:700;font-family:var(--body);user-select:none;
  transition:border-color .15s ease,color .15s ease,background .15s ease;
}
.pub-help-q::-webkit-details-marker{display:none}
.pub-help-q::marker{content:""}
.pub-help-q:hover,.pub-help[open] .pub-help-q{border-color:var(--rose);color:var(--rose-deep);background:var(--rose-soft)}
.pub-help-q:focus-visible{outline:2px solid var(--rose);outline-offset:2px}
.pub-help-pop{
  position:absolute;inset-inline:0;top:calc(100% + 10px);z-index:20;
  background:var(--surface);border:1px solid var(--rule);border-radius:14px;
  padding:14px 16px;box-shadow:var(--shadow-lg);
  font-size:13.5px;line-height:1.75;color:var(--ink);text-align:start;
}
.pub-help-pop strong{display:block;font-size:14px;margin:0 0 4px;color:var(--ink)}
.pub-help-pop ul{margin:0;padding-inline-start:18px}
.pub-go-preview{
  align-self:center;display:inline-flex;align-items:center;min-height:44px;
  font-size:13.5px;font-weight:600;color:var(--ink-soft) !important;
  text-decoration:underline;text-underline-offset:4px;
}
.pub-go-preview:hover{color:var(--rose) !important}
@media (max-width:640px){
  .pub-go{padding:20px 16px;border-radius:18px}
  .pub-go-head h3{font-size:19px}
  .pub-go .btn-publish-cta{font-size:16px;padding:0 16px}
}
.pub-go .pub-go-form{display:flex;flex-direction:column;gap:16px}
.pgo-sub{margin:0;font-size:14px;color:var(--ink-soft);line-height:1.6}
.pgo-slug{display:flex;flex-direction:column;gap:6px}
.pgo-slug-lbl{font-size:13.5px;font-weight:700;color:var(--ink)}
.pgo-slug-box{
  display:flex;align-items:stretch;direction:ltr;border:1.5px solid var(--rule);border-radius:12px;
  overflow:hidden;background:var(--paper);transition:border-color .15s ease;
}
.pgo-slug-box:focus-within{border-color:var(--rose)}
.pgo-slug-box.is-bad{border-color:#D64545}
.pgo-slug-pre{
  display:flex;align-items:center;padding:0 10px;background:var(--raised);color:var(--ink-soft);
  font-size:14px;font-weight:600;white-space:nowrap;border-inline-end:1px solid var(--rule);user-select:none;
}
.pgo-slug-box input{
  flex:1;min-width:0;min-height:48px;border:0;background:transparent;padding:0 10px;
  font:inherit;font-size:16px;font-weight:700;color:var(--rose-deep);outline:none;
}
.pgo-slug-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.pgo-slug-msg{font-size:12.5px;font-weight:600;line-height:1.5;color:var(--ink-soft);min-height:18px}
.pgo-slug-msg.is-ok{color:#2F7A4F}
.pgo-slug-msg.is-bad{color:#B42318}
[data-theme="dark"] .pgo-slug-msg.is-ok{color:#7BE0A6}
[data-theme="dark"] .pgo-slug-msg.is-bad{color:#FF8A80}
.pgo-suggest{min-height:44px;font-size:13px;font-weight:600;margin-inline-start:auto}
.pgo-opt{border:1.5px solid var(--rule);border-radius:16px;overflow:hidden;background:var(--paper)}
.pub-main-col > .pgo-opt{background:var(--surface);box-shadow:var(--shadow)}
.pgo-opt summary{
  list-style:none;display:flex;align-items:center;gap:12px;min-height:64px;padding:10px 14px;
  cursor:pointer;box-sizing:border-box;
}
.pgo-opt summary::-webkit-details-marker{display:none}
.pgo-opt summary::marker{content:""}
.pgo-opt summary:focus-visible{outline:2px solid var(--rose);outline-offset:-2px}
.pgo-opt-ico{
  flex:none;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;
  background:#FFF6DC;color:#7A5C00;
}
[data-theme="dark"] .pgo-opt-ico{background:#2E2613;color:var(--gold-rich)}
.pgo-opt-ico .ic{width:19px;height:19px}
.pgo-opt-t{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.pgo-opt-t b{font-size:14.5px;color:var(--ink)}
.pgo-opt-t small{font-size:12.5px;color:var(--ink-soft);line-height:1.5}
.pgo-opt-more{flex:none;color:var(--rose);display:grid;place-items:center;transition:transform .2s ease}
.pgo-opt-more .ic{width:18px;height:18px;transform:rotate(90deg)}
.pgo-opt[open] .pgo-opt-more{transform:rotate(180deg)}
.pgo-opt-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}
.pgo-opt-list li + li{border-top:1px solid var(--rule)}
.pgo-opt-list a{
  display:flex;align-items:center;gap:12px;min-height:56px;padding:10px 14px;box-sizing:border-box;
  text-decoration:none !important;color:var(--ink) !important;background:var(--surface);
}
.pgo-opt-list a:hover{background:var(--rose-soft)}
.pgo-opt-dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--rule)}
.pgo-opt-name{display:flex;flex-direction:column;flex:1;min-width:0}
.pgo-opt-name b{font-size:14px}
.pgo-opt-name small{font-size:12px;color:var(--ink-soft);line-height:1.5}
.pgo-opt-add{flex:none;font-size:13px;font-weight:700;color:var(--rose)}
.pgo-trust{
  list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;
  font-size:13px;font-weight:600;color:var(--ink);
}
.pgo-trust li{display:inline-flex;align-items:center;gap:5px}
.pgo-trust .ic{width:15px;height:15px;color:#2F7A4F}
[data-theme="dark"] .pgo-trust .ic{color:#7BE0A6}
.pgo-note{margin:0;font-size:12.5px;line-height:1.7;color:var(--ink-soft);text-align:center}
.pub-go.pgo-grid{
  display:grid;grid-template-columns:104px minmax(0,1fr);column-gap:14px;row-gap:14px;
  grid-template-areas:"phone head" "slug slug" "cta cta" "opt opt" "safe safe" "trust trust";
  align-items:start;
}
.pgo-grid .pub-go-head{grid-area:head;text-align:start;gap:6px;align-self:center}
.pgo-meta{margin:0;font-size:13px;color:var(--ink-soft);line-height:1.6}
.pgo-grid .pgo-safe{grid-area:safe}
.pgo-safe{margin:0;display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:14px;
  background:color-mix(in srgb,var(--ui-success) 11%,var(--surface));color:var(--ink);font-size:13px;font-weight:500;line-height:1.65}
.pgo-safe .ic{flex:none;width:17px;height:17px;margin-top:2px;color:var(--ui-success)}
.pgo-grid .pgo-slug{gap:2px}
.pgo-slug-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.pgo-slug-top .pgo-slug-lbl{font-size:14.5px}
.pgo-slug-top .pgo-suggest{display:inline-flex;align-items:center;gap:5px;padding-inline:2px;text-decoration:none;color:var(--rose-deep);white-space:nowrap;flex:none}
.pgo-suggest .ic{width:14px;height:14px}
.pgo-slug-okmark{display:none;align-items:center;gap:4px;padding:0 10px 0 4px;font-size:12.5px;font-weight:700;color:#2F7A4F;white-space:nowrap;user-select:none}
.pgo-slug-okmark .ic{width:15px;height:15px;stroke-width:2.8}
.pgo-slug-box.is-ok .pgo-slug-okmark{display:inline-flex}
[data-theme="dark"] .pgo-slug-okmark{color:#7BE0A6}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) .pgo-slug-okmark{color:#7BE0A6} }
@media (max-width:380px){ .pgo-slug-okmark span{display:none} }
html[lang="en"] .pgo-slug-okmark span{display:none}
.pgo-grid .pgo-slug-msg:empty{display:none}
.pgo-grid .pgo-slug-msg.is-plain{position:absolute;width:1px;height:1px;min-height:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.pgo-fold .pgo-opt-ico{background:#E6F6EC;color:#1F7A45}
[data-theme="dark"] .pgo-fold .pgo-opt-ico{background:#16301F;color:#7BE0A6}
.pgo-fold > .ws-wa{border:0;border-top:1px solid var(--rule);border-radius:0;box-shadow:none;background:transparent;margin:0}
.pgo-fold .ws-wa-h{display:none}
.pgo-fold .ws-wa-top{justify-content:flex-end}
.pgo-grid .pub-go-head h3{display:flex;align-items:center;gap:8px;font-size:20px;line-height:1.35}
.pgo-grid .pub-go-head h3 .ic{flex:none;width:20px;height:20px;color:var(--rose)}
.pgo-grid .pub-go-form{display:contents}
.pgo-grid .pgo-slug{grid-area:slug}
.pgo-grid .btn-publish-cta{grid-area:cta}
.pgo-grid .pgo-opt{grid-area:opt}
.pgo-grid .pgo-trust{grid-area:trust}
.pgo-grid .pgo-note{grid-area:note}
.pgo-grid .pgo-phone{grid-area:phone;justify-self:center}
.pgo-try{
  display:inline-flex;align-items:center;gap:6px;align-self:flex-start;min-height:36px;
  font-size:13px;font-weight:600;color:var(--rose) !important;text-decoration:none !important;
}
.pgo-try .ic{width:16px;height:16px}
.pgo-try:hover{text-decoration:underline !important;text-underline-offset:3px}
.pgo-slug-pre2{display:none;font-size:12.5px;font-weight:600;color:var(--ink-soft)}
.pgo-phone.is-compact{padding:0;background:transparent;gap:0;border-radius:0;width:auto}
.pgo-phone.is-compact .pgo-phone-lbl,.pgo-phone.is-compact .pgo-phone-hint{display:none}
.pgo-phone.is-compact .pgo-device{
  --k:.2821;width:120px;height:244px;border-radius:22px;padding:5px;
  box-shadow:0 18px 34px -18px rgba(142,69,87,.55), 0 0 0 1px rgba(201,162,39,.35);
}
.pgo-phone.is-compact .pgo-screen{border-radius:17px}
.pgo-phone.is-compact .pgo-device-link{border-radius:22px}
.pgo-grid .pgo-phone.is-compact .pgo-device{--k:.2462;width:104px;height:212px;border-radius:19px;padding:4px}
.pgo-grid .pgo-phone.is-compact .pgo-screen{border-radius:15px}
.pgo-grid .pgo-phone.is-compact .pgo-device-link{border-radius:19px}
@media (min-width:1024px){
  .pub-go.pgo-grid{
    grid-template-columns:210px minmax(0,1fr);column-gap:26px;
    grid-template-areas:"phone head" "phone slug" "phone cta" "phone opt" "phone safe" "phone trust";
  }
  .pgo-grid .pub-go-head{align-self:start}
  .pgo-grid .pgo-phone.is-compact .pgo-device{--k:.5026;width:210px;height:430px;border-radius:34px;padding:7px}
  .pgo-grid .pgo-phone.is-compact .pgo-screen{border-radius:28px}
  .pgo-grid .pgo-phone.is-compact .pgo-device-link{border-radius:34px}
  .pgo-grid .pgo-trust{justify-content:flex-start}
  .pgo-grid .pgo-note{text-align:start}
  .pgo-phone.is-compact .pgo-device{--k:.5026;width:210px;height:430px;border-radius:34px;padding:7px}
  .pgo-phone.is-compact .pgo-screen{border-radius:28px}
  .pgo-phone.is-compact .pgo-device-link{border-radius:34px}
}
@media (max-width:640px){
  .pgo-grid .pub-go-head h3{font-size:18.5px}
  .pgo-grid .pgo-sub{font-size:13px}
}
@media (min-width:641px) and (max-width:1023px){
  .pub-go.pgo-grid{grid-template-columns:150px minmax(0,1fr);column-gap:22px}
  .pgo-phone.is-compact .pgo-device{--k:.359;width:150px;height:307px;border-radius:26px;padding:5px}
  .pgo-phone.is-compact .pgo-screen{border-radius:21px}
  .pgo-phone.is-compact .pgo-device-link{border-radius:26px}
  .pgo-grid .pgo-phone.is-compact .pgo-device{--k:.359;width:150px;height:307px;border-radius:26px;padding:5px}
  .pgo-grid .pgo-phone.is-compact .pgo-screen{border-radius:21px}
  .pgo-grid .pgo-phone.is-compact .pgo-device-link{border-radius:26px}
}
@media (max-width:640px) and (max-height:700px){
  .pgo-grid .pgo-sub{display:none}
  .pub-go.pgo-grid{row-gap:12px;padding-block:16px}
}
@media (max-width:360px){
  .pub-go.pgo-grid{grid-template-columns:88px minmax(0,1fr);column-gap:10px}
  .pgo-phone.is-compact .pgo-device{--k:.2256;width:96px;height:196px;border-radius:18px;padding:4px}
  .pgo-phone.is-compact .pgo-screen{border-radius:14px}
  .pgo-phone.is-compact .pgo-device-link{border-radius:18px}
  .pgo-grid .pgo-phone.is-compact .pgo-device{--k:.2051;width:88px;height:178px;border-radius:17px;padding:4px}
  .pgo-grid .pgo-phone.is-compact .pgo-screen{border-radius:13px}
  .pgo-grid .pgo-phone.is-compact .pgo-device-link{border-radius:17px}
}
@media (min-width:1024px){
  .pub-layout.is-pre .pub-main-col{display:contents}
  .pub-layout.is-pre .pub-go{grid-column:1;grid-row:1}
  .pub-layout.is-pre .pgo-fold{grid-column:2;grid-row:1}
  .pub-layout.is-pre .pub-sidebar{display:none}
}
.pub-go.pgo-grid.pgo-v2{
  grid-template-columns:minmax(0,1fr);row-gap:16px;
  grid-template-areas:"phone" "head" "slug" "cta" "safe" "steps";
}
.pgo-v2 .pub-go-head{text-align:center;align-self:auto}
.pgo-v2 .pub-go-head h3{justify-content:center;font-size:24px}
.pgo-v2-phone{grid-area:phone;display:flex;flex-direction:column;align-items:center;gap:6px}
.pgo-v2-edit{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 16px;border-radius:999px;
  border:1.5px solid var(--rule);background:var(--surface);color:var(--ink) !important;font-size:13.5px;font-weight:600;
  text-decoration:none !important;text-align:center}
.pgo-v2-edit .ic{flex:none;width:15px;height:15px;color:var(--ink-soft)}
.pgo-v2-edit:hover{border-color:var(--ink-faint)}
.pub-go.pgo-v2 .pgo-safe.is-quiet{margin-top:-6px}
.pub-go.pgo-v2 .pgo-phone.is-compact .pgo-device{--k:.3128;width:132px;height:268px;border-radius:24px;padding:5px}
.pub-go.pgo-v2 .pgo-phone.is-compact .pgo-screen{border-radius:19px}
.pub-go.pgo-v2 .pgo-phone.is-compact .pgo-device-link{border-radius:24px}
.pgo-v2 .pgo-slugd{grid-area:slug;min-width:0}
.pgo-slugsum{list-style:none;display:flex;align-items:center;gap:10px;min-height:56px;padding:8px 12px;border:1.5px solid var(--rule);
  border-radius:16px;background:var(--surface);cursor:pointer}
.pgo-slugsum::-webkit-details-marker{display:none}
.pgo-slugsum:focus-visible{outline:2px solid var(--rose);outline-offset:2px}
.pgo-slugd[open] > .pgo-slugsum{display:none}
.pgo-slugsum-ico{flex:none;width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;
  background:var(--rose-soft);color:var(--rose-deep)}
.pgo-slugsum-ico .ic{width:17px;height:17px}
.pgo-slugsum-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.pgo-slugsum-t small{font-size:12px;color:var(--ink-faint)}
.pgo-slugsum-t small span{color:var(--ink-faint)}
.pgo-slugsum-t b{font-size:14.5px;font-weight:700;line-height:1.45;color:var(--rose-deep);overflow-wrap:anywhere;text-align:start}
html[dir="rtl"] .pgo-slugsum-t b{text-align:right}
.pgo-slugsum-x{flex:none;font-size:13px;font-weight:700;color:var(--rose-deep)}
.pgo-steps{grid-area:steps;display:flex;flex-direction:column;gap:8px}
.pgo-steps-h{font-size:13.5px;text-align:center;color:var(--ink)}
.pgo-steps ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;position:relative}
.pgo-steps ol::before{content:"";position:absolute;top:13px;inset-inline:16.6%;height:2px;background:var(--rule)}
.pgo-steps li{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;
  font-size:12.5px;line-height:1.5;color:var(--ink-soft)}
.pgo-step-n{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;
  background:var(--rose-soft);color:var(--rose-deep);border:1.5px solid var(--rule)}
.pgo-steps li:first-child .pgo-step-n{background:var(--rose-btn);color:#FFFCF8;border-color:var(--rose-btn)}
.pgo-steps li:last-child .pgo-step-n{background:var(--ui-gold-soft);color:var(--gold-text)}
.pgo-editrow{grid-area:edit;display:flex;align-items:center;gap:12px;min-height:64px;padding:10px 14px;border-radius:16px;
  border:1.5px solid var(--rule);background:var(--surface);color:var(--ink) !important;text-decoration:none !important}
.pgo-editrow:hover{border-color:var(--rose)}
.pgo-editrow-ico{flex:none;width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;
  background:var(--rose-soft);color:var(--rose-deep)}
.pgo-editrow-ico .ic{width:18px;height:18px}
.pgo-editrow-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.pgo-editrow-t b{font-size:14.5px}
.pgo-editrow-t small{font-size:12.5px;line-height:1.5;color:var(--ink-soft)}
.pgo-editrow-go{flex:none;color:var(--ink-faint);font-size:16px}
.pgo-v2 .pgo-safe.is-quiet{background:transparent;padding:0;justify-content:center;font-size:12.5px;color:var(--ink-soft);text-align:center}
.pgo-v2 .pgo-safe.is-quiet .ic{width:14px;height:14px;margin-top:3px;color:var(--ink-faint)}
@media (max-width:360px){
  .pub-go.pgo-v2 .pgo-phone.is-compact .pgo-device{--k:.2821;width:120px;height:244px;border-radius:22px;padding:5px}
  .pub-go.pgo-v2 .pgo-phone.is-compact .pgo-screen{border-radius:17px}
  .pub-go.pgo-v2 .pgo-phone.is-compact .pgo-device-link{border-radius:22px}
}
@media (max-width:640px) and (max-height:780px){
  .pub-go.pgo-v2 .pgo-phone.is-compact .pgo-device{--k:.2615;width:112px;height:228px;border-radius:20px;padding:5px}
  .pub-go.pgo-v2 .pgo-phone.is-compact .pgo-screen{border-radius:16px}
  .pub-go.pgo-v2 .pgo-phone.is-compact .pgo-device-link{border-radius:20px}
  .pub-go.pgo-grid.pgo-v2{row-gap:12px}
  .pgo-v2-edit{min-height:36px}
}
@media (max-width:640px) and (max-height:680px){
  .pub-go.pgo-v2 .pgo-phone.is-compact .pgo-device{--k:.2205;width:96px;height:196px;border-radius:18px;padding:4px}
  .pub-go.pgo-v2 .pgo-phone.is-compact .pgo-screen{border-radius:14px}
  .pub-go.pgo-v2 .pgo-phone.is-compact .pgo-device-link{border-radius:18px}
}
@media (min-width:1024px){
  .pub-go.pgo-grid.pgo-v2{
    grid-template-columns:210px minmax(0,1fr);column-gap:28px;
    grid-template-areas:"phone head" "phone slug" "phone cta" "phone safe" "phone steps";
  }
  .pgo-v2 .pub-go-head{text-align:start}
  .pgo-v2 .pub-go-head h3{justify-content:flex-start}
  .pgo-v2-phone{align-self:start}
  .pub-go.pgo-v2 .pgo-phone.is-compact .pgo-device{--k:.5026;width:210px;height:430px;border-radius:34px;padding:7px}
  .pub-go.pgo-v2 .pgo-phone.is-compact .pgo-screen{border-radius:28px}
  .pub-go.pgo-v2 .pgo-phone.is-compact .pgo-device-link{border-radius:34px}
  .pgo-v2 .pgo-safe.is-quiet{justify-content:flex-start;text-align:start}
}
section.band:has(> .wrap > .ivh:first-child){padding-top:24px}
@media (max-width:640px){section.band:has(> .wrap > .ivh:first-child){padding-top:10px}}
.plv,.plv-rs,.plv-steps,.plv-pub{
  background:var(--surface);border:1.5px solid var(--rule);border-radius:22px;box-shadow:var(--shadow);
  box-sizing:border-box;width:100%;
}
.plv{
  padding:20px 18px;display:grid;grid-template-columns:104px minmax(0,1fr);column-gap:14px;row-gap:14px;
  grid-template-areas:"phone head" "cta cta" "sub sub" "prog prog";
  align-items:start;
}
.plv-head{grid-area:head;display:flex;flex-direction:column;gap:6px;align-self:center}
.plv-meta{margin:0;font-size:13px;line-height:1.6;color:var(--ink-soft)}
.plv-quick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:4px}
.plv-qbtn{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 8px;box-sizing:border-box;border-radius:12px;
  border:1px solid var(--rule);background:var(--surface);color:var(--ink) !important;font-size:14px;font-weight:700;text-decoration:none !important;
  transition:border-color .15s ease,background .15s ease}
.plv-qbtn:hover{border-color:var(--rose);background:var(--rose-soft)}
.plv-qbtn .ic{width:17px;height:17px}
.plv .pgo-phone.is-compact .pgo-device{--k:.2462;width:104px;height:212px;border-radius:19px;padding:4px}
.plv .pgo-phone.is-compact .pgo-screen{border-radius:15px}
.plv .pgo-phone.is-compact .pgo-device-link{border-radius:19px}
.plv-prog{grid-area:prog;display:flex;flex-direction:column;gap:8px;padding-top:14px;border-top:1px solid var(--rule)}
.plv-prog-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px}
.plv-prog-top a{display:inline-flex;align-items:center;gap:4px;min-height:44px;margin-block:-8px;font-size:13.5px;font-weight:700;text-decoration:none !important}
.plv-prog-top a .ic{width:15px;height:15px}
.plv-prog-n{display:flex;flex-wrap:wrap;align-items:center;gap:2px 14px;font-size:13.5px;color:var(--ink-soft)}
.plv-prog-n b{color:var(--ink)}
.plv-prog-n .is-yes b{color:#1F6B40}
.plv-prog-n .is-wait b{color:#7A5C00}
[data-theme="dark"] .plv-prog-n .is-yes b{color:#7BE0A6}
[data-theme="dark"] .plv-prog-n .is-wait b{color:var(--gold-rich)}
.plv-prog-n a{display:inline-flex;align-items:center;min-height:44px;margin-block:-10px;font-weight:700;text-decoration:none !important}
.plv-pub{padding:16px 18px;display:flex;flex-direction:column;gap:10px}
.plv-pub .linkrow-url{display:block;padding:12px;text-align:center;font-size:14px;white-space:normal;overflow-wrap:anywhere}
.plv-pub .plv-acts{grid-area:auto}
.plv-pub .plv-act{flex-direction:row;min-height:48px;gap:7px}
.plv-pub .plv-act.is-main{border-color:var(--rose);color:var(--rose-deep)}
.plv-toolfold > .slug-box{border:0;border-top:1px solid var(--rule);border-radius:0;margin:0;padding:14px}
.plv-head h3{margin:0;font-family:var(--display);font-size:20px;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:8px;line-height:1.35}
.plv-ok{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#E9F7EE;color:#1F6B40}
.plv-ok.is-off{background:#FFF1E6;color:#B45309}
[data-theme="dark"] .plv-ok{background:#12291C;color:#7BE0A6}
.plv-ok .ic{width:16px;height:16px}
.plv-sub{margin:0;font-size:13.5px;line-height:1.6;color:var(--ink-soft)}
.plv .pgo-phone{grid-area:phone;justify-self:center}
.plv-link{grid-area:link;display:flex;flex-direction:column;gap:6px;min-width:0}
.plv-lbl{font-size:13px;font-weight:600;color:var(--ink-soft)}
.plv-url{display:flex;align-items:stretch;gap:6px;min-width:0}
.plv-url .linkrow-url{flex:1;min-width:0;font-size:13px;padding:9px 10px;white-space:normal}
.plv-copy{
  flex:none;width:44px;min-height:44px;border-radius:10px;border:1.5px solid var(--rule);background:var(--surface);
  color:var(--rose-deep);display:grid;place-items:center;cursor:pointer;padding:0;
  transition:border-color .15s ease, background .15s ease;
}
.plv-copy:hover{border-color:var(--rose);background:var(--rose-soft)}
.plv-copy:focus-visible{outline:2px solid var(--rose);outline-offset:2px}
.plv-copy:active{transform:scale(.96)}
.plv-head .plv-edit{text-decoration:none;width:28px;height:28px;margin-inline-start:-2px}
.plv-head h3{gap:6px}
@media (max-width:420px){.plv-head h3{font-size:18px}}
.plv-cta{
  grid-area:cta;display:flex;align-items:center;justify-content:center;gap:10px;min-height:58px;
  padding:0 18px;border-radius:999px;box-sizing:border-box;text-align:center;
  background:linear-gradient(135deg, #B8647A 0%, #A8586A 45%, #8E4557 100%);color:#fff !important;
  font-size:16.5px;font-weight:700;text-decoration:none !important;
  box-shadow:0 12px 26px -10px rgba(142,69,87,.65), inset 0 1px 0 rgba(255,255,255,.22);
  transition:transform .15s ease, box-shadow .15s ease;
}
.plv-cta:hover{transform:translateY(-2px)}
.plv-cta .ic{flex:none;width:20px;height:20px}
.pvo{display:flex;flex-direction:column;gap:12px;margin:0 0 18px;padding:16px;border-radius:18px;background:var(--surface);border:1px solid var(--rule);box-shadow:var(--shadow)}
.pvo-count{margin:0;font-size:12.5px;font-weight:700;color:var(--ink-soft);letter-spacing:.01em}
.pvo-main{display:flex;align-items:flex-start;gap:12px}
.pvo-ic{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--ui-gold-soft);color:#B7791F}
.pvo-ic .ic{width:20px;height:20px}
.pvo.is-over .pvo-ic{background:var(--rose-soft);color:var(--rose-deep)}
.pvo-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.pvo-name{font-family:var(--display);font-size:17px;font-weight:700;color:var(--ink);line-height:1.45;overflow-wrap:anywhere}
.pvo-state{font-size:13.5px;line-height:1.55;color:var(--ink-soft)}
.pvo-bar{height:6px;border-radius:99px;background:var(--raised);overflow:hidden}
.pvo-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#E2AE45,#F3CF7A)}
[dir="rtl"] .pvo-bar span{margin-inline-start:0}
.pvo-btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 16px;border-radius:999px;box-sizing:border-box;
  background:var(--pay-grad);color:#fff !important;font-size:15.5px;font-weight:700;text-decoration:none !important;
  box-shadow:0 10px 22px -12px var(--pay-shadow);transition:transform .15s ease}
.pvo-btn:hover{transform:translateY(-1px)}
.pvo-btn .ic{flex:none;width:18px;height:18px}
.pvo-btn > span:first-of-type{white-space:nowrap}
@media (max-width:440px){.pvo-price s{display:none}.pvo-btn{font-size:15px;gap:7px}}
.pvo-price{display:inline-flex;align-items:baseline;gap:6px;padding-inline-start:10px;margin-inline-start:2px;border-inline-start:1px solid rgba(255,255,255,.35)}
.pvo-price s{font-size:12.5px;font-weight:500;opacity:.75}
.pvo-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}
.pvo-list li{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--rule)}
.pvo-list li:last-child{border-bottom:0;padding-bottom:0}
.pvo-dot{flex:none;width:8px;height:8px;border-radius:50%;background:#E2AE45}
.pvo-dot.is-over{background:var(--rose)}
.pvo-li-t{flex:1;min-width:0;display:flex;flex-direction:column}
.pvo-li-t b{font-size:14px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pvo-li-t small{font-size:12.5px;color:var(--ink-soft)}
.pvo-list a{flex:none;display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;border:1.5px solid var(--pay);color:var(--pay) !important;font-size:13px;font-weight:700;text-decoration:none !important}
.pvo-more{align-self:flex-start;font-size:13px;font-weight:700;color:var(--ink-soft) !important;text-decoration:underline;text-underline-offset:3px;padding:4px 0}
@media (prefers-reduced-motion:reduce){.pvo-btn{transition:none}}
.plv.is-preview{grid-template-areas:"phone head" "act act" "cta cta" "sub sub" "prog prog"}
.plv.is-preview .plv-activate{grid-area:act;background:linear-gradient(135deg,#F3CF7A 0%,#E2AE45 55%,#C98F2B 100%);color:#2A1D0E !important;
  box-shadow:0 12px 26px -12px rgba(201,143,43,.75), inset 0 1px 0 rgba(255,255,255,.35)}
.plv.is-preview .plv-cta:not(.plv-activate){background:var(--surface);color:var(--ink) !important;border:1.5px solid var(--rule);box-shadow:none;min-height:50px;font-size:15px}
.plv.is-preview .plv-cta:not(.plv-activate):hover{border-color:var(--rose)}
.plv-cta-sub{grid-area:sub;margin:-4px 0 0;font-size:12.5px;line-height:1.6;color:var(--ink-soft);text-align:center}
.plv-acts{grid-area:acts;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.plv-act{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:64px;
  padding:6px 4px;border-radius:14px;border:1px solid var(--rule);background:var(--paper);box-sizing:border-box;
  font:inherit;font-size:12.5px;font-weight:700;color:var(--ink) !important;text-decoration:none !important;
  cursor:pointer;text-align:center;line-height:1.3;
}
.plv-act .ic,.plv-act svg{width:20px;height:20px;flex:none}
.plv-act:hover,.plv-act.is-on{border-color:var(--rose);color:var(--rose-deep) !important}
.plv-act.is-wa{border-color:#BFE6CD;background:#F2FBF5;color:#1F6B40 !important}
.plv-act.is-wa svg{color:#25A55F}
[data-theme="dark"] .plv-act.is-wa{background:#12291C;border-color:#2F6B47;color:#7BE0A6 !important}
.plv-panel{border-radius:14px;background:var(--paper);border:1px solid var(--rule);padding:12px;box-sizing:border-box}
.plv-panel[hidden]{display:none}
#plv-qr{grid-area:qr}
.plv #tools{grid-area:tools}
.plv-panel .qrbox{border:0;padding:0;background:transparent}
.plv-rs{padding:18px;display:flex;flex-direction:column;gap:14px}
.plv-rs-head,.plv-steps-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.plv-rs-head h3,.plv-steps-head h3{margin:0;font-family:var(--display);font-size:19px;font-weight:700;color:var(--ink)}
.plv-rs-head a{display:inline-flex;align-items:center;gap:4px;min-height:44px;font-size:13.5px;font-weight:700;text-decoration:none !important}
.plv-rs-head a .ic{width:15px;height:15px}
.plv-steps-head span{font-size:12.5px;font-weight:700;color:var(--rose-deep)}
.plv-bar{display:flex;flex-direction:column;gap:6px}
.plv-bar-t{display:flex;justify-content:space-between;gap:10px;font-size:13px;font-weight:600;color:var(--ink)}
.plv-bar-t span:last-child{color:var(--ink-soft);font-weight:500}
.plv-bar-track{height:7px;border-radius:999px;background:var(--raised);overflow:hidden}
.plv-bar-track span{display:block;height:100%;border-radius:999px;background:var(--rose)}
.plv-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.plv-tile{display:flex;flex-direction:column;gap:1px;padding:12px;border-radius:16px;border:1px solid var(--rule);background:var(--paper);min-width:0}
.plv-tile b{font-size:24px;line-height:1.2;color:var(--ink)}
.plv-tile span{font-size:12.5px;font-weight:600;color:var(--ink)}
.plv-tile small{font-size:11.5px;color:var(--ink-soft);line-height:1.5}
.plv-tile a{font-size:12px;font-weight:700;text-decoration:none !important;min-height:40px;margin-block:-6px;display:inline-flex;align-items:center}
.plv-tile.is-yes{background:#F2FBF5;border-color:#CDEBD8}
.plv-tile.is-yes b{color:#1F6B40}
.plv-tile.is-wait{background:#FFF8EC;border-color:#F0DDB0}
.plv-tile.is-wait b{color:#7A5C00}
[data-theme="dark"] .plv-tile.is-yes{background:#12291C;border-color:#2F6B47}
[data-theme="dark"] .plv-tile.is-yes b{color:#7BE0A6}
[data-theme="dark"] .plv-tile.is-wait{background:#2E2613;border-color:#5A4A1F}
[data-theme="dark"] .plv-tile.is-wait b{color:var(--gold-rich)}
.plv-wish{
  display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 14px;border-radius:14px;box-sizing:border-box;
  background:var(--rose-soft);color:var(--rose-deep) !important;font-size:13.5px;font-weight:600;text-decoration:none !important;
}
.plv-wish .ic{flex:none;width:18px;height:18px}
.plv-wish span{flex:1}
.plv-limit{background:color-mix(in srgb,var(--gold) 16%,var(--surface));color:var(--ink) !important}
.plv-limit .ic{color:var(--gold)}
.plv-limit b{flex:none;color:var(--rose-deep)}
.plv-steps{padding:18px;display:flex;flex-direction:column;gap:12px}
.plv-steps ol{list-style:none;margin:0;padding:0}
.plv-step + .plv-step{border-top:1px solid var(--rule)}
.plv-step > a,.plv-step > div{
  display:flex;align-items:center;gap:12px;min-height:54px;padding:6px 0;box-sizing:border-box;
  color:var(--ink) !important;text-decoration:none !important;
}
.plv-step-dot{
  flex:none;width:26px;height:26px;border-radius:50%;box-sizing:border-box;border:2px solid var(--rule);
  display:grid;place-items:center;color:#fff;
}
.plv-step-dot .ic{width:14px;height:14px;stroke-width:3}
.plv-step.is-done .plv-step-dot{background:#22A35A;border-color:#22A35A}
.plv-step.is-next .plv-step-dot{border-color:var(--rose)}
.plv-step-t{display:flex;flex-direction:column;flex:1;min-width:0}
.plv-step-t b{font-size:14px}
.plv-step-t small{font-size:12px;color:var(--ink-soft);line-height:1.5}
.plv-step.is-done .plv-step-t b{color:var(--ink-soft);text-decoration:line-through;font-weight:500}
.plv-step:not(.is-done):not(.is-next) .plv-step-t b{color:var(--ink-soft)}
.plv-step-go{flex:none;font-size:13px;font-weight:700;color:var(--rose)}
.plv-steps .pgo-opt{margin-top:2px}
@media (min-width:1024px){
  .plv{
    padding:24px 26px;grid-template-columns:150px minmax(0,1fr);column-gap:24px;
    grid-template-areas:"phone head" "phone cta" "phone sub" "phone prog";
  }
  .plv .pgo-phone.is-compact .pgo-device{--k:.359;width:150px;height:307px;border-radius:26px;padding:5px}
  .plv .pgo-phone.is-compact .pgo-screen{border-radius:21px}
  .plv .pgo-phone.is-compact .pgo-device-link{border-radius:26px}
  .plv-head{align-self:start}
  .plv-head h3{font-size:23px}
  .plv-acts .plv-act{flex-direction:row;min-height:48px;gap:8px}
  .plv-rs,.plv-steps{padding:22px}
}
@media (min-width:641px) and (max-width:1023px){
  .plv{grid-template-columns:130px minmax(0,1fr);column-gap:22px}
  .plv .pgo-phone.is-compact .pgo-device{--k:.3077;width:130px;height:266px;border-radius:23px;padding:5px}
  .plv .pgo-phone.is-compact .pgo-screen{border-radius:18px}
  .plv .pgo-phone.is-compact .pgo-device-link{border-radius:23px}
}
@media (max-width:360px){
  .plv{grid-template-columns:88px minmax(0,1fr);column-gap:10px;padding:16px 14px}
  .plv .pgo-phone.is-compact .pgo-device{--k:.2051;width:88px;height:178px;border-radius:17px;padding:4px}
  .plv .pgo-phone.is-compact .pgo-screen{border-radius:13px}
  .plv .pgo-phone.is-compact .pgo-device-link{border-radius:17px}
  .plv-tile{padding:10px 8px}
  .plv-tile b{font-size:21px}
}
.pgo-phone{
  display:flex;flex-direction:column;align-items:center;gap:10px;
  padding:22px 18px;border-radius:22px;background:var(--raised);box-sizing:border-box;width:100%;
}
.pgo-phone-lbl{font-size:13px;font-weight:600;color:var(--ink-soft)}
.pgo-device{
  --k:.5487;position:relative;width:230px;height:470px;border-radius:38px;padding:8px;box-sizing:border-box;
  background:#2A201C;box-shadow:0 30px 60px -24px rgba(142,69,87,.45), 0 0 0 1px rgba(201,162,39,.35);
}
.pgo-screen{position:relative;width:100%;height:100%;border-radius:31px;overflow:hidden;background:var(--paper)}
.pgo-screen iframe{
  position:absolute;top:0;left:0;width:390px;height:827px;border:0;
  transform:scale(var(--k));transform-origin:top left;pointer-events:none;
}
.pgo-device-link{position:absolute;inset:0;border-radius:38px}
.pgo-device-link:focus-visible{outline:2px solid var(--rose);outline-offset:3px}
.pgo-phone-hint{
  display:inline-flex;align-items:center;min-height:44px;font-size:13px;font-weight:600;
  color:var(--ink-soft) !important;text-decoration:underline;text-underline-offset:4px;
}
.pgo-phone-hint:hover{color:var(--rose) !important}
.pgo-next{
  background:var(--surface);border:1.5px solid var(--rule);border-radius:18px;padding:18px 20px;
  box-sizing:border-box;width:100%;
}
.pgo-next h3{font-family:var(--display);font-size:18px;font-weight:700;margin:0 0 12px;color:var(--ink)}
.pgo-next ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;counter-reset:pgo}
.pgo-next li{
  counter-increment:pgo;display:grid;grid-template-columns:30px 1fr;column-gap:10px;
  font-size:13.5px;line-height:1.6;color:var(--ink);
}
.pgo-next li::before{
  content:counter(pgo);grid-row:span 2;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;
  background:var(--rose-soft);color:var(--rose-deep);font-weight:700;font-size:13px;
}
.pgo-next li:first-child::before{background:var(--rose-btn);color:#FFFCF8}
.pgo-next li span{color:var(--ink-soft);font-size:12.5px}
@media (max-width:1023px){
  .pub-layout.is-pre .pub-main-col{display:contents}
  .pub-layout.is-pre .pub-go{order:1}
  .pub-layout.is-pre .ws-wa{order:3}
  .pub-layout.is-pre .pgo-fold{order:3}
  .pub-layout.is-live .plv-pub{order:2}
  .pub-layout.is-live .pgo-opt{order:4}
  .pub-layout.is-live .pgo-fold{order:3}
  .pub-layout.is-live .plv-toolfold{order:5}
  .pub-layout.is-pre .pgo-next{order:4}
  .pub-layout.is-live .pub-main-col{display:contents}
  .pub-layout.is-live .plv{order:1}
  .pub-layout.is-live .plv-rs{order:2}
  .pub-layout.is-live .plv-steps{order:3}
  .pub-layout.is-live .ws-wa{order:4}
  .pub-layout.is-live .pub-paid-card,.pub-layout.is-live .pub-card-activate{order:5}
}
@media (max-width:640px){
  .pgo-slug-pre{font-size:13px;padding:0 8px}
  .pgo-next{padding:16px}
}
.pub-act-toggle{
  appearance:none;border:0;background:none;cursor:pointer;padding:2px 0;margin:-2px auto 10px;
  display:inline-flex;align-items:center;gap:6px;font-family:inherit;font-size:13px;font-weight:700;
  color:var(--rose);text-decoration:underline;text-underline-offset:4px;
}
.pub-act-toggle[hidden]{display:none}
.pub-card-activate.is-open .pub-act-toggle span:last-child{transform:rotate(180deg)}
.pub-card-activate.is-compact:not(.is-open) .pub-act-more{display:none}
.pub-tools-fold{
  background:var(--surface);border:1.5px solid var(--rule);border-radius:18px;
  padding:4px 20px;box-shadow:var(--shadow);box-sizing:border-box;width:100%;
}
.pub-tools-fold[open]{padding-bottom:20px}
.pub-tools-fold summary{
  display:flex;align-items:center;justify-content:space-between;cursor:pointer;
  padding:14px 0;font-size:14.5px;font-weight:700;color:var(--ink);list-style:none;
}
.pub-tools-fold summary::-webkit-details-marker{display:none}
.pub-tools-content{
  display:flex;flex-direction:column;gap:20px;padding-top:14px;border-top:1px solid var(--rule);
}
.qrbox{
  display:flex;gap:18px;align-items:center;
  padding:16px 18px;border-radius:14px;
  background:var(--paper);border:1px solid var(--rule);box-sizing:border-box;
}
.qrbox .qr{
  width:130px;height:130px;flex:0 0 auto;border-radius:12px;
  border:1.5px solid rgba(168,88,106,0.2);background:#fff;padding:6px;
  box-shadow:0 2px 8px rgba(0,0,0,0.06);
}
.qrside{flex:1 1 200px;min-width:0;display:grid;gap:6px}
.qrside h4{font-family:var(--display);font-size:16px;font-weight:700;margin:0;color:var(--ink)}
.qrside .paynote{margin:0;font-size:12.5px;line-height:1.55;color:var(--ink-soft)}
.qrbtns{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.qrbtns .btn{border-radius:9px;font-size:12.5px;font-weight:600;padding:6px 14px;min-height:36px}
.slug-box{display:grid;gap:8px}
.slug-prefix-group{
  display:flex;align-items:stretch;direction:ltr;margin-top:8px;
  border:1.5px solid var(--rule);border-radius:10px;overflow:hidden;background:var(--paper);
  transition:border-color .15s ease;
}
.slug-prefix-group:focus-within{border-color:var(--rose);background:#fff}
.slug-prefix{
  padding:9px 12px;background:var(--raised);color:var(--ink-faint);
  font-family:ui-monospace,SFMono-Regular,monospace;font-size:13px;font-weight:600;
  display:flex;align-items:center;border-inline-end:1px solid var(--rule);user-select:none;
}
.slug-prefix-group input{
  flex:1;min-width:0;border:none;background:transparent;padding:9px 12px;
  font-family:ui-monospace,SFMono-Regular,monospace;font-size:13.5px;
  font-weight:700;color:var(--ink);outline:none;
}
.slug-save-btn{
  flex:0 0 auto;border:none;border-inline-start:1px solid var(--rule);
  background:var(--surface);color:var(--ink);font-weight:700;font-size:13px;
  padding:0 16px;cursor:pointer;transition:all .15s ease;
}
.slug-save-btn:hover{background:var(--paper);color:var(--rose-deep)}
.pub-paid-card{
  border-color:#a7f3d0;
  background:linear-gradient(135deg, #f0fdf4 0%, var(--surface) 100%);
  border-radius:18px;padding:22px;box-shadow:var(--shadow);text-align:center;
}
.pub-paid-head{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:6px}
.pub-paid-perks-list{
  display:flex;flex-direction:column;gap:6px;margin-top:14px;
  text-align:start;font-size:13px;color:#065f46;font-weight:600;
}
.pub-paid-perk-item{display:flex;align-items:center;gap:8px}
.paycard.activate{
  border:2px solid rgba(168,88,106,0.35);
  background:linear-gradient(180deg, #FFFDFB 0%, var(--surface) 100%);
  position:relative;overflow:hidden;text-align:center;
  border-radius:18px;padding:22px 20px;box-shadow:var(--shadow);
}
.paycard.activate::before{
  content:"";position:absolute;top:0;inset-inline:0;height:4px;
  background:linear-gradient(90deg, var(--gold) 0%, var(--rose) 50%, var(--rose-deep) 100%);
}
.vip-tier-badge{
  display:inline-flex;align-items:center;gap:6px;padding:4px 14px;border-radius:999px;
  background:linear-gradient(135deg, rgba(200,165,90,0.15) 0%, rgba(168,88,106,0.15) 100%);
  color:var(--rose-deep);font-size:12px;font-weight:700;margin-bottom:10px;
  border:1px solid rgba(200,165,90,0.3);
}
.pricing-headline{
  display:flex;align-items:baseline;justify-content:center;gap:8px;margin:12px 0 4px;
}
.amount-main{
  font-family:var(--display);font-size:40px;font-weight:800;color:var(--rose);line-height:1;
}
.amount-main .was{
  font-size:22px;color:var(--ink-faint);text-decoration:line-through;margin-inline-start:6px;font-weight:500;
}
.amount-period{font-size:13.5px;color:var(--ink-soft);font-weight:600}
.pricing-approx-badge{
  display:inline-block;background:var(--paper);border:1px solid var(--rule);
  padding:3px 12px;border-radius:999px;font-size:12.5px;color:var(--ink-soft);
  font-weight:600;margin-bottom:12px;
}
.paid-list{text-align:start;margin:14px 0 10px;padding:0;list-style:none;display:grid;gap:8px}
.paid-list li{display:flex;align-items:flex-start;gap:8px;font-size:13.5px;color:var(--ink);line-height:1.5}
.paid-list li .dot{
  width:16px;height:16px;border-radius:50%;background:#ecfdf5;color:#059669;
  border:1px solid #a7f3d0;display:grid;place-items:center;flex-shrink:0;margin-top:2px;
  font-size:10px;font-weight:700;
}
.guarantee-badges-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;
  padding-top:14px;margin-top:16px;border-top:1px solid var(--rule);
  font-size:12px;color:var(--ink-soft);line-height:1.45;
}
.guarantee-item{display:flex;align-items:flex-start;gap:6px;text-align:start}
.guarantee-icon{flex-shrink:0;margin-top:1px}
@media (max-width:480px){
  .guarantee-badges-grid{grid-template-columns:1fr;gap:8px}
}
.paynote{font-size:12.5px;color:var(--ink-faint);margin:8px 0 0;line-height:1.55}
.btn-publish-cta{
  display:flex;align-items:center;justify-content:center;gap:10px;
  width:100%;min-height:50px;font-size:15.5px;font-weight:700;
  font-family:inherit;
  border-radius:12px;background:linear-gradient(135deg, var(--rose) 0%, var(--rose-deep) 100%);
  color:#fff;border:none;box-shadow:0 4px 16px rgba(168,88,106,0.32);
  cursor:pointer;transition:all .2s ease;text-decoration:none;
}
.btn-publish-cta:hover{
  transform:translateY(-2px);box-shadow:0 6px 22px rgba(168,88,106,0.42);
  filter:brightness(1.05);color:#fff;
}
.readiness-box{
  background:var(--paper);border:1px solid var(--rule);border-radius:14px;
  padding:16px 18px;margin:14px 0 18px;
}
.readiness-progress-head{
  display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;
  font-size:13.5px;font-weight:600;color:var(--ink);
}
.readiness-checks-list{display:grid;grid-template-columns:repeat(2, 1fr);gap:8px 12px}
.readiness-check-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-soft)}
.readiness-check-item.done{color:var(--ink);font-weight:500}
.readiness-check-item.missing{color:var(--rose-deep);font-weight:600}
.readiness-icon{
  width:18px;height:18px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;
  font-size:11px;font-weight:700;
}
.readiness-icon.done{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}
.readiness-icon.missing{background:#fff1f2;color:#e11d48;border:1px solid #fecdd3}
.sheet-guest-cta{
  display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;
  background:var(--paper);border:1.5px solid var(--rule);
  text-decoration:none !important;color:var(--ink) !important;
  transition:all .16s ease;margin-top:8px;text-align:start;
}
.sheet-guest-cta:hover{
  border-color:var(--rose);background:var(--surface);transform:translateY(-1px);
  box-shadow:0 4px 12px rgba(168,88,106,0.12);
}
.sheet-guest-cta-icon{
  width:38px;height:38px;border-radius:10px;
  background:rgba(168,88,106,0.1);color:var(--rose);
  display:grid;place-items:center;flex-shrink:0;
}
.sheet-guest-cta-text{flex:1;min-width:0;display:grid;gap:3px}
.sheet-guest-cta-text strong{font-family:var(--display);font-size:14.5px;font-weight:700;color:var(--ink)}
.sheet-guest-cta-text span{font-size:12.5px;color:var(--ink-soft);line-height:1.45}
.sheet-guest-cta-arrow{
  color:var(--ink-faint);font-size:16px;flex-shrink:0;transition:transform .16s ease, color .16s ease;
}
[dir="rtl"] .sheet-guest-cta:hover .sheet-guest-cta-arrow{transform:translateX(-4px);color:var(--rose)}
[dir="ltr"] .sheet-guest-cta:hover .sheet-guest-cta-arrow{transform:translateX(4px);color:var(--rose)}
@media (max-width:768px){
  .pub-title{font-size:20px}
  .pub-card-share{padding:18px 16px;border-radius:16px}
  .pub-quick-acts{gap:8px}
  .pub-quick-acts .btn-wa-hero{min-height:48px;font-size:15px}
  .qrbox{flex-direction:column;align-items:center;text-align:center;gap:12px;padding:14px}
  .qrbtns{justify-content:center}
  .slug-prefix-group{flex-direction:column;border-radius:10px}
  .slug-prefix{border-inline-end:none;border-bottom:1px solid var(--rule);padding:8px 12px;font-size:12px}
  .slug-prefix-group input{padding:10px 12px;font-size:16px}
  .slug-save-btn{border-inline-start:none;border-top:1px solid var(--rule);min-height:42px;width:100%}
  .pub-card-activate.is-expired{order:-1}
  .paycard.activate{padding:20px 16px;border-radius:16px}
  .paycard.activate .amount-main{font-size:34px}
  .readiness-checks-list{grid-template-columns:1fr;gap:8px}
  .coupon-row{flex-direction:column;align-items:stretch}
  .coupon-row input{width:100%;box-sizing:border-box;font-size:16px}
  .coupon-row .btn{width:100%;justify-content:center}
}
#activate{scroll-margin-top:20px}
#activate:target{
  animation:activateHighlight 1.5s ease-out;
}
@keyframes activateHighlight{
  0%{box-shadow:0 0 0 4px rgba(168,88,106,0.45)}
  100%{box-shadow:var(--shadow)}
}
[data-theme="dark"] .pub-status-badge.pub-status-trial,[data-theme="dark"] .pub-status-badge.pub-status-free{
  background:rgba(245,158,11,0.15);border-color:rgba(245,158,11,0.35);color:#fcd34d;
}
[data-theme="dark"] .pub-status-badge.pub-status-expired{
  background:rgba(225,29,72,0.15);border-color:rgba(225,29,72,0.35);color:#fda4af;
}
[data-theme="dark"] .pub-status-badge.pub-status-paid{
  background:rgba(16,185,129,0.15);border-color:rgba(16,185,129,0.35);color:#6ee7b7;
}
[data-theme="dark"] .pub-paid-card{
  border-color:rgba(16,185,129,0.3);background:linear-gradient(135deg, rgba(16,185,129,0.08) 0%, var(--surface) 100%);
}
[data-theme="dark"] .pub-paid-perks-list{color:#6ee7b7}
[data-theme="dark"] .paycard.activate{
  background:linear-gradient(180deg, rgba(255,255,255,0.02) 0%, var(--surface) 100%);
  border-color:rgba(168,88,106,0.35);
}
[data-theme="dark"] .qrbox .qr{background:#fff}
.plv-chip{align-self:flex-start;display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;
  font-size:12px;font-weight:700;line-height:1.4;background:var(--ui-gold-soft);color:var(--gold-text)}
.plv-chip .ic{flex:none;width:14px;height:14px}
.plv-chip.is-over{background:#FDECEA;color:#B42318}
.plv-chip.is-paid{background:#E9F7EE;color:#1F6B40}
[data-theme="dark"] .plv-chip.is-over{background:#3A1C1C;color:#FF8A80}
[data-theme="dark"] .plv-chip.is-paid{background:#12291C;color:#7BE0A6}
.plv-time{display:block;height:5px;border-radius:99px;background:var(--raised);overflow:hidden}
.plv-time span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#E2AE45,#F3CF7A)}
.plv.is-preview{grid-template-areas:"phone head" "act act" "asub asub"}
.plv-activate{flex-wrap:wrap;row-gap:0;align-content:center;line-height:1.3}
.plv-activate .ic{flex:none}
.plv-act-price{white-space:nowrap;padding-inline-start:10px;border-inline-start:1.5px solid rgba(42,29,14,.25)}
.plv-off{display:inline-block;margin-inline-start:7px;padding:1px 8px;border-radius:999px;background:#8E4557;color:#FFFFFF;font-size:11.5px;font-weight:700;line-height:1.6;vertical-align:2px}
@media (max-width:380px){
  .plv-activate{min-height:64px;padding-block:8px;font-size:15.5px;column-gap:8px;row-gap:0}
  .plv-act-price{flex-basis:100%;padding:0;border:0;font-size:14px;opacity:.85}
  .plv-chip{font-size:11.5px}
}
@media (max-width:480px){
  html[lang="en"] .plv-activate{min-height:64px;padding-block:8px;column-gap:8px;row-gap:0}
  html[lang="en"] .plv-act-price{flex-basis:100%;padding:0;border:0;font-size:14px;opacity:.85}
}
@media (min-width:1024px){
  .plv.is-preview{grid-template-areas:"phone head" "phone act" "phone asub";grid-template-rows:auto auto 1fr}
  .plv.is-preview .plv-head{align-self:start}
}
.plv-act-sub{grid-area:asub;margin:-6px 0 0;font-size:12.5px;line-height:1.6;color:var(--ink-soft);text-align:center}
.paycard.pub-card-activate.is-fold:not(:target){display:none}
.pub-main-col:has(#activate:target) .plv-activate,
.pub-main-col:has(#activate:target) .plv-act-sub{display:none}
.pub-main-col:has(#activate:target) .plv.is-preview{grid-template-areas:"phone head";grid-template-rows:auto}
.pub-card-activate{scroll-margin-top:12px}
.up3-head{display:flex;flex-direction:column;gap:6px}
.up3-head h3{margin:0;font-family:var(--display);font-size:19px;font-weight:700;color:var(--ink);line-height:1.35}
.up3-head .up3-gets{color:var(--ink-soft)}
.up3-head .up3-gets .ic{color:#1F8A50}
[data-theme="dark"] .up3-head .up3-gets .ic{color:#7BE0A6}
.plv-note{margin:0;display:flex;align-items:center;gap:6px;font-size:12.5px;line-height:1.5;color:var(--ink-soft)}
.plv-note .ic{flex:none;width:14px;height:14px}
.plv-guests{display:flex;flex-direction:column;gap:10px;margin-top:4px;padding-top:14px;border-top:1px solid var(--rule)}
.plv-guests .plv-cta{min-height:50px;font-size:15px;background:var(--surface);color:var(--ink) !important;
  border:1.5px solid var(--rule);box-shadow:none}
.plv-guests .plv-cta:hover{border-color:var(--rose);transform:none}
.plv-guests .plv-cta-sub{margin:0}
.plv-guests .plv-prog{padding-top:0;border-top:0}
.pmore{background:var(--surface);border:1.5px solid var(--rule);border-radius:22px;box-shadow:var(--shadow);overflow:hidden;
  box-sizing:border-box;width:100%}
.pmore-h{margin:0;padding:14px 18px 8px;font-family:inherit;font-size:15px;font-weight:700;color:var(--ink)}
.pmore > .pgo-opt{border:0;border-top:1px solid var(--rule);border-radius:0;background:transparent;box-shadow:none}
.paycard.activate.up2{
  text-align:start;padding:24px 22px;border-radius:20px;border:1px solid color-mix(in srgb,var(--rose) 20%,var(--rule));
  background:var(--surface);box-shadow:0 16px 36px -24px rgba(120,40,60,.35);display:grid;gap:16px;
}
.paycard.activate.up2::before{
  height:auto;inset:0 0 auto 0;height:120px;opacity:1;
  background:radial-gradient(120% 100% at 100% 0%,color-mix(in srgb,var(--rose-soft) 80%,transparent) 0%,transparent 70%);
  pointer-events:none;
}
[dir="rtl"] .paycard.activate.up2::before{background:radial-gradient(120% 100% at 0% 0%,color-mix(in srgb,var(--rose-soft) 80%,transparent) 0%,transparent 70%)}
.up2>*{position:relative}
.up3{gap:12px}
.up3-pass{margin:-4px -4px 0;padding:12px;border-radius:18px;background:linear-gradient(160deg,#2B1D1A 0%,#4A2630 100%);color:#FBF3EA;position:relative;overflow:hidden}
.up3-pass::after{content:"";position:absolute;inset:auto -40px -70px auto;width:150px;height:150px;border-radius:50%;
  background:radial-gradient(circle,rgba(226,174,69,.3),transparent 70%);pointer-events:none}
.up3-pass-top{display:flex;align-items:center;gap:12px;position:relative;z-index:1}
.up3-phone{flex:none;display:block}
.up3-pass .pgo-phone.is-compact .pgo-device{--k:.1385;width:60px;height:122px;border-radius:12px;padding:3px;
  box-shadow:0 8px 18px rgba(0,0,0,.45),0 0 0 1px rgba(243,207,122,.55)}
.up3-pass .pgo-phone.is-compact .pgo-screen{border-radius:9px}
.up3-pass .pgo-phone.is-compact .pgo-device-link{border-radius:12px}
.up3-pass-t{display:grid;gap:6px;min-width:0}
.up3-chip{justify-self:start;display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;
  background:rgba(243,207,122,.16);color:#F6D88F;font-size:11.5px;font-weight:700;white-space:nowrap}
.up3-chip .ic{width:13px;height:13px}
.up3-chip.is-over{background:rgba(255,140,150,.16);color:#FFB3BC}
.up3 .up3-names{margin:0;font-family:var(--display);font-size:20px;font-weight:700;color:#FFF8EF;line-height:1.3;overflow-wrap:anywhere}
.up3-gets{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:12px;color:rgba(251,243,234,.88)}
.up3-gets span{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}
.up3-gets .ic{width:13px;height:13px;color:#8EE0B0}
.up3-proof{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:rgba(251,243,234,.72)}
.up3-proof .ic{flex:none;width:12px;height:12px;color:#FF9FB0}
.up3 .up2-price{padding:0;background:none;border:0;gap:2px;justify-items:center;text-align:center}
.up3 .up2-amount{justify-content:center;gap:8px}
.up3 .up2-now{font-size:26px}
.up3 .up2-was{font-size:14px}
.up3 .up2-badge-save,.up3 .up2-perk,.up3 .up2-safe-t,.up3 .up2-steps-list,.up3 .up2-subnote{display:none}
.up3 .up2-per{font-size:12px}
.up3 .up2-approx{font-size:11.5px}
.up3 .up2-panel{gap:10px}
.up3 .up2-pay,.up3 .up2-btn-cliq{min-height:54px;font-size:16px}
.up3 .up2-methods{flex-wrap:wrap;justify-content:center;gap:4px}
.up3 .up2-panel,.up3 .up2-safe{min-width:0;max-width:100%}
.up3 .up2-methods li{height:22px;padding:0 5px}
.up3 .up2-methods img{height:10px}
.up3 .up2-trust{padding-top:0;border-top:0;font-size:11.5px}
.up3-how{margin:0;font-size:12.5px;line-height:1.6;color:var(--ink-soft);text-align:center}
.up3-trust{list-style:none;margin:0;padding:0;display:flex;justify-content:center;flex-wrap:wrap;gap:4px 12px;font-size:11.5px;color:var(--ink-soft)}
.up3-trust li{display:inline-flex;align-items:center;gap:4px}
.up3-trust .ic{width:13px;height:13px;color:var(--ui-success)}
.up2-head{display:flex;align-items:center;gap:12px}
.up2-ico{flex:none;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:#FFFCF8;
  background:linear-gradient(140deg,var(--rose) 0%,var(--rose-deep) 100%);box-shadow:0 6px 14px -6px rgba(120,40,60,.7)}
.up2-ico .ic{width:20px;height:20px}
.up2-head-t{display:grid;gap:2px;min-width:0}
.up2-kicker{font-size:12px;font-weight:700;letter-spacing:.02em;color:var(--rose-deep)}
.up2 h3{margin:0;font-family:var(--display);font-size:20px;font-weight:700;color:var(--ink);line-height:1.35}
.up2-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:12px;
  background:var(--paper);border:1px solid var(--rule);margin-bottom:2px}
.up2-tab{display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:6px 12px;
  border-radius:9px;border:none;background:transparent;color:var(--ink-soft);font-family:var(--body);
  font-size:13.5px;font-weight:700;cursor:pointer;transition:all .16s ease;text-align:center}
.up2-tab:hover{color:var(--ink);background:color-mix(in srgb,var(--surface) 60%,transparent)}
.up2-tab.is-active{background:var(--surface);color:var(--ink);box-shadow:0 3px 10px -3px var(--pay-shadow);
  border:1px solid color-mix(in srgb,var(--rule) 85%,transparent);font-weight:800}
.up2-tab-ico{display:grid;place-items:center;width:18px;height:18px;color:var(--ui-success);flex:none}
.up2-tab:not(.is-active) .up2-tab-ico{color:var(--ink-faint)}
.up2-tab-lbl{display:inline-block;white-space:nowrap}
.paycard.activate.up2{grid-template-columns:minmax(0,1fr)}
@media (max-width:600px),(min-width:1024px){
  .up2-tabs{grid-template-columns:minmax(0,auto) minmax(0,auto)}
  .up2-tab{min-width:0;padding-inline:6px;gap:6px}
  .up2-tab-lbl{white-space:normal;min-width:0;text-wrap:balance}
}
@media (min-width:1024px){
  .up2-tab{font-size:12.5px}
}
.up2-btn-txt{text-wrap:balance}
.up2-panel{display:grid;gap:14px}
.up2-panel[hidden]{display:none !important}
.up2-price{display:grid;gap:6px;padding:14px 16px;border-radius:16px;background:var(--paper);border:1px solid var(--rule)}
.up2-amount{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.up2-now{font-family:var(--body);font-size:32px;font-weight:800;line-height:1;color:var(--ink);letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.up2-was{font-size:16px;color:var(--ink-faint);text-decoration:line-through}
.up2-badge-save{font-size:11px;font-weight:800;padding:3px 8px;border-radius:999px;
  background:color-mix(in srgb,var(--ui-success) 14%,var(--surface));color:var(--ui-success);
  border:1px solid color-mix(in srgb,var(--ui-success) 28%,transparent);align-self:center}
.up2-per{font-size:13px;color:var(--ink-soft);font-weight:600;margin:0;line-height:1.45}
.up2-approx{font-size:12px;color:var(--ink-faint);margin:0}
.up2-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.up2-list li{display:flex;align-items:flex-start;gap:9px;font-size:13.5px;line-height:1.55;color:var(--ink)}
.up2-list .ic{flex:none;width:17px;height:17px;margin-top:2px;color:var(--ui-success)}
.up2-step-n{flex:none;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:11.5px;font-weight:800;color:#FFFFFF;background:var(--ui-success);margin-top:1px}
.up2-perk{margin:0;display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:12px;font-size:13px;line-height:1.6;
  color:#166534;background:color-mix(in srgb,#16a34a 8%,var(--surface));border:1px solid color-mix(in srgb,#16a34a 22%,var(--rule))}
.up2-perk .ic{flex:none;width:17px;height:17px;margin-top:2px}
.up2-btn-cliq{
  display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:52px;padding:12px 18px;
  border-radius:14px;border:0;background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#FFFFFF !important;
  text-decoration:none;font-size:15.5px;font-weight:800;box-shadow:0 10px 24px -10px rgba(16,185,129,.55);
  transition:filter .15s ease,transform .15s ease,box-shadow .15s ease;cursor:pointer;
}
.up2-btn-cliq:hover{filter:brightness(1.06);box-shadow:0 12px 28px -10px rgba(16,185,129,.7)}
.up2-btn-cliq:active{transform:scale(.985)}
.up2-cliq-pill{display:inline-grid;place-items:center;height:24px;padding:0 7px;border-radius:6px;
  background:rgba(255,255,255,.24);color:#FFFFFF;font-size:12px;font-weight:800;letter-spacing:.02em;direction:ltr}
.up2-btn-txt{flex:1;text-align:center}
.up2-btn-arr{flex:none;color:#FFFFFF;transition:transform .15s ease}
[dir="rtl"] .up2-btn-arr{transform:rotate(180deg)}
.up2-btn-cliq:hover .up2-btn-arr{transform:translate(-3px,0)}
[dir="rtl"] .up2-btn-cliq:hover .up2-btn-arr{transform:rotate(180deg) translate(-3px,0)}
.up2-tabs.n3{grid-template-columns:repeat(3,minmax(0,1fr))}
.up2-other{margin:10px 0 0;text-align:center}
.up2-other-btn{appearance:none;border:0;background:none;padding:10px 8px;min-height:44px;font:inherit;font-size:13px;font-weight:600;color:var(--ink-soft);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.up2-other-btn:hover{color:var(--rose)}
.up2-other-btn:focus-visible{outline:2px solid var(--rose);outline-offset:2px;border-radius:8px}
.up2-tabs.n3 .up2-tab{min-width:0;min-height:44px;padding-inline:6px;gap:5px}
.up2-tabs.n3 .up2-tab-lbl{white-space:normal;min-width:0;text-wrap:balance;line-height:1.25}
.up2-tab-usdt{font-size:15px;font-weight:800;line-height:1;font-family:system-ui,sans-serif}
.up2-btn-usdt{background:linear-gradient(135deg,#26A17B 0%,#1A7F60 100%);box-shadow:0 10px 24px -10px rgba(38,161,123,.55)}
.up2-btn-usdt:hover{box-shadow:0 12px 28px -10px rgba(38,161,123,.7)}
.up2-usdt-pill{font-size:15px;padding:0 8px;font-family:system-ui,sans-serif}
.up2-usdt-note{margin:0;display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:12px;font-size:13px;line-height:1.6;
  color:var(--ink);background:var(--paper);border:1px solid var(--rule)}
.up2-usdt-note .ic{flex:none;width:17px;height:17px;margin-top:2px;color:var(--rose-deep)}
@keyframes cliqPulseRing{
  0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--ui-success) 65%,transparent);transform:scale(1)}
  50%{box-shadow:0 0 0 10px color-mix(in srgb,var(--ui-success) 0%,transparent);transform:scale(1.02)}
  100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--ui-success) 0%,transparent);transform:scale(1)}
}
.up2-cliq.cliq-pulse{animation:cliqPulseRing 1.1s ease-out 3}
@media (prefers-reduced-motion:reduce){.up2-cliq.cliq-pulse{animation:none}}
.up2-pay{
  display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:52px;border:0;border-radius:14px;cursor:pointer;
  font:inherit;font-size:15.5px;font-weight:800;color:#FFFFFF;background:var(--pay-grad);
  box-shadow:0 12px 24px -12px var(--pay-shadow);transition:filter .15s ease,transform .15s ease;
}
.up2-pay .ic{width:18px;height:18px}
.up2-pay:hover{filter:brightness(1.06)}
.up2-pay:active{transform:scale(.985)}
.up2-pay:disabled,.up2-pay.busy{opacity:.75;cursor:progress}
.up2-subnote{margin:-6px 0 0;font-size:12px;color:var(--ink-faint);text-align:center;line-height:1.4}
.up2 .paynote{margin:-6px 0 0}
.up2 .paynote:empty{display:none}
.up2-safe{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:0}
.up2-methods{list-style:none;margin:0;padding:0;display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}
.up2-methods li{display:flex;align-items:center;justify-content:center;height:26px;padding:0 6px;border:1px solid var(--rule);border-radius:6px;background:#FFFFFF}
.up2-methods img{display:block;height:12px;width:auto;max-width:44px}
.up2-methods .pm-mastercard img{height:17px}
.up2-methods .pm-amex img{height:20px}
.up2-methods .pm-applepay img,.up2-methods .pm-paypal img{height:13px}
.up2-methods .pm-googlepay img{height:14px}
.up2-safe-t{margin:0;display:flex;align-items:center;justify-content:center;gap:6px;text-align:center;font-size:12px;color:var(--ink-soft);line-height:1.45}
.up2-safe-t .ic{flex:none;width:13px;height:13px;color:var(--ui-success)}
.up2-trust{display:flex;align-items:center;justify-content:center;gap:8px;padding-top:10px;border-top:1px solid var(--rule);font-size:12px;color:var(--ink-faint)}
.up2-trust span{display:inline-flex;align-items:center;gap:5px}
.up2-trust .ic{width:14px;height:14px;color:var(--ui-success)}
.up2-trust-dot{color:var(--rule);font-weight:700}
.up2-trust a{color:var(--ink-faint);text-decoration:underline;text-underline-offset:2px}
.up2-trust a:hover{color:var(--ink)}
.up2-coupon{margin:-4px 0 0;text-align:center}
.up2 .coupon-fold summary{min-height:36px;padding:4px 2px;font-size:12px;font-weight:600;color:var(--ink-soft);text-decoration:underline;text-underline-offset:3px;text-decoration-color:color-mix(in srgb,var(--ink-soft) 40%,transparent)}
.up2 .coupon-fold summary::after{display:none}
.up2 .coupon-fold[open] summary{color:var(--rose-deep)}
.up2 .coupon-row{flex-wrap:nowrap;gap:0;margin:6px auto 0;max-width:340px;border:1px solid var(--rule);border-radius:12px;overflow:hidden;background:var(--paper)}
.up2 .coupon-row:focus-within{border-color:var(--rose);box-shadow:0 0 0 3px var(--rose-soft)}
.up2 .coupon-row input{flex:1 1 auto;min-height:42px;border:0;border-radius:0;background:transparent;padding:8px 12px;font-size:16px;letter-spacing:.06em;box-shadow:none}
.up2 .coupon-row input:focus-visible{outline:none}
.up2 .coupon-row button{flex:none;min-height:42px;padding:0 16px;border:0;border-inline-start:1px solid var(--rule);background:var(--surface);
  font:inherit;font-size:13.5px;font-weight:700;color:var(--rose-deep);cursor:pointer}
.up2 .coupon-row button:hover{background:var(--rose-soft)}
.up2 .coupon-msg{text-align:center;margin:6px 0 0;min-height:0}
.up2 .coupon-msg:empty{display:none}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) .up2-tabs{background:#1B2030;border-color:#39406A}
  :root:not([data-theme="light"]) .up2-tab.is-active{background:#252D44;border-color:#4C5682;color:#FFFFFF}
}
:root[data-theme="dark"] .up2-tabs{background:#1B2030;border-color:#39406A}
:root[data-theme="dark"] .up2-tab.is-active{background:#252D44;border-color:#4C5682;color:#FFFFFF}
.cq-wrap{max-width:520px;margin:0 auto;padding:10px 16px 88px}
.cq-back{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:14px;font-weight:600;color:var(--ink-soft)}
.cq-card{display:grid;gap:18px;padding:24px 22px;border-radius:24px;border:1px solid color-mix(in srgb,var(--ui-success) 20%,var(--rule));
  background:var(--surface);box-shadow:var(--shadow)}
.cq-head{display:flex;align-items:center;gap:12px}
.cq-mark{flex:none;display:grid;place-items:center;width:52px;height:42px;border-radius:13px;direction:ltr;background:var(--pay-grad);
  color:#FFFFFF;font-weight:800;font-size:14.5px;letter-spacing:.02em;box-shadow:0 8px 16px -10px var(--pay-shadow)}
.cq-head-t{display:grid;gap:1px;min-width:0}
.cq-kicker{font-size:12px;font-weight:700;color:var(--ui-success)}
.cq-head h1{margin:0;font-family:var(--display);font-size:21px;font-weight:700;line-height:1.35;color:var(--ink)}
.cq-amount{display:grid;justify-items:center;gap:4px;padding:16px 16px 14px;border-radius:18px;text-align:center;
  background:var(--paper);border:1px solid var(--rule)}
.cq-amount-l{font-size:12.5px;font-weight:600;color:var(--ink-soft)}
.cq-amount-v{display:flex;align-items:baseline;justify-content:center;gap:10px}
.cq-amount-v b{font-size:36px;font-weight:800;line-height:1.1;color:var(--ink);font-variant-numeric:tabular-nums}
.cq-amount-v s{font-size:16px;color:var(--ink-faint)}
.cq-amount small{font-size:12.5px;color:var(--ink-faint)}
.cq-amount .ofr-sm{margin-top:8px;width:100%}
.cq-amount .cq-coupon-note{color:var(--ui-success);font-weight:600}
.cq-sent{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:16px;background:var(--ui-success-soft);
  border:1px solid color-mix(in srgb,var(--ui-success) 35%,var(--rule))}
.cq-sent-ico{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--ui-success);color:#FFFFFF;box-shadow:0 3px 8px color-mix(in srgb,var(--ui-success) 35%,transparent)}
.cq-sent-ico .ic{width:18px;height:18px}
.cq-sent-body{display:grid;gap:6px;min-width:0;width:100%}
.cq-sent-body b{display:block;font-size:14.5px;font-weight:700;color:var(--ui-success)}
.cq-sent-body p{margin:0;font-size:13px;line-height:1.6;color:var(--ink)}
.cq-sent-wa{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:6px;padding:10px 16px;border-radius:12px;
  background:var(--ui-wa);color:#FFFFFF;font-size:13.5px;font-weight:700;text-decoration:none;box-shadow:0 6px 14px -4px rgba(37,211,102,.6);
  transition:transform .15s ease,filter .15s ease}
.cq-sent-wa:hover{filter:brightness(1.06);transform:translateY(-1px)}
.cq-sent-wa svg{flex:none;width:18px;height:18px}
.cq-top-alias{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-top:10px;padding:11px 14px;border-radius:14px;
  background:var(--surface);border:1px solid color-mix(in srgb,var(--ui-success) 25%,var(--rule))}
.cq-alias-info{display:grid;gap:1px;text-align:start}
.cq-alias-lbl{font-size:12.5px;font-weight:700;color:var(--ink)}
.cq-bank-lbl{font-size:11.5px;color:var(--ink-soft)}
.cq-alias-val{display:flex;align-items:center;gap:8px}
.cq-alias-val code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:17px;font-weight:800;letter-spacing:.05em;color:var(--ink)}
.cq-copy-b{flex:none;min-height:38px;min-width:54px;padding:0 12px;border-radius:10px;border:1px solid color-mix(in srgb,var(--ui-success) 35%,var(--rule));
  background:color-mix(in srgb,var(--ui-success) 7%,var(--surface));font:inherit;font-size:13px;font-weight:700;color:var(--ui-success);cursor:pointer}
.cq-copy-b:hover{background:color-mix(in srgb,var(--ui-success) 13%,var(--surface))}
.cq-copy-b.on{background:var(--ui-success);border-color:var(--ui-success);color:var(--surface)}
.cq-steps-box{display:grid;gap:10px;padding:14px 16px;border-radius:16px;background:var(--paper);border:1px solid var(--rule)}
.cq-steps-h{font-size:13px;font-weight:700;color:var(--ink)}
.cq-steps{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.cq-step-item{display:flex;align-items:flex-start;gap:10px}
.cq-step-num{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;
  color:#FFFFFF;background:var(--ui-success);margin-top:1px}
.cq-step-body{display:grid;gap:1px;min-width:0}
.cq-step-title{font-size:13px;font-weight:700;color:var(--ink);line-height:1.4}
.cq-step-desc{font-size:12px;color:var(--ink-soft);line-height:1.5}
.cq-form{display:grid;gap:8px;padding-top:16px;border-top:1px dashed var(--rule)}
.cq-form label{font-size:13.5px;font-weight:600;color:var(--ink)}
.cq-form label em{font-style:normal;font-weight:500;font-size:12px;color:var(--ink-faint)}
.cq-form input{width:100%;min-height:46px;padding:9px 14px;border-radius:12px;border:1px solid var(--rule);background:var(--paper);color:var(--ink);font:inherit;font-size:16px}
.cq-form input:focus-visible{outline:none;border-color:var(--ui-success);box-shadow:0 0 0 3px color-mix(in srgb,var(--ui-success) 20%,transparent)}
.cq-done{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:52px;margin-top:4px;border:0;border-radius:14px;cursor:pointer;
  font:inherit;font-size:15.5px;font-weight:800;color:#FFFFFF;background:var(--pay-grad);box-shadow:0 12px 22px -12px var(--pay-shadow);
  transition:filter .15s ease,transform .15s ease}
.cq-done .ic{width:18px;height:18px}
.cq-done:hover{filter:brightness(1.06)}
.cq-done:active{transform:scale(.985)}
.cq-done:disabled{opacity:.75;cursor:progress}
.cq-msg{margin:0;font-size:13px;line-height:1.6;color:var(--ui-danger);text-align:center}
.cq-msg:empty{display:none}
.cq-note{margin:0;text-align:center;font-size:12px;line-height:1.6;color:var(--ink-faint)}
.cq-help{display:grid;gap:10px;justify-items:center;padding-top:14px;border-top:1px solid var(--rule);text-align:center}
.cq-help-t{font-size:12.5px;font-weight:600;color:var(--ink-soft)}
.cq-help-a{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.cq-wa,.cq-mail{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:0 16px;border-radius:999px;font-size:13.5px;font-weight:700;text-decoration:none}
.cq-wa{background:var(--ui-wa);color:#FFFFFF;box-shadow:0 8px 16px -10px rgba(37,211,102,.7)}
.cq-wa:hover{background:var(--ui-wa-hover)}
.cq-mail{border:1px solid var(--rule);background:var(--surface);color:var(--ink-soft);font-weight:600;font-size:13px}
.cq-mail .ic{width:16px;height:16px}
.cq-float-wa{position:fixed;bottom:22px;inset-inline-end:20px;z-index:990;display:inline-flex;align-items:center;gap:9px;
  padding:11px 18px;border-radius:999px;background:#25D366;color:#FFFFFF;font-weight:700;font-size:13.5px;text-decoration:none;
  box-shadow:0 10px 24px -4px rgba(37,211,102,.6),0 3px 8px rgba(0,0,0,.12);transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease,filter .2s ease}
.cq-float-wa:hover{transform:translateY(-2px) scale(1.02);filter:brightness(1.06);box-shadow:0 14px 28px -4px rgba(37,211,102,.7)}
.cq-float-wa:active{transform:translateY(1px) scale(.98)}
.cq-float-wa svg{flex:none;width:22px;height:22px}
.sy-logos{justify-content:flex-start;margin-top:8px}
.up2-safe .sy-logos{justify-content:center;margin-top:0}
.sy-note-box{margin:0;padding:12px 14px;border-radius:12px;border:1px solid var(--rule);background:var(--paper);font-size:14px;line-height:1.8;color:var(--ink)}
.sy-wa-main{justify-self:stretch;min-height:48px;font-size:14.5px}
.sy-wa-num{justify-self:center;font-size:12px;color:var(--ink-faint);font-variant-numeric:tabular-nums}
.sy-methods{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;border:0;min-width:0}
.sy-methods legend{padding:0;margin:0 0 6px;font-size:13.5px;font-weight:600;color:var(--ink)}
.sy-method{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:84px;padding:10px 8px;
  border:1.5px solid var(--rule);border-radius:14px;background:var(--paper);cursor:pointer;font-size:13px !important;font-weight:700 !important;text-align:center}
.sy-method input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.sy-method img{display:block;width:auto;max-width:100%}
.sy-method .sy-m-sq{height:34px;border-radius:7px}
.sy-method .sy-m-wide{height:30px;border-radius:5px}
.sy-method:has(input:checked){border-color:var(--ui-success);background:color-mix(in srgb,var(--ui-success) 8%,var(--surface));
  box-shadow:0 0 0 3px color-mix(in srgb,var(--ui-success) 18%,transparent)}
.sy-method:has(input:focus-visible){outline:2px solid var(--ui-success);outline-offset:2px}
.sy-methods.one{grid-template-columns:1fr}
.sy-whish{display:inline-flex;align-items:center;justify-content:center;height:30px;padding:0 10px;border-radius:7px;background:#16161a;color:#fff;
  font-size:12.5px;font-weight:700;letter-spacing:.2px;line-height:1;white-space:nowrap;direction:ltr}
.sy-file-l{margin-top:6px}
.sy-drop{position:relative;display:grid;place-items:center;gap:8px;min-height:120px;padding:14px;border:1.5px dashed color-mix(in srgb,var(--ui-success) 45%,var(--rule));
  border-radius:16px;background:var(--paper);cursor:pointer;text-align:center;overflow:hidden}
.sy-drop:hover{background:color-mix(in srgb,var(--ui-success) 5%,var(--paper))}
.sy-drop:focus-within{outline:2px solid var(--ui-success);outline-offset:2px}
.sy-drop input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}
.sy-drop-t{display:grid;justify-items:center;gap:6px;font-size:13.5px;font-weight:600;color:var(--ink-soft);line-height:1.5}
.sy-drop-t .ic{width:26px;height:26px;color:var(--ui-success)}
.sy-prev{display:block;max-width:100%;max-height:220px;border-radius:10px;box-shadow:0 4px 14px rgba(0,0,0,.12)}
.sy-prev[hidden]{display:none}
.sy-drop.has{border-style:solid;min-height:0}
.sy-drop.has .sy-drop-t{font-size:12.5px;font-weight:500}
.sy-drop.has .sy-drop-t .ic{display:none}
@media (max-width:480px){
  .cq-card{padding:20px 16px}
  .cq-amount-v b{font-size:31px}
  .cq-float-wa{bottom:18px;inset-inline-end:16px;padding:10px 15px;font-size:12.5px;gap:7px}
  .cq-float-wa svg{width:20px;height:20px}
}
.ofr{display:grid;gap:8px;padding:14px 16px;border-radius:16px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 15%,var(--surface)) 0%,color-mix(in srgb,var(--rose) 9%,var(--surface)) 100%);
  border:1px solid color-mix(in srgb,var(--gold) 45%,var(--rule))}
.ofr-top{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.ofr-tag{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:800;color:var(--rose-deep)}
.ofr-tag .ic{width:17px;height:17px}
.ofr-save{font-size:12.5px;font-weight:800;line-height:1.4;color:#FFFFFF;background:var(--rose-grad);padding:3px 11px;border-radius:999px;white-space:nowrap}
.ofr-sub{margin:0;font-family:var(--display);font-size:15.5px;font-weight:700;line-height:1.5;color:var(--ink);text-align:center}
.ofr-t{margin:0;font-size:12.5px;font-weight:600;color:var(--ink-soft);text-align:center}
.ofr-clock{display:flex;align-items:flex-start;justify-content:center;gap:6px}
.ofr-u{display:grid;justify-items:center;gap:3px;min-width:60px;padding:8px 6px 6px;border-radius:12px;background:var(--surface);
  border:1px solid color-mix(in srgb,var(--gold) 30%,var(--rule));box-shadow:0 6px 12px -10px rgba(63,49,44,.45)}
.ofr-u b{font-family:var(--body);font-size:25px;font-weight:800;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:.02em}
.ofr-u small{font-size:11px;font-weight:600;color:var(--ink-faint)}
.ofr-clock i{font-style:normal;font-size:22px;font-weight:800;line-height:1;color:var(--rose-deep);padding-top:9px}
.ofr-over{margin:0;text-align:center;font-size:13.5px;font-weight:700;color:var(--rose-deep)}
.ofr-over[hidden]{display:none}
.ofr.is-over .ofr-clock{opacity:.45}
.ofr-sm{display:grid;gap:6px;padding:10px 12px;border-radius:12px}
.ofr-sm .ofr-tag{font-size:13px}
.ofr-mini{display:flex;align-items:baseline;justify-content:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--ink-soft)}
.ofr-mini-t{font-family:var(--body);font-size:16px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:.02em}
.ofr-mini-t b{font-weight:800}
.ofr-sm .ofr-over{flex-basis:100%}
.ofr-sm.is-over .ofr-mini{opacity:.45}
@media (max-width:360px){
  .ofr-u{min-width:54px}
  .ofr-u b{font-size:22px}
}
.pub-offer-slim{display:flex;align-items:center;gap:12px;margin:0 0 14px;padding:10px 14px;border-radius:16px;box-sizing:border-box;
  background:color-mix(in srgb,var(--gold) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--gold) 45%,var(--rule));
  color:var(--ink) !important;text-decoration:none !important;transition:border-color .15s ease}
.pub-offer-slim:hover{border-color:var(--gold)}
.pub-offer-slim-t{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.5}
.pub-offer-slim-t b{font-size:14.5px;font-weight:700;text-wrap:balance}
.pub-offer-slim-t bdi{white-space:nowrap}
@media (max-width:520px){.pub-offer-slim-x{display:none}}
.pub-offer-slim-t s{font-weight:400;color:var(--ink-soft)}
.pub-offer-slim-t small{font-size:12.5px;color:var(--ink-soft)}
.pub-offer-slim-go{flex:none;display:inline-flex;align-items:center;gap:5px;min-height:36px;padding:0 13px;border-radius:999px;
  background:var(--pay-grad);color:#FFFFFF;font-size:13.5px;font-weight:700;white-space:nowrap}
.pub-offer-slim-go .ic{width:14px;height:14px}
.pub-cliq-banner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  margin:0 0 16px;padding:12px 18px;border-radius:16px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--ui-success) 9%,var(--surface)) 0%,color-mix(in srgb,var(--gold) 11%,var(--surface)) 100%);
  border:1.5px solid color-mix(in srgb,var(--ui-success) 35%,var(--rule));
  box-shadow:0 8px 24px -14px var(--pay-shadow)}
.pub-cliq-banner-dismiss{position:absolute;top:9px;inset-inline-end:10px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(0,0,0,0.08);background:color-mix(in srgb,var(--surface) 92%,transparent);color:var(--ink-soft);cursor:pointer;padding:0;transition:all .15s ease;z-index:2}
.pub-cliq-banner-dismiss:hover{background:var(--surface);color:var(--ink);border-color:rgba(0,0,0,0.22);transform:scale(1.08)}
:root[data-theme="dark"] .pub-cliq-banner-dismiss{border-color:rgba(255,255,255,0.15);background:color-mix(in srgb,var(--surface) 80%,transparent);color:var(--ink)}
.pub-cliq-banner-main{display:flex;align-items:center;gap:12px;flex:1 1 320px;min-width:0;padding-inline-end:22px}
.pub-cliq-banner-icon{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;
  background:color-mix(in srgb,var(--ui-success) 16%,var(--surface));color:var(--ui-success)}
.pub-cliq-banner-icon .ic{width:22px;height:22px}
.pub-cliq-banner-txt{display:grid;gap:3px;min-width:0}
.pub-cliq-banner-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pub-cliq-banner-tag{font-size:11.5px;font-weight:800;line-height:1;padding:3.5px 9px;border-radius:999px;
  background:var(--ui-success);color:#FFFFFF;letter-spacing:.02em}
.pub-cliq-banner-title strong{font-size:14.5px;font-weight:700;color:var(--ink);line-height:1.4}
.pub-cliq-banner-sub{margin:0;font-size:13px;color:var(--ink-soft);line-height:1.4}
.pub-cliq-banner-lead{display:flex;align-items:center;gap:6px;margin:1px 0;font-size:14.5px;font-weight:700;color:var(--ink);line-height:1.45}
.pub-cliq-banner-lead .ic{flex:none;width:16px;height:16px;color:var(--ui-success)}
.pub-cliq-banner-now{font-weight:800;color:var(--ui-success)}
.pub-cliq-banner-sub s{color:var(--ink-faint);margin-inline-start:4px}
.pub-cliq-banner-dot{color:var(--ink-faint)}
.pub-cliq-banner-perks{display:flex;align-items:center;gap:6px 10px;flex-wrap:wrap;margin-top:5px}
.pub-cliq-banner-perk{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:600;color:var(--ink-soft);background:rgba(255,255,255,0.7);padding:2px 8px;border-radius:6px;border:1px solid rgba(0,0,0,0.06);white-space:nowrap}
.pub-cliq-banner-perk .ic{width:12px;height:12px;color:var(--ui-success);stroke-width:2.8}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) .pub-cliq-banner-perk{background:rgba(0,0,0,0.25);border-color:rgba(255,255,255,0.08);color:var(--ink)}
}
:root[data-theme="dark"] .pub-cliq-banner-perk{background:rgba(0,0,0,0.25);border-color:rgba(255,255,255,0.08);color:var(--ink)}
.pub-cliq-banner-side{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pub-cliq-banner-clock{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;
  color:var(--ink-soft);background:var(--surface);padding:6px 11px;border-radius:10px;border:1px solid var(--rule)}
.pub-cliq-banner-clock-time{font-family:var(--body);font-size:14.5px;font-weight:800;color:var(--rose-deep);
  font-variant-numeric:tabular-nums;letter-spacing:.03em;direction:ltr}
.pub-cliq-banner-cta{display:inline-flex;align-items:center;gap:6px;min-height:42px;padding:0 16px;border-radius:11px;
  background:var(--pay-grad);color:#FFFFFF !important;font-family:var(--body);font-size:13px;font-weight:700;
  text-decoration:none;cursor:pointer;white-space:nowrap;box-shadow:0 4px 14px -4px var(--pay-shadow);
  transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}
.pub-cliq-banner-cta:hover{transform:translateY(-1px);filter:brightness(1.05);box-shadow:0 6px 18px -4px var(--pay-shadow)}
.pub-cliq-banner-cta:active{transform:translateY(0)}
.pub-cliq-banner.is-over .pub-cliq-banner-side{display:none}
.pub-cliq-banner.is-over .ofr-over{display:block;margin:0;font-size:13px;font-weight:700;color:var(--rose-deep)}
@media (max-width:640px){
  .pub-cliq-banner{padding:12px 14px;gap:10px}
  .pub-cliq-banner-side{width:100%;justify-content:space-between}
  .pub-cliq-banner-cta{flex:1;justify-content:center;min-height:44px}
  .pub-cliq-banner{margin-bottom:14px;padding:10px 14px 12px;gap:8px}
  .pub-cliq-banner-main{flex-basis:100%;padding-inline-end:28px}
  .pub-cliq-banner-icon,.pub-cliq-banner-title strong{display:none}
  .pub-cliq-banner-sub{font-size:14.5px;font-weight:700;color:var(--ink)}
  .pub-cliq-banner-perks{gap:0 6px;margin-top:1px}
  .pub-cliq-banner-perk,:root[data-theme="dark"] .pub-cliq-banner-perk{background:none;border:0;padding:0;font-size:12.5px;font-weight:500;color:var(--ink-soft);white-space:normal}
  .pub-cliq-banner-perk .ic{display:none}
  .pub-cliq-banner-perk:not(:last-child)::after{content:"·";margin-inline-start:6px;color:var(--ink-faint)}
}
.up2 .coupon-on{justify-content:center;margin:0;gap:8px;font-size:13px;border-style:solid;background:color-mix(in srgb,#16a34a 6%,var(--surface));border-color:color-mix(in srgb,#16a34a 22%,var(--rule));color:#166534}
.up2 .coupon-on .ic{width:15px;height:15px}
.up2 .coupon-on .linkbtn{min-height:28px;padding:2px 4px;font-size:12.5px;position:relative}
.up2 .coupon-on .linkbtn::after{content:"";position:absolute;inset:-8px -6px}
@media (max-width:600px){
  .paycard.activate.up2{padding:18px 16px;border-radius:18px;gap:14px}
  .up2 h3{font-size:18px}
  .up2-now{font-size:28px}
  .up2-tab{padding:6px 8px;font-size:12.5px;min-height:38px}
  .up2-btn-cliq{font-size:14.5px;min-height:48px;padding:10px 14px}
  .up2 .coupon-row{flex-direction:row}
  .up2 .coupon-row input{width:auto}
  .up2 .coupon-row button{width:auto}
}
.act-x{display:grid;gap:12px;min-width:0}
.act-g{border-radius:14px;border:1px solid color-mix(in srgb,var(--gold) 45%,var(--rule));background:color-mix(in srgb,var(--gold) 9%,var(--surface))}
.act-g>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;min-height:48px;padding:8px 12px;border-radius:14px}
.act-g>summary::-webkit-details-marker{display:none}
.act-g>summary::marker{content:""}
.act-g>summary:focus-visible{outline:2px solid var(--rose);outline-offset:2px}
.act-g-ico{flex:none;display:grid;place-items:center;color:color-mix(in srgb,var(--gold) 70%,var(--ink))}
.act-g-ico .ic{width:20px;height:20px}
.act-g-t{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;line-height:1.45}
.act-g-t b{font-size:13.5px;font-weight:700;color:var(--ink)}
.act-g-t small{font-size:12px;color:var(--ink-soft)}
.act-g-chev{flex:none;display:grid;place-items:center;color:var(--ink-soft);transform:rotate(90deg);transition:transform .2s ease}
.act-g[open] .act-g-chev{transform:rotate(-90deg)}
.act-g-chev .ic{width:16px;height:16px}
.act-g ul{list-style:none;margin:0;padding:2px 14px 14px;display:grid;gap:8px}
.act-g li{display:flex;align-items:flex-start;gap:8px;font-size:13.5px;line-height:1.6;color:var(--ink)}
.act-g li b{font-weight:600}
.act-g li .ic{flex:none;width:16px;height:16px;margin-top:3px;color:var(--ui-success);stroke-width:2.6}
.act-box{display:grid;gap:10px;padding:14px;border-radius:14px;background:var(--paper);border:1px solid var(--rule)}
.act-box h4{margin:0;font-family:var(--display);font-size:15.5px;font-weight:700;color:var(--ink);line-height:1.4}
.act-rev-h{display:flex;align-items:center;justify-content:space-between;gap:8px}
.act-stars{font-size:13px;letter-spacing:1px;color:#C48A12}
.act-rev-row{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;
  scrollbar-width:none;margin:0 -14px;padding:0 14px 2px;scroll-padding-inline:14px;min-width:0}
.act-rev-row::-webkit-scrollbar{display:none}
.act-rev-row:focus-visible{outline:2px solid var(--rose);outline-offset:2px;border-radius:12px}
.act-rev{flex:0 0 84%;scroll-snap-align:start;margin:0;display:flex;flex-direction:column;justify-content:space-between;gap:6px;padding:10px 12px;border-radius:12px;background:var(--surface);border:1px solid var(--rule)}
.act-rev:only-child{flex-basis:100%}
.act-rev blockquote{margin:0;font-size:13px;line-height:1.75;color:var(--ink)}
.act-rev figcaption{font-size:11.5px;color:var(--ink-faint)}
.act-help{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid color-mix(in srgb,var(--ui-wa) 35%,var(--rule));background:color-mix(in srgb,var(--ui-wa) 6%,var(--surface))}
.act-help-t{flex:1;min-width:0;display:grid;gap:1px;line-height:1.45}
.act-help-t b{font-size:13.5px;font-weight:700;color:var(--ink)}
.act-help-t small{font-size:12px;color:var(--ink-soft)}
.act-wa{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border-radius:999px;background:var(--ui-wa);color:#FFFFFF !important;font-size:13.5px;font-weight:700;text-decoration:none;box-shadow:0 8px 16px -10px rgba(37,211,102,.7)}
.act-wa:hover{background:var(--ui-wa-hover)}
.act-wa svg{flex:none}
@media (prefers-reduced-motion:reduce){.act-g-chev{transition:none}}
.tcard .thumb .state{
  position:absolute;inset-inline-start:10px;top:10px;z-index:2;
  font-size:11.5px;line-height:1;padding:5px 10px;border-radius:999px;
  background:rgba(255,252,248,.92);color:#3F312C;border:1px solid rgba(63,49,44,.14);
  backdrop-filter:blur(3px);
}
.tcard .thumb .state.paid{background:#E9F1E6;color:#3B5B32;border-color:#C3DBB8}
.tcard .thumb .state.trial{background:#FBF1DC;color:#7A5A14;border-color:#E8D3A0}
.tcard .thumb .state.expired{background:#FBE9EC;color:#8E4557;border-color:#EBC3CC}
.legal{max-width:660px;padding-block:34px 60px}
.legal h1{font-family:var(--display);font-size:34px;margin:0 0 6px;line-height:1.25}
.legal .lede{font-size:16.5px;color:var(--ink-soft);margin:0}
.legal .updated{font-size:12.5px;color:var(--ink-faint);margin:10px 0 26px}
.legal h2{font-family:var(--display);font-size:19px;margin:30px 0 8px}
.legal p{font-size:15.5px;line-height:1.85;color:var(--ink-soft);margin:0 0 12px}
.legal ul{margin:0 0 12px;padding-inline-start:20px;display:grid;gap:7px}
.legal li{font-size:15.5px;line-height:1.75;color:var(--ink-soft)}
.legal a{color:var(--rose)}
.about .about-sign{font-family:var(--display);font-size:17px;color:var(--ink);margin-top:4px}
.about-facts{width:100%;border-collapse:collapse;margin:4px 0 12px;font-size:15px}
.about-facts th,.about-facts td{padding:11px 12px;border-bottom:1px solid var(--rule);text-align:start;vertical-align:top;line-height:1.6}
.about-facts th{width:34%;color:var(--ink);font-weight:600}
.about-facts td{color:var(--ink-soft)}
.eg-hero{background:linear-gradient(180deg,var(--rose-soft) 0%,var(--paper) 100%);border-bottom:1px solid var(--rule)}
.eg-hero-in{display:grid;grid-template-columns:1fr;gap:28px;align-items:center;padding-block:40px 44px}
.eg-kicker{display:inline-block;font-size:13px;font-weight:600;color:var(--rose);background:var(--surface);border:1px solid var(--rule);border-radius:999px;padding:5px 14px;margin-bottom:14px}
.eg-h1{font-family:var(--display);font-size:clamp(28px,6.4vw,44px);line-height:1.3;color:var(--ink);margin:0 0 14px}
.eg-lede{font-size:17px;line-height:1.85;color:var(--ink-soft);margin:0 0 22px;max-width:56ch}
.eg-ctas{display:flex;flex-wrap:wrap;gap:12px}
.eg-ctas .btn{min-height:48px}
.eg-note{font-size:13.5px;color:var(--ink-faint);margin:12px 0 0}
.eg-hero-pic{justify-self:center;width:min(72vw,340px);border-radius:22px;overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid var(--rule);background:var(--surface);transform:rotate(-2deg);transition:transform .3s var(--ease-spring)}
.eg-hero-pic:hover{transform:rotate(0) translateY(-4px)}
.eg-hero-pic img{width:100%;height:auto;aspect-ratio:1000/1400;object-fit:cover}
.eg-sec{padding-block:44px}
.eg-h2{font-family:var(--display);font-size:clamp(23px,4.6vw,31px);line-height:1.35;color:var(--ink);margin:0 0 8px;text-align:center}
.eg-sub{text-align:center;color:var(--ink-soft);line-height:1.8;margin:0 auto 26px;max-width:60ch}
.eg-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.eg-card{background:var(--surface);border:1px solid var(--rule);border-radius:16px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}
.eg-card-pic{display:block;aspect-ratio:1000/1400;overflow:hidden;background:var(--raised)}
.eg-card-pic img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.eg-card:hover .eg-card-pic img{transform:scale(1.04)}
.eg-card-body{padding:12px 12px 14px;display:flex;flex-direction:column;gap:10px}
.eg-card-t{font-family:var(--display);font-size:16.5px;color:var(--ink);margin:0}
.eg-card-acts{display:flex;gap:8px}
.eg-link{flex:1;display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:999px;border:1px solid var(--rule);color:var(--ink-soft);font-size:14px;text-decoration:none}
.eg-link:hover{border-color:var(--rose);color:var(--rose);text-decoration:none}
.eg-link.is-main{background:var(--rose-btn);border-color:var(--rose-btn);color:#FFFCF8}
.eg-link.is-main:hover{filter:brightness(1.06);color:#FFFCF8}
.eg-more{text-align:center;margin:22px 0 0}
.eg-more a{color:var(--rose);font-weight:500}
.eg-band{background:var(--raised);border-block:1px solid var(--rule)}
.eg-feats{display:grid;grid-template-columns:1fr;gap:14px;margin-top:24px}
.eg-feat{background:var(--surface);border:1px solid var(--rule);border-radius:16px;padding:18px}
.eg-feat-ico{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--rose-soft);color:var(--rose);margin-bottom:10px}
.eg-feat-ico .ic{width:22px;height:22px}
.eg-feat h3{font-family:var(--display);font-size:17px;color:var(--ink);margin:0 0 6px}
.eg-feat p{margin:0;color:var(--ink-soft);line-height:1.8;font-size:15px}
.eg-steps{list-style:none;padding:0;margin:24px 0 0;display:grid;grid-template-columns:1fr;gap:14px;counter-reset:none}
.eg-steps li{position:relative;background:var(--surface);border:1px solid var(--rule);border-radius:16px;padding:18px 18px 18px 18px;padding-inline-start:70px}
.eg-step-n{position:absolute;inset-inline-start:18px;top:18px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--rose-btn);color:#FFFCF8;font-weight:600}
.eg-steps h3{font-family:var(--display);font-size:17px;color:var(--ink);margin:0 0 4px}
.eg-steps p{margin:0;color:var(--ink-soft);line-height:1.8;font-size:15px}
.eg-faq{max-width:760px;margin:22px auto 0;display:grid;gap:10px}
.eg-faq details{background:var(--surface);border:1px solid var(--rule);border-radius:14px;padding:0 18px}
.eg-faq summary{cursor:pointer;list-style:none;padding:16px 0;font-weight:500;color:var(--ink);min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.eg-faq summary::-webkit-details-marker{display:none}
.eg-faq summary::after{content:"+";font-size:22px;color:var(--rose);line-height:1;flex:none}
.eg-faq details[open] summary::after{content:"−"}
.eg-faq details p{margin:0 0 16px;color:var(--ink-soft);line-height:1.85}
.eg-faq details a{color:var(--rose)}
.eg-final{text-align:center;background:var(--rose-soft);border:1px solid var(--rule);border-radius:22px;padding:34px 20px}
.eg-final h2{font-family:var(--display);font-size:clamp(22px,4.4vw,30px);color:var(--ink);margin:0 0 8px}
.eg-final p{color:var(--ink-soft);margin:0 0 20px;line-height:1.8}
@media (min-width:761px){
  .eg-hero-in{grid-template-columns:1.25fr 1fr;padding-block:64px}
  .eg-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
  .eg-feats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .eg-steps{grid-template-columns:repeat(3,minmax(0,1fr))}
  .eg-steps li{padding:22px;padding-top:74px}
  .eg-step-n{top:22px;inset-inline-start:22px}
}
.post-author-box{display:flex;gap:14px;align-items:flex-start;margin:34px 0 8px;padding:18px;border:1px solid var(--rule);border-radius:18px;background:var(--surface)}
.post-author-av{flex:none;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--rose-soft);color:var(--rose-deep);font-family:var(--display);font-size:20px;font-weight:700}
.post-author-box b{font-size:16px}
.post-author-box b a{color:var(--ink);text-decoration:none}
.post-author-role{display:block;font-size:12.5px;color:var(--ink-faint);margin-top:1px}
.post-author-box p{margin:6px 0 0;font-size:14px;line-height:1.75;color:var(--ink-soft)}
.acct{max-width:580px;display:grid;gap:16px;margin-inline:auto;padding-block:16px 40px}
.acct-header{display:grid;gap:4px;margin-bottom:6px}
.acct-subtitle{font-size:14px;color:var(--ink-faint);margin:0}
.acard{
  background:var(--surface);border:1px solid var(--rule);border-radius:18px;
  padding:22px 24px;box-shadow:var(--shadow);transition:box-shadow .18s ease;
}
.acard:hover{box-shadow:var(--shadow-lg)}
.acard h1, .acard h2, .acard h3{
  font-family:var(--display);font-weight:700;font-size:17.5px;margin:0 0 8px;
  display:flex;align-items:center;gap:8px;color:var(--ink);
}
.acard .hintline{margin:0 0 14px;font-size:13.5px;color:var(--ink-soft);line-height:1.75}
.acard form{margin:0}
.acard form button{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.acard.danger{
  border-color:color-mix(in srgb, var(--ui-danger) 35%, var(--rule));
  background:color-mix(in srgb, var(--ui-danger-soft) 40%, var(--surface));
}
.acard.danger h3{color:var(--ui-danger)}
.who{display:flex;align-items:center;gap:16px;margin-bottom:14px}
.who > div{display:grid;gap:4px;min-width:0;flex:1}
.who-email-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.who b, .acct-email{
  font-weight:600;font-size:16px;color:var(--ink);
  overflow-wrap:anywhere;word-break:break-word;
}
.badge-verified{
  font-size:11px;font-weight:700;
  background:var(--ui-success-soft);color:var(--ui-success);
  border:1px solid color-mix(in srgb, var(--ui-success) 30%, transparent);
  padding:2px 8px;border-radius:999px;display:inline-flex;align-items:center;gap:3px;
}
.acct-meta-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:13px;color:var(--ink-faint)}
.who span.joined-date{font-size:13px;color:var(--ink-faint)}
.acct-auth-method{font-size:13px;color:var(--ink-faint)}
.acct-meta-sep{color:var(--rule);font-weight:700}
.avatar{
  flex:0 0 auto;width:52px;height:52px;border-radius:50%;
  display:grid;place-items:center;
  background:linear-gradient(135deg, var(--rose) 0%, var(--rose-deep) 100%);
  color:#FFFFFF;box-shadow:0 4px 12px rgba(168,88,106,0.25);
  font-family:var(--display);font-weight:800;font-size:22px;line-height:1;direction:ltr;
}
.acct-dash-row{margin-top:14px;padding-top:14px;border-top:1px solid var(--rule)}
.acct-dash-link{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:12px 16px;border-radius:12px;background:var(--paper);
  border:1px solid var(--rule);color:var(--ink);text-decoration:none !important;
  font-size:13.5px;font-weight:600;transition:all .18s ease;min-height:44px;
}
.acct-dash-link:hover{
  border-color:var(--rose);background:var(--surface);transform:translateY(-1px);
  box-shadow:0 3px 10px rgba(0,0,0,0.04);
}
.acct-dash-arrow{color:var(--rose);font-weight:700;font-size:13px}
.seg2{display:flex;gap:6px;background:var(--paper);padding:4px;border-radius:999px;border:1px solid var(--rule)}
.seg2 a{
  flex:1;min-height:44px;display:inline-flex;align-items:center;justify-content:center;
  text-align:center;padding:8px 0;border-radius:999px;font-size:14px;
  font-weight:600;color:var(--ink-soft);transition:all .16s ease;text-decoration:none !important;
}
.seg2 a:hover{color:var(--rose)}
.seg2 a.on{
  background:var(--rose-btn);color:#FFFFFF !important;
  box-shadow:0 2px 8px rgba(168,88,106,0.35);
}
.acct-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.acct-h{margin:0;font-family:var(--display);font-size:26px;font-weight:700;color:var(--ink)}
.acct-back{font-size:14px;font-weight:600;color:var(--ink-soft);text-decoration:none;white-space:nowrap}
.acct-back:hover{color:var(--rose-deep)}
.acct-profile{display:grid;gap:16px}
.acct-profile .who{margin:0}
.acct-profile .avatar{width:60px;height:60px;font-size:24px}
.acct-name{font-size:17px;font-weight:700;color:var(--ink);overflow-wrap:anywhere}
.acct-profile .acct-email{font-size:14px;font-weight:500;color:var(--ink-soft);text-align:start}
.acct-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-radius:14px;background:var(--paper);
  border:1px solid var(--rule);overflow:hidden;text-decoration:none !important}
.acct-stat{display:grid;gap:2px;padding:10px 12px;min-width:0}
.acct-stat+.acct-stat{border-inline-start:1px solid var(--rule)}
.acct-stat span{font-size:12px;font-weight:600;color:var(--ink-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.acct-stat b{font-size:21px;font-weight:800;line-height:1.2;font-variant-numeric:tabular-nums}
.acct-stat.t-rose b{color:var(--rose)}
.acct-stat.t-blue b{color:#2F7FC1}
.acct-stat.t-green b{color:var(--ui-success)}
.acct-stat.t-gold b{color:#B7862B}
.acct-stats:hover{border-color:color-mix(in srgb, var(--rose) 40%, var(--rule))}
.acct-form{display:grid;gap:14px}
.acct-form .f{display:grid;gap:6px;margin:0}
.acct-form .lbl{font-size:13px;font-weight:600;color:var(--ink-soft)}
.acct-form .lbl small{font-weight:500;color:var(--ink-faint)}
.acct-form .ui-input{font-size:16px}
.acct-form .ui-input:disabled{background:color-mix(in srgb, var(--rule) 45%, var(--paper));color:var(--ink-faint);cursor:not-allowed}
.acct-form .ui-input.is-bad{border-color:var(--ui-danger)}
.acct-form small.hint{font-size:12px;color:var(--ink-faint)}
.acct-form small.err{font-size:12.5px;color:var(--ui-danger);font-weight:600}
.acct-form .btn{justify-self:start;min-width:150px}
.acct-sec{display:grid;gap:4px}
.acct-sec-h{font-size:13px !important;font-family:var(--body) !important;font-weight:700 !important;color:var(--ink-faint) !important;margin:0 0 4px !important}
.acct-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0}
.acct-row+.acct-row{border-top:1px solid var(--rule)}
.acct-row-t{display:grid;gap:3px;min-width:0}
.acct-row-t b{font-size:15px;color:var(--ink)}
.acct-row-t small{font-size:12.5px;line-height:1.6;color:var(--ink-faint)}
.acct-sw{position:relative;flex:none;width:52px;height:30px;cursor:pointer}
.acct-sw input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer;z-index:1}
.acct-sw-ui{position:absolute;inset:0;border-radius:999px;background:color-mix(in srgb, var(--rule) 90%, var(--ink-faint));transition:background .18s ease}
.acct-sw-ui::after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:24px;height:24px;border-radius:50%;background:#fff;
  box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .18s ease}
.acct-sw input:checked+.acct-sw-ui{background:var(--rose)}
.acct-sw input:checked+.acct-sw-ui::after{transform:translateX(22px)}
[dir="rtl"] .acct-sw input:checked+.acct-sw-ui::after{transform:translateX(-22px)}
.acct-sw input:focus-visible+.acct-sw-ui{outline:2px solid var(--rose);outline-offset:2px}
.acct-sw-save[hidden]{display:none}
.acct-lang{flex:none;width:190px}
.acct-lang a{min-height:38px;font-size:13px}
.acct-dl{margin:0 0 12px;display:grid}
.acct-dl>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0}
.acct-dl>div+div{border-top:1px solid var(--rule)}
.acct-dl dt{font-size:14px;color:var(--ink-soft)}
.acct-dl dd{margin:0;font-size:14px;font-weight:600;color:var(--ink)}
.acct-del{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 4px 0;border-top:1px solid var(--rule)}
.acct-del>div{display:grid;gap:3px;min-width:0}
.acct-del b{font-size:15px;color:var(--ui-danger)}
.acct-del small{font-size:12.5px;color:var(--ink-faint)}
.acct-del .btn-danger-outline{width:auto;flex:none;min-height:40px;padding:8px 14px;font-size:13px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (max-width:420px){
  .acct-stat{padding:9px 8px}
  .acct-stat b{font-size:18px}
  .acct-stat span{font-size:11px}
  .acct-row{flex-wrap:wrap}
  .acct-lang{width:100%}
  .acct-form .btn{width:100%}
}
.btn-danger-outline{
  display:inline-flex;align-items:center;justify-content:center;
  width:100%;min-height:44px;padding:10px 18px;border-radius:12px;
  font-family:var(--body);font-size:14px;font-weight:600;
  color:var(--ui-danger);background:transparent;
  border:1.5px solid color-mix(in srgb, var(--ui-danger) 45%, var(--rule));
  text-decoration:none !important;transition:all .18s ease;cursor:pointer;
}
.btn-danger-outline:hover{
  background:var(--ui-danger-soft);
  border-color:var(--ui-danger);
}
.btn.danger{
  background:var(--ui-danger);border-color:var(--ui-danger);color:#FFFFFF !important;
  min-height:44px;display:inline-flex;align-items:center;justify-content:center;
  box-shadow:0 2px 8px rgba(220,38,38,0.25);
}
.btn.danger:hover{filter:brightness(1.08)}
.delform{display:grid;gap:12px;margin-top:4px}
.delform .f{display:grid;gap:6px}
.delform .lbl{font-size:13px;color:var(--ink-soft)}
.delform input{
  width:100%;font-family:var(--body);font-size:16px;color:var(--ink);
  background:var(--paper);border:1px solid var(--rule);border-radius:10px;padding:12px 13px;
  min-height:44px;
}
.delform input:focus{outline:none;border-color:var(--rose)}
.delform .err{font-size:12.5px;color:var(--ui-danger);font-weight:600}
.empty{
  max-width:400px;margin-inline:auto;text-align:center;
  background:var(--surface);border:1px solid var(--rule);border-radius:18px;
  padding:38px 26px;box-shadow:var(--shadow);
}
.empty svg{width:46px;height:46px;margin:0 auto 16px;color:var(--ink-faint);opacity:.7}
.empty h3{font-family:var(--display);font-weight:600;font-size:20px;margin:0 0 8px}
.empty p{margin:0 0 20px;font-size:14.5px;color:var(--ink-soft);line-height:1.8}
footer.site{border-top:1px solid var(--rule);background:var(--surface);margin-top:24px}
footer.site .inner{
  display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:center;
  padding-block:30px;font-size:13.5px;color:var(--ink-faint);
}
.fbrand{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.fbrand .brand-img.footer-logo{height:38px;filter:none;opacity:.92}
.fcopy{font-size:12.5px;color:var(--ink-faint);line-height:1.4}
footer.site a{color:var(--ink-soft);transition:color .16s ease}
footer.site a:hover{color:var(--rose)}
.flinks{display:flex;gap:18px;flex-wrap:wrap;align-items:center}
.fsocial{display:flex;gap:10px;margin-top:4px}
.fsocial a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--rule);border-radius:50%}
.fsocial a:hover{border-color:var(--rose)}
.fsocial .ic{width:20px;height:20px}
.tabbar{display:none}
@media (max-width:760px){
  .tabbar{
    display:flex;align-items:stretch;gap:6px;
    position:fixed;inset-inline:0;bottom:0;z-index:45;
    padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));
    background:color-mix(in srgb, var(--surface) 86%, transparent);
    border-top:1px solid color-mix(in srgb, var(--rule) 70%, transparent);
  }
  @supports (backdrop-filter: blur(1px)){
    .tabbar{backdrop-filter:saturate(1.6) blur(16px)}
  }
  @supports not (color-mix(in srgb, red 50%, blue)){
    .tabbar{background:var(--surface)}
  }
  body.has-tabbar{padding-bottom:78px}
  body.has-tabbar nav.site > .btn{display:none}
}
.tab{
  flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
  padding:7px 4px;border-radius:14px;min-height:52px;
  color:var(--ink-faint);font-size:11.5px;line-height:1.3;text-align:center;
  transition:color .18s ease, background .18s ease, transform .2s var(--ease-spring);
}
.tab:hover{text-decoration:none;color:var(--ink-soft)}
.tab:active{transform:scale(.92)}
.tab svg{width:21px;height:21px;flex:0 0 auto}
.tab.on{color:var(--rose);background:var(--rose-soft);font-weight:600}
.tab.primary{
  color:#FFFCF8;background:var(--rose-btn);
  box-shadow:0 4px 14px rgba(168,88,106,.45);
}
.tab.primary:hover{color:#FFFCF8;filter:brightness(1.07)}
.tab.primary.on{background:#8E4557;color:#FFFCF8}
.toast{
  position:fixed;z-index:80;
  inset-inline:0;bottom:calc(22px + env(safe-area-inset-bottom,0px));
  margin-inline:auto;width:max-content;max-width:calc(100% - 32px);
  background:var(--ink);color:var(--paper);
  border-radius:999px;padding:11px 22px;font-size:14px;line-height:1.5;
  box-shadow:0 10px 30px -12px rgba(0,0,0,.6);
  opacity:0;transform:translateY(10px);transition:opacity .2s ease, transform .2s ease;
}
.toast.in{opacity:1;transform:translateY(0)}
@media (max-width:760px){
  body.has-tabbar .toast{bottom:calc(90px + env(safe-area-inset-bottom,0px))}
}
dialog.sheet{
  border:0;padding:0;margin:auto;background:transparent;color:var(--ink);
  max-width:min(460px, calc(100% - 28px));width:100%;
  max-height:calc(100dvh - 32px);overflow:visible;position:fixed;
}
dialog.sheet::backdrop{
  background:rgba(23,18,15,.65);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  animation:fadeIn .22s ease both;
}
dialog.sheet[open]{animation:sheetIn .3s cubic-bezier(.2,.8,.25,1) both}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes sheetIn{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}
.sheet-body{
  background:var(--surface);border:1px solid var(--rule);border-radius:22px;
  padding:34px 26px 26px;text-align:center;
  box-shadow:0 2px 8px rgba(63,49,44,.06), 0 34px 70px -30px rgba(63,49,44,.7);
  max-height:calc(100dvh - 32px);overflow-y:auto;
}
.sheet-x{position:absolute;inset-inline-end:8px;top:8px;z-index:2;margin:0}
.sheet-x button{
  appearance:none;border:0;background:transparent;cursor:pointer;
  width:38px;height:38px;border-radius:50%;font-size:24px;line-height:1;
  color:var(--ink-faint);transition:background .16s ease,color .16s ease;
}
.sheet-x button:hover{background:var(--raised);color:var(--ink)}
.sheet-mark{
  width:58px;height:58px;margin:0 auto 18px;border-radius:50%;
  display:grid;place-items:center;background:var(--rose-soft);color:var(--rose);
}
.sheet-mark svg{width:28px;height:28px}
dialog.sheet h2{font-family:var(--display);font-weight:600;font-size:23px;margin:0 0 8px;line-height:1.35}
.sheet-lede{margin:0 0 20px;font-size:14.5px;color:var(--ink-soft);line-height:1.8}
.sheet-acts{display:flex;gap:9px;margin-top:12px}
.sheet-acts .btn{flex:1;text-align:center;padding-inline:14px;font-size:14.5px}
@media (max-width:420px){.sheet-acts{flex-direction:column}}
.ws-upd .sheet-body{text-align:start;position:relative;padding:24px 20px 14px}
.ws-upd h2{padding-inline-end:34px}
.ws-upd-x{
  position:absolute;inset-inline-end:6px;top:6px;width:44px;height:44px;border:0;border-radius:50%;
  background:transparent;color:var(--ink-faint);font-size:24px;line-height:1;cursor:pointer;
}
.ws-upd-x:hover{background:var(--raised);color:var(--ink)}
.ws-upd-lede{margin:0 0 14px;font-size:14px;color:var(--ink-soft);line-height:1.7}
.ws-upd-lbl{display:block;margin:0 0 6px;font-size:12.5px;font-weight:600;color:var(--ink-soft)}
.ws-upd-list{list-style:none;margin:0 0 12px;padding:0;border:1px solid var(--rule);border-radius:14px;overflow:hidden;background:var(--paper)}
.ws-upd-list li{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 14px;font-size:14.5px;line-height:1.6;border-top:1px solid var(--rule)}
.ws-upd-list li b{font-size:12.5px;font-weight:500;color:var(--ink-soft)}
.ws-upd-list li:first-child{border-top:0}
.ws-upd-list li.is-loading{color:var(--ink-faint)}
.ws-upd-diff{color:var(--ink-soft);overflow-wrap:anywhere}
.ws-upd-diff del,.ws-upd-diff ins{unicode-bidi:isolate}
.ws-upd-diff del{color:var(--ink-faint)}
.ws-upd-diff ins{text-decoration:none;font-weight:700;color:var(--ink)}
.ws-upd-acts{display:flex;flex-direction:column;gap:8px;align-items:stretch}
.ws-upd-acts .ivh-cta{width:100%;min-height:52px;padding:0 22px;font-size:16px;border-radius:14px}
.ws-upd-acts .ivh-act{min-height:48px;justify-content:center;font-size:15px;border-radius:14px}
.ws-upd-discard{margin-top:6px;font-size:13.5px;text-align:center}
.ws-upd-discard .linkbtn{min-height:44px;color:var(--ink-soft)}
.ws-upd-ask{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-top:4px;color:var(--ink)}
.ws-upd-ask[hidden]{display:none}
.sheet-next{margin-top:22px;padding-top:20px;border-top:1px solid var(--rule);text-align:start}
.sheet-next.sheet-next-first{margin-top:0;padding-top:0;border-top:0}
.sheet-next-first .sheet-guest-cta{border-color:var(--rose);background:var(--rose-soft);box-shadow:0 10px 24px -14px rgba(142,69,87,.6)}
.sheet-next-first .sheet-guest-cta-arrow{color:var(--rose)}
.sheet-opt{margin:12px 0 0;font-size:13px;line-height:1.8;color:var(--ink-soft);text-align:start}
.sheet-opt a{color:var(--rose);font-weight:700}
.sheet-or{margin:20px 0 8px;padding-top:16px;border-top:1px solid var(--rule);font-size:12.5px;font-weight:600;color:var(--ink-faint);text-align:start}
.sheet-next > a{
  display:grid;gap:3px;padding:14px 16px;border-radius:14px;
  background:var(--paper);border:1px solid var(--rule);
  transition:border-color .16s ease, transform .16s ease;
}
.sheet-next > a:hover{text-decoration:none;border-color:var(--rose);transform:translateY(-2px)}
.sheet-next strong{font-family:var(--display);font-weight:600;font-size:16.5px;color:var(--ink)}
.sheet-next > a span{font-size:13.5px;color:var(--ink-soft);line-height:1.7}
.pubd-body{padding:0;text-align:start;overflow-x:hidden}
.pubd-top{padding:30px 24px 20px;text-align:center}
.pubd-mark{
  width:64px;height:64px;margin:0 auto 14px;border-radius:18px;
  display:grid;place-items:center;background:var(--ui-success-soft);color:var(--ui-success);
}
.pubd-mark .ic{width:30px;height:30px;stroke-width:2.4}
dialog.sheet.pubd h2{font-size:22px;margin:0 0 10px;color:var(--ui-success)}
.pubd-pill{
  display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;
  background:var(--ui-success-soft);color:var(--ui-success);font-size:13px;font-weight:600;line-height:1.5;
}
.pubd-pill .ic{width:14px;height:14px;stroke-width:2.6}
.pubd-lede{margin:14px 0 4px;font-size:14px;color:var(--ink-soft);line-height:1.7}
.pubd-url{
  display:inline-block;max-width:100%;font-size:14px;color:var(--ink);text-decoration:underline;
  text-underline-offset:3px;overflow-wrap:anywhere;padding:6px 2px;
}
.pubd-url:hover{color:var(--rose)}
.pubd-share{padding:16px 20px 18px;border-top:1px solid var(--rule)}
.pubd-cta-wrap{padding:4px 20px 18px;text-align:center}
.pubd-cta{
  display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:56px;padding:12px 18px;
  border-radius:16px;background:var(--rose-grad);color:#fff;font-family:var(--display);font-size:17px;font-weight:700;
  line-height:1.3;text-decoration:none;box-shadow:0 12px 26px -12px rgba(142,69,87,.75);
  transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;
}
.pubd-cta{background:linear-gradient(135deg,#F3CF7A 0%,#E2AE45 55%,#C98F2B 100%);color:#2A1D0E;
  box-shadow:0 12px 26px -12px rgba(201,143,43,.75), inset 0 1px 0 rgba(255,255,255,.35)}
.pubd-cta:hover{color:#2A1D0E;text-decoration:none;transform:translateY(-1px);filter:brightness(1.05)}
.pubd-cta:active{transform:scale(.99)}
.pubd-cta:focus-visible{outline:3px solid var(--rose);outline-offset:3px}
.pubd-cta .ic{width:20px;height:20px;flex-shrink:0}
.pubd-cta-sub{margin:9px 0 0;font-size:12.5px;line-height:1.6;color:var(--ink-faint)}
.pubd-share.is-2nd{padding:14px 20px 16px}
.pubd-share.is-2nd .pubd-act{min-height:44px;padding:8px 6px;background:transparent;font-size:13px;font-weight:600;color:var(--ink-soft)}
.pubd-share.is-2nd .pubd-act:hover,.pubd-share.is-2nd .pubd-act.is-on{color:var(--ink)}
.pubd-hint{margin:0 0 12px;font-size:12.5px;color:var(--ink-faint);line-height:1.7;text-align:center}
.pubd-acts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.pubd-act{
  appearance:none;font:inherit;cursor:pointer;min-height:48px;padding:10px 6px;
  display:flex;align-items:center;justify-content:center;gap:7px;
  border:1px solid var(--rule);border-radius:14px;background:var(--raised);color:var(--ink);
  font-size:13.5px;font-weight:600;line-height:1.3;text-decoration:none;
  transition:border-color .16s ease,background .16s ease,transform .16s ease;
}
.pubd-act:hover,.pubd-act.is-on{border-color:var(--rose);text-decoration:none;color:var(--ink)}
.pubd-act:active{transform:scale(.98)}
.pubd-act svg{width:18px;height:18px;flex-shrink:0}
.pubd-act.is-wa svg{color:var(--ui-wa)}
@media (max-width:420px){
  .pubd-act{flex-direction:column;gap:4px;font-size:12.5px;padding:9px 4px}
}
.pubd-qr{display:flex;align-items:center;gap:14px;margin-top:12px;padding:12px;border:1px solid var(--rule);border-radius:14px;background:var(--surface)}
.pubd-qr[hidden]{display:none}
.pubd-qr img{width:110px;height:110px;flex-shrink:0;background:#fff;border-radius:8px;padding:4px}
.pubd-qr-side{display:grid;gap:8px;min-width:0}
.pubd-qr-side p{margin:0;font-size:12.5px;color:var(--ink-soft);line-height:1.7}
.pubd-qr-side .btn{justify-self:start;min-height:44px}
.pubd-list{display:grid;border-top:1px solid var(--rule)}
.pubd-row{
  display:flex;align-items:center;gap:12px;padding:12px 20px;min-height:58px;
  color:var(--ink);text-decoration:none;transition:background .16s ease;
}
.pubd-row + .pubd-row{border-top:1px solid var(--rule)}
.pubd-row:hover{background:var(--raised);text-decoration:none;color:var(--ink)}
.pubd-ico{
  width:40px;height:40px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;
  background:var(--raised);color:var(--ink-soft);
}
.pubd-ico .ic{width:19px;height:19px}
.pubd-txt{flex:1;min-width:0;display:grid;gap:2px}
.pubd-txt b{font-family:var(--display);font-size:15.5px;font-weight:600;line-height:1.4}
.pubd-txt small{font-size:12.5px;color:var(--ink-faint);line-height:1.55}
.pubd-chev{color:var(--ink-faint);display:grid;place-items:center}
.pubd-chev .ic{width:18px;height:18px}
[dir="rtl"] .pubd-chev .ic{transform:scaleX(-1)}
.pubd-row.is-main{background:var(--rose-soft)}
.pubd-row.is-main:hover{background:var(--rose-soft);box-shadow:inset 0 0 0 1px var(--rose)}
.pubd-row.is-main .pubd-ico{background:var(--rose-grad);color:#fff;box-shadow:0 8px 18px -10px rgba(142,69,87,.8)}
.pubd-row.is-main .pubd-txt b,.pubd-row.is-main .pubd-chev{color:var(--rose)}
.sheet-later{
  display:block;width:100%;margin-top:12px;appearance:none;border:0;background:transparent;
  cursor:pointer;font-family:var(--body);font-size:13.5px;color:var(--ink-faint);padding:8px;
}
.sheet-later:hover{color:var(--ink-soft);text-decoration:underline}
.confetti-layer{position:fixed;inset:0;z-index:90;pointer-events:none}
.btn.busy{opacity:.75;pointer-events:none;position:relative}
.btn.busy::after{
  content:"";display:inline-block;vertical-align:-2px;
  width:13px;height:13px;margin-inline-start:9px;border-radius:50%;
  border:2px solid currentColor;border-top-color:transparent;
  animation:spin .7s linear infinite;
}
@keyframes spin{to{transform:rotate(360deg)}}
.reveal-on .step,
.reveal-on .tcard,
.reveal-on .pricebox,
.reveal-on .feats li,
.reveal-on .tpshot,
.reveal-on .showcase{
  opacity:0;transform:translateY(14px);
  transition:opacity .5s ease, transform .5s cubic-bezier(.2,.8,.25,1);
}
.reveal-on .seen{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *{animation:none!important;transition:none!important}
  .reveal-on .step,.reveal-on .tcard,.reveal-on .pricebox,
  .reveal-on .feats li,.reveal-on .tpshot,.reveal-on .showcase{opacity:1;transform:none}
  @view-transition{navigation:none}
}
.has-draft-modal-overlay{
  position:fixed;inset:0;background:rgba(13,10,8,0.68);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  z-index:9999;display:flex;align-items:center;justify-content:center;
  opacity:0;visibility:hidden;transition:opacity .25s ease, visibility .25s ease;
  padding:20px;
}
.has-draft-modal-overlay.active{opacity:1;visibility:visible}
.has-draft-modal-card{
  background:var(--surface);color:var(--ink);width:100%;max-width:400px;
  border-radius:22px;box-shadow:0 20px 60px rgba(0,0,0,.35);
  padding:28px 24px;text-align:center;position:relative;overflow:hidden;
  transform:scale(0.95) translateY(10px);transition:transform .25s cubic-bezier(0.16,1,0.3,1);
  border:1px solid var(--rule);
}
.has-draft-modal-overlay.active .has-draft-modal-card{
  transform:scale(1) translateY(0);
}
.has-draft-icon{
  width:58px;height:58px;border-radius:50%;
  background:linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
  border:1.5px solid #fecaca;color:#e11d48;
  display:grid;place-items:center;margin:0 auto 16px;
  box-shadow:0 4px 14px rgba(225,29,72,.15);
}
.has-draft-title{
  font-family:var(--display);font-size:22px;font-weight:700;
  margin:0 0 4px;color:var(--ink);
}
.has-draft-sub{
  font-size:14px;color:var(--ink-faint);margin:0 0 18px;font-weight:400;
}
.has-draft-box{
  background:#FFFBEB;border:1px solid #FDE68A;border-radius:14px;
  padding:14px 16px;font-size:13.5px;line-height:1.65;
  color:#92400E;text-align:start;display:flex;gap:12px;
  align-items:flex-start;margin-bottom:20px;
}
.has-draft-box-icon{
  color:#D97706;flex-shrink:0;margin-top:2px;
}
.btn-has-draft-apply{
  width:100%;display:flex;align-items:center;justify-content:center;
  padding:13px 20px;border-radius:12px;border:none;
  background:linear-gradient(135deg, #f43f5e 0%, #e11d48 100%);
  color:#fff !important;font-size:15px;font-weight:700;cursor:pointer;
  box-shadow:0 4px 16px rgba(225,29,72,.35);transition:all .18s ease;
  font-family:inherit;text-decoration:none;
}
.btn-has-draft-apply:hover{
  box-shadow:0 6px 22px rgba(225,29,72,.5);transform:translateY(-1px);
}
.btn-has-draft-cancel{
  width:100%;margin-top:10px;padding:10px;background:none;
  border:none;color:var(--ink-faint);font-size:14px;
  font-weight:500;cursor:pointer;transition:color .18s ease;
  font-family:inherit;
}
.btn-has-draft-cancel:hover{color:var(--ink);text-decoration:underline}
.btn-has-draft-new{
  display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:46px;
  border:1.5px solid var(--rule);border-radius:12px;color:var(--ink) !important;font-weight:700;
  text-decoration:none !important;
}
.btn-has-draft-new:hover{border-color:var(--rose);color:var(--rose) !important;text-decoration:none}
.dash-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 24px;
}
.dash-head-text h2 {
  font-family: var(--display);
  font-size: clamp(24px, 3.5vw, 30px);
  font-weight: 700;
  margin: 0 0 4px;
  color: var(--ink);
  letter-spacing: -0.01em;
}
.dash-head-text p {
  font-size: 14px;
  color: var(--ink-soft);
  margin: 0;
}
.dash-btn-new {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  border-radius: 999px;
  background: var(--rose-grad);
  color: #fff !important;
  font-size: 14px;
  font-weight: 700;
  min-height: 44px;
  box-shadow: 0 3px 12px rgba(168, 88, 106, 0.25);
  text-decoration: none !important;
  transition: transform 0.18s ease, filter 0.18s ease;
}
.dash-btn-new:hover {
  filter: brightness(1.08);
  transform: translateY(-1px);
}
.dash-guest-banner {
  background: var(--surface);
  border: 1px solid var(--rule);
  border-radius: 16px;
  padding: 16px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 16px 0 24px;
  flex-wrap: wrap;
  box-shadow: var(--shadow);
}
.dash-guest-info {
  display: flex;
  align-items: center;
  gap: 14px;
  flex: 1;
  min-width: 240px;
}
.dash-guest-icon {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: rgba(59, 130, 246, 0.12);
  color: #2563eb;
  display: grid;
  place-items: center;
  flex-shrink: 0;
}
.dash-guest-title {
  font-weight: 700;
  color: var(--ink);
  font-size: 14.5px;
  margin: 0 0 2px;
}
.dash-guest-desc {
  color: var(--ink-soft);
  font-size: 13px;
  line-height: 1.5;
  margin: 0;
}
.dash-guest-btn {
  background: var(--rose-grad);
  color: #fff !important;
  font-weight: 700;
  font-size: 13.5px;
  padding: 10px 20px;
  border-radius: 10px;
  text-decoration: none !important;
  white-space: nowrap;
  transition: all 0.18s ease;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
}
.dash-guest-btn:hover {
  filter: brightness(1.08);
}
.dash-tabs {
  display: flex;
  gap: 8px;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--rule);
  padding-bottom: 8px;
  overflow-x: auto;
}
.dash-tab {
  padding: 6px 14px;
  border-radius: 999px;
  border: 1px solid transparent;
  background: transparent;
  color: var(--ink-soft);
  font-size: 13.5px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.18s ease;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
  font-family: inherit;
  min-height: 38px;
}
.dash-tab:hover {
  background: var(--raised);
  color: var(--ink);
}
.dash-tab.active {
  background: var(--surface);
  border-color: var(--rule);
  color: var(--ink);
  font-weight: 700;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
}
.dash-cards-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 900px) {
  .dash-cards-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    align-items: start;
  }
}
.dash-card {
  background: var(--surface);
  border: 1px solid var(--rule);
  border-radius: 16px;
  padding: 14px 15px;
  box-shadow: var(--shadow);
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: relative;
  transition: border-color 0.18s ease, box-shadow 0.18s ease;
}
.dash-card:hover {
  border-color: color-mix(in srgb, var(--rose) 35%, var(--rule));
  box-shadow: var(--shadow-lg);
}
.dash-card.dcx{padding:16px;gap:12px;border-radius:18px;box-shadow:0 10px 26px -22px rgba(60,30,30,.35)}
.dash-card.dcx[data-card-href]{cursor:pointer;transition:border-color .15s ease, box-shadow .15s ease, transform .15s ease}
.dash-card.dcx[data-card-href]:hover{border-color:var(--rose);box-shadow:0 14px 30px -20px rgba(142,69,87,.45)}
.dcx-top{display:flex;gap:14px;align-items:flex-start;min-width:0}
.dcx-thumb{flex:none;width:74px;aspect-ratio:620/1192;border-radius:12px;overflow:hidden;border:1px solid var(--rule);background:var(--paper);display:block}
.dcx-thumb img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.dcx-info{flex:1;min-width:0;display:grid;gap:5px;padding-top:1px}
.dcx-title-row{display:flex;align-items:center;gap:6px;min-width:0}
.dcx-title{margin:0;font-family:var(--display);font-size:18px;font-weight:700;color:var(--ink);line-height:1.35;
  min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dcx-pen{flex:none;width:30px;height:30px;border-radius:9px;border:0;background:transparent;color:var(--ink-faint);
  display:grid;place-items:center;cursor:pointer;position:relative;transition:background .15s ease,color .15s ease}
.dcx-pen::after{content:"";position:absolute;inset:-7px}
.dcx-pen .ic{width:16px;height:16px}
.dcx-pen:hover,.dcx-pen.is-on{background:var(--rose-soft);color:var(--rose-deep)}
.dcx-title-input{width:100%;min-width:0;box-sizing:border-box;font:inherit;font-size:16px;font-weight:700;color:var(--ink);
  padding:4px 10px;border:1px solid var(--rose);border-radius:9px;background:var(--surface);box-shadow:0 0 0 3px var(--rose-soft);outline:none}
.dcx-title[data-editing]{white-space:normal;overflow:visible;flex:1}
.dcx-status{margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:4px 6px;font-size:12.5px;line-height:1.5;color:var(--ink-soft)}
.dcx-dot{flex:none;width:7px;height:7px;border-radius:50%;background:var(--ink-faint)}
.dcx-status.is-paid .dcx-dot{background:var(--ui-success)}
.dcx-status.is-free .dcx-dot{background:#C9A24B}
.dcx-status.is-off .dcx-dot{background:var(--ui-danger)}
.dcx-status.is-draft .dcx-dot{background:color-mix(in srgb,var(--ink-faint) 70%,transparent)}
.dcx-pend{color:var(--rose-deep);font-weight:600}
.dcx-meta{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:3px 14px;font-size:12.5px;color:var(--ink-faint)}
.dcx-meta span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.dcx-meta .ic{width:14px;height:14px;opacity:.85}
.dcx-count.is-soon{color:var(--rose-deep);font-weight:600}
.dcx-count.is-past{opacity:.75}
.dcx-note{display:flex;align-items:center;gap:7px;padding:8px 11px;border-radius:11px;font-size:13px;font-weight:600;
  color:var(--rose-deep) !important;background:color-mix(in srgb,var(--rose-soft) 60%,var(--surface));text-decoration:none !important}
.dcx-note .ic{width:16px;height:16px}
.dcx-rsvp span{font-size:12px}
.dcx-acts{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding-top:12px;border-top:1px solid var(--rule)}
.dcx-btn{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border-radius:10px;box-sizing:border-box;
  border:1px solid var(--rule);background:var(--surface);color:var(--ink) !important;font-size:13px;font-weight:700;
  text-decoration:none !important;white-space:nowrap;transition:border-color .15s ease,background .15s ease,color .15s ease}
.dcx-btn .ic{width:15px;height:15px}
.dcx-btn:hover{border-color:color-mix(in srgb,var(--rose) 45%,var(--rule));color:var(--rose-deep) !important}
.dcx-btn.is-primary{background:var(--rose-btn);border-color:var(--rose-btn);color:#FFFCF8 !important}
.dcx-btn.is-primary:hover{filter:brightness(1.06);color:#FFFCF8 !important}
.dcx-btn.is-up{color:#FFFFFF !important;background:var(--pay-grad);border-color:transparent}
.dcx-acts-end{margin-inline-start:auto;display:inline-flex;align-items:center;gap:2px}
.dcx-icon{width:36px;height:36px;border-radius:10px;border:0;background:transparent;color:var(--ink-faint) !important;
  display:grid;place-items:center;cursor:pointer;transition:background .15s ease,color .15s ease}
.dcx-icon .ic{width:17px;height:17px}
.dcx-icon:hover{background:var(--paper);color:var(--ink) !important}
.dcx-icon.is-danger:hover{background:color-mix(in srgb,var(--ui-danger) 10%,var(--surface));color:var(--ui-danger) !important}
@media (max-width:420px){
  .dash-card.dcx{padding:14px}
  .dcx-thumb{width:64px}
  .dcx-title{font-size:16.5px}
  .dcx-btn{padding:0 10px;font-size:12.5px}
}
.acct-del-page{display:grid;gap:16px}
.acct-del-head{display:flex;align-items:center;gap:12px}
.acct-del-ico{flex:none;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;color:var(--ui-danger);
  background:color-mix(in srgb,var(--ui-danger) 10%,var(--surface))}
.acct-del-ico .ic{width:22px;height:22px}
.acct-del-h{margin:0;font-family:var(--display);font-size:21px;font-weight:700;color:var(--ink)}
.acct-del-lede{margin:2px 0 0;font-size:13.5px;color:var(--ui-danger);font-weight:600}
.acct-del-list{list-style:none;margin:0;padding:12px 14px;display:grid;gap:9px;border-radius:14px;background:var(--paper);border:1px solid var(--rule)}
.acct-del-list li{display:flex;align-items:flex-start;gap:9px;font-size:14px;line-height:1.6;color:var(--ink)}
.acct-del-list .ic{flex:none;width:17px;height:17px;margin-top:3px;color:var(--ink-soft)}
.acct-del-tip{margin:0;display:flex;align-items:flex-start;gap:9px;font-size:13px;line-height:1.7;color:var(--ink-soft)}
.acct-del-tip .ic{flex:none;width:17px;height:17px;margin-top:3px;color:var(--rose)}
.acct-del-acts{display:flex;flex-wrap:wrap;gap:8px}
.acct-del-acts .btn{display:inline-flex;align-items:center;gap:7px;min-height:46px}
.acct-del-acts .btn .ic{width:17px;height:17px}
.pub-rsvp-arrow .ic{width:17px;height:17px}
.pub-rsvp-cta .ic{width:17px;height:17px}
.dash-card-main {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}
.dash-thumb-wrap {
  position: relative;
  flex-shrink: 0;
  width: 72px;
  height: 72px;
  border-radius: 11px;
  overflow: hidden;
  background: var(--paper);
  border: 1px solid var(--rule);
}
.dash-thumb-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.dash-card-info {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.dash-title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.dash-title-group {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 8px;
  min-width: 0;
  flex: 1;
}
.dash-card-title {
  font-family: var(--display);
  font-size: 17px;
  font-weight: 700;
  margin: 0;
  color: var(--ink);
  line-height: 1.35;
  overflow-wrap: anywhere;
}
.dash-badge-state {
  font-size: 11px;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
}
.dash-badge-state.state-paid {
  background: var(--ui-success-soft);
  color: var(--ui-success);
  border: 1px solid color-mix(in srgb, var(--ui-success) 25%, transparent);
}
.dash-badge-state.state-trial,
.dash-badge-state.state-free {
  background: var(--ui-gold-soft);
  color: var(--gold-rich);
  border: 1px solid color-mix(in srgb, var(--gold) 30%, transparent);
}
.dash-badge-state.state-expired {
  background: var(--ui-danger-soft);
  color: var(--ui-danger);
  border: 1px solid color-mix(in srgb, var(--ui-danger) 25%, transparent);
}
.dash-badge-state.state-draft {
  background: var(--raised);
  color: var(--ink-soft);
  border: 1px solid var(--rule);
}
.dash-badge-state.state-pending {
  background: #EEF2FF;
  color: #3730A3;
  border: 1px solid #C7D2FE;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) .dash-badge-state.state-pending{background:#1B2030;color:#C7D2FE;border-color:#39406A}
}
:root[data-theme="dark"] .dash-badge-state.state-pending{background:#1B2030;color:#C7D2FE;border-color:#39406A}
.dash-card-menu {
  position: relative;
  display: inline-block;
}
.dash-card-menu summary {
  list-style: none;
  width: 28px;
  height: 28px;
  border-radius: 7px;
  border: 1px solid transparent;
  background: transparent;
  color: var(--ink-soft);
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: inherit;
}
.dash-card-menu summary::-webkit-details-marker {
  display: none;
}
.dash-card-menu summary:hover,
.dash-card-menu[open] summary {
  background: var(--raised);
  color: var(--ink);
  border-color: var(--rule);
}
.dash-menu-dropdown {
  position: absolute;
  top: calc(100% + 4px);
  inset-inline-end: 0;
  min-width: 140px;
  background: var(--surface);
  border: 1px solid var(--rule);
  border-radius: 12px;
  box-shadow: var(--shadow-lg);
  padding: 4px;
  z-index: 50;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.dash-menu-item {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 7px 9px;
  border: none;
  background: transparent;
  color: var(--ink);
  font-size: 12.5px;
  font-weight: 500;
  border-radius: 7px;
  cursor: pointer;
  font-family: inherit;
  text-align: start;
  transition: background 0.15s ease;
  white-space: nowrap;
}
.dash-menu-item:hover {
  background: var(--raised);
}
.dash-menu-item.is-danger {
  color: var(--ui-danger);
}
.dash-menu-item.is-danger:hover {
  background: var(--ui-danger-soft);
}
a.dash-menu-item {
  text-decoration: none !important;
}
.dash-menu-dropdown {
  min-width: 190px;
}
.dash-menu-sep {
  display: block;
  height: 1px;
  background: var(--rule);
  margin: 3px 6px;
}
.dash-rsvp-line {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  text-decoration: none !important;
}
.dash-rsvp-line span {
  display: inline-flex;
  align-items: baseline;
  gap: 3px;
  padding: 3px 9px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  color: var(--ink-soft);
  background: var(--paper);
  border: 1px solid var(--rule);
}
.dash-rsvp-line b {
  font-size: 13.5px;
  font-weight: 800;
  color: var(--ink);
  font-variant-numeric: tabular-nums;
}
.dash-rsvp-line .is-yes b {
  color: var(--ui-success);
}
.dash-rsvp-line .ic{width:14px;height:14px;vertical-align:-.15em}
.dash-rsvp-line .is-yes .ic{color:var(--ui-success)}
.dash-rsvp-line .is-no .ic{color:var(--ui-danger)}
.dash-rsvp-line .is-wait .ic,.dash-rsvp-line .is-sent .ic{color:var(--ink-soft)}
.dash-rsvp-line .is-no b {
  color: var(--ui-danger);
}
.dash-rsvp-line:hover span {
  border-color: color-mix(in srgb, var(--rose) 40%, var(--rule));
}
.dash-rsvp-line small {
  font-size: 11.5px;
  font-weight: 600;
}
.dash-ready{display:grid;gap:5px;margin-top:6px}
.dash-ready-bar{height:6px;border-radius:999px;background:var(--rule);overflow:hidden;max-width:260px}
.dash-ready-bar span{display:block;height:100%;border-radius:inherit;background:var(--gold, #B8893E)}
.dash-ready-txt{font-size:12.5px;color:var(--ink-soft);font-weight:600}
.dash-countdown{
  display:inline-flex;align-items:center;padding:1px 8px;border-radius:999px;
  font-size:11.5px;font-weight:700;background:var(--rose-soft);color:var(--rose-deep);
}
.dash-countdown.is-soon{background:#FEF3C7;color:#92400E}
.dash-countdown.is-past{background:var(--raised);color:var(--ink-soft)}
.dash-perk{
  display:flex;align-items:center;gap:8px;margin:0 0 18px;padding:10px 14px;border-radius:12px;
  background:var(--paper);border:1px solid var(--rule);font-size:13.5px;color:var(--ink-soft);line-height:1.6;
}
.dash-perk b{color:var(--ink)}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) .dash-countdown.is-soon{background:#3A2A10;color:#FCD34D}
}
:root[data-theme="dark"] .dash-countdown.is-soon{background:#3A2A10;color:#FCD34D}
.dash-meta-line {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12.5px;
  color: var(--ink-soft);
  flex-wrap: wrap;
}
.dash-meta-item {
  display: inline-flex;
  align-items: center;
  gap: 3px;
}
.dash-pending-alert {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  background: var(--rose-soft);
  color: var(--rose);
  border: 1px solid color-mix(in srgb, var(--rose) 25%, transparent);
  text-decoration: none !important;
  margin-top: 2px;
  width: fit-content;
  transition: all 0.15s ease;
}
.dash-pending-alert:hover {
  background: color-mix(in srgb, var(--rose) 18%, transparent);
  transform: translateY(-1px);
}
.dash-alert-arrow {
  font-size: 11px;
  opacity: 0.8;
}
.dash-card-bottom {
  display: flex;
  flex-direction: column;
  gap: 6px;
  border-top: 1px solid var(--rule);
  padding-top: 10px;
  margin-top: auto;
}
.dash-btn-primary-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-height: 40px;
  padding: 7px 14px;
  border-radius: 11px;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none !important;
  transition: all 0.18s ease;
  cursor: pointer;
  border: none;
  font-family: inherit;
}
.dash-btn-primary-cta.is-action {
  background: var(--rose-grad);
  color: #fff !important;
  box-shadow: 0 2px 8px rgba(168, 88, 106, 0.2);
}
.dash-btn-primary-cta.is-action:hover {
  filter: brightness(1.08);
  transform: translateY(-1px);
}
.dash-btn-primary-cta.is-activate {
  background: linear-gradient(135deg, #DC2626 0%, #B91C1C 100%);
  color: #fff !important;
  box-shadow: 0 2px 8px rgba(220, 38, 38, 0.25);
}
.dash-btn-primary-cta.is-activate:hover {
  filter: brightness(1.1);
  transform: translateY(-1px);
}
.dash-cta-subhint {
  font-size: 11.5px;
  color: var(--ink-soft);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  text-align: center;
}
.dash-cta-subhint a {
  color: var(--rose);
  font-weight: 600;
  text-decoration: underline;
}
.dash-cta-subhint.is-expired {
  color: var(--ui-danger);
  font-weight: 500;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .del-warning-box {
    background: var(--ui-gold-soft);
    border-color: color-mix(in srgb, var(--gold) 35%, transparent);
  }
  :root:not([data-theme="light"]) .del-warning-p {
    color: var(--gold-rich);
  }
  :root:not([data-theme="light"]) .del-warning-list {
    color: var(--gold);
  }
}
:root[data-theme="dark"] .del-warning-box {
  background: var(--ui-gold-soft);
  border-color: color-mix(in srgb, var(--gold) 35%, transparent);
}
:root[data-theme="dark"] .del-warning-p {
  color: var(--gold-rich);
}
:root[data-theme="dark"] .del-warning-list {
  color: var(--gold);
}
.del-modal-overlay{
  position:fixed;inset:0;background:rgba(13,10,8,0.68);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  z-index:9999;display:flex;align-items:center;justify-content:center;
  opacity:0;visibility:hidden;transition:opacity .25s ease, visibility .25s ease;
  padding:20px;
}
.del-modal-overlay.active{opacity:1;visibility:visible}
.del-modal-card{
  background:var(--surface);color:var(--ink);width:100%;max-width:440px;
  border-radius:22px;box-shadow:0 20px 60px rgba(0,0,0,.35);
  padding:28px 24px;text-align:center;position:relative;overflow:hidden;
  transform:scale(0.95) translateY(10px);transition:transform .25s cubic-bezier(0.16,1,0.3,1);
  border:1px solid var(--rule);
}
.del-modal-overlay.active .del-modal-card{
  transform:scale(1) translateY(0);
}
.del-modal-icon{
  width:58px;height:58px;border-radius:50%;
  background:#FEF3C7;color:#D97706;border:1.5px solid #FDE68A;
  display:grid;place-items:center;margin:0 auto 16px;
  box-shadow:0 4px 14px rgba(217,119,6,.15);
}
.del-modal-title{
  font-family:var(--display);font-size:22px;font-weight:700;
  margin:0 0 4px;color:var(--ink);
}
.del-modal-sub{
  font-size:13.5px;color:#DC2626;margin:0 0 18px;font-weight:700;
}
.del-warning-box{
  background:#FFFBEB;border:1px solid #FDE68A;border-radius:14px;
  padding:14px 16px;text-align:start;margin-bottom:14px;
}
.del-warning-p{
  font-weight:700;color:#92400E;font-size:14px;margin-bottom:8px;
}
.del-warning-list{
  list-style:none;padding:0;margin:0;display:flex;
  flex-direction:column;gap:5px;font-size:13px;color:#B45309;
}
.del-tip-box{
  background:var(--paper);border:1px solid var(--rule);border-radius:12px;
  padding:11px 14px;text-align:start;font-size:12.5px;color:var(--ink-soft);
  line-height:1.55;margin-bottom:20px;display:flex;gap:8px;
}
.del-modal-actions{
  display:flex;gap:12px;
}
.del-btn-danger{
  flex:1;background:#DC2626;color:#fff;border:none;
  border-radius:12px;padding:12px 18px;font-size:14.5px;font-weight:700;
  cursor:pointer;transition:background .18s ease;font-family:inherit;
  box-shadow:0 2px 10px rgba(220,38,38,.3);
}
.del-btn-danger:hover{background:#B91C1C}
.del-btn-cancel{
  flex:1;background:var(--paper);border:1px solid var(--rule);
  color:var(--ink);border-radius:12px;padding:12px 18px;
  font-size:14.5px;font-weight:600;cursor:pointer;
  transition:all .18s ease;font-family:inherit;
}
.del-btn-cancel:hover{background:var(--surface);border-color:var(--ink-soft)}
:root{--dcv-pay:#047857;--dcv-pay-soft:#ECFDF5;--dcv-pay-line:#A7F3D0;--dcv-gold-line:#F3E2A6}
.dash-head.is-compact{flex-wrap:nowrap;gap:10px;margin-bottom:18px}
.dash-head.is-compact .dash-head-text{min-width:0}
.dash-head.is-compact .dash-head-text h2{margin:0}
.dash-head.is-compact .dash-head-actions{flex-wrap:nowrap;gap:8px}
.dash-head.is-compact .dash-btn-new{border-radius:12px;padding:0 14px;font-size:13.5px;white-space:nowrap;background:var(--rose-btn);box-shadow:none}
.dash-card.dcv{padding:16px;gap:14px;border-radius:22px;box-shadow:0 10px 26px -22px rgba(60,30,30,.35);cursor:pointer}
.dash-card.dcv:hover{border-color:color-mix(in srgb,var(--rose) 45%,var(--rule));box-shadow:0 14px 30px -20px rgba(142,69,87,.4)}
.dash-card.dcv.is-paid{border:2px solid var(--dcv-pay);box-shadow:0 16px 34px -24px rgba(4,120,87,.7)}
.dash-card.dcv.is-paid:hover{border-color:var(--dcv-pay)}
.dcv-group-h{grid-column:1/-1;margin:2px 4px -6px;display:flex;align-items:center;gap:6px;font-family:var(--body);font-size:13px;font-weight:700;line-height:1.5;color:var(--ink-faint)}
.dcv-group-h:not(:first-child){margin-top:8px}
.dcv-group-h.is-paid{color:var(--dcv-pay)}
.dcv-group-h .ic{width:15px;height:15px;stroke-width:2.6}
.dcv-top{display:flex;gap:14px;align-items:flex-start;min-width:0}
.dcv-thumb{position:relative;flex:none;width:80px;aspect-ratio:620/1192;border-radius:14px;overflow:hidden;border:1px solid var(--rule);background:var(--paper);display:block}
.dash-card.is-paid .dcv-thumb{width:86px}
.dash-card.is-draft .dcv-thumb{width:64px}
.dcv-thumb img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.dcv-ribbon{position:absolute;inset-inline:0;bottom:0;background:#047857;color:#FFFFFF;font-size:11.5px;font-weight:700;line-height:1.3;text-align:center;padding:4px 0}
.dcv-info{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.dcv-title-row{display:flex;align-items:center;gap:4px;width:100%;min-width:0}
.dcv-title{margin:0;min-width:0;font-family:var(--display);font-size:20px;font-weight:700;line-height:1.3;color:var(--ink);
  overflow:hidden;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.dcv-title[data-editing]{display:block;overflow:visible;flex:1}
.dcv-pen{flex:none;width:32px;height:32px;border-radius:9px;border:0;background:transparent;color:var(--ink-faint);
  display:grid;place-items:center;cursor:pointer;position:relative;transition:background .15s ease,color .15s ease}
.dcv-pen::after{content:"";position:absolute;inset:-6px}
.dcv-pen .ic{width:15px;height:15px}
.dcv-pen:hover,.dcv-pen.is-on{background:var(--rose-soft);color:var(--rose-deep)}
.dcv-view{margin-inline-start:auto;flex:none;display:inline-flex;align-items:center;gap:4px;min-height:34px;padding:0 10px;border-radius:999px;
  border:1px solid var(--rule);background:var(--surface);color:var(--ink-soft) !important;font-size:12px;font-weight:600;text-decoration:none !important;
  position:relative;transition:border-color .15s ease,color .15s ease}
.dcv-view::after{content:"";position:absolute;inset:-5px 0}
.dcv-view .ic{width:15px;height:15px}
.dcv-view:hover{border-color:var(--rose);color:var(--rose-deep) !important}
.dcv-chip,.dcv-count{display:inline-block;max-width:100%;border-radius:999px;font-size:12px;font-weight:700;line-height:1.5;padding:3px 10px;border:1px solid transparent}
.dcv-chip.is-paid{background:var(--dcv-pay-soft);color:var(--dcv-pay);border-color:var(--dcv-pay-line)}
.dcv-chip.is-preview{background:var(--ui-gold-soft);color:var(--gold-text);border-color:var(--dcv-gold-line)}
.dcv-chip.is-off{background:var(--ui-danger-soft);color:var(--ui-danger);border-color:color-mix(in srgb,var(--ui-danger) 25%,transparent)}
.dcv-chip.is-draft{background:var(--raised);color:var(--ink-soft)}
.dcv-meta{margin:0;font-size:13px;line-height:1.7;color:var(--ink-faint)}
.dcv-date{color:var(--ink-soft)}
.dcv-count{background:var(--rose-soft);color:var(--rose-deep)}
.dcv-count.is-soon{background:#FEF3C7;color:#92400E}
.dcv-count.is-past{background:var(--raised);color:var(--ink-soft)}
.dcv-note,.dcv-rsvp{display:flex;align-items:center;gap:8px;min-height:40px;padding:6px 12px;border-radius:12px;font-size:12.5px;line-height:1.5;text-decoration:none !important}
.dcv-note{font-weight:600;color:var(--rose-deep) !important;background:color-mix(in srgb,var(--rose-soft) 60%,var(--surface))}
.dcv-note .ic{flex:none;width:16px;height:16px}
.dcv-rsvp{background:var(--paper);color:var(--ink-soft) !important}
.dcv-rsvp-t{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px}
.dcv-rsvp .is-yes{color:var(--ui-success);font-weight:700}
.dcv-rsvp .ic{width:14px;height:14px;vertical-align:-.15em;stroke-width:2.6}
.dcv-rsvp i{font-style:normal;opacity:.7}
.dcv-rsvp:hover,.dcv-note:hover{filter:brightness(.98)}
.dcv-go{margin-inline-start:auto;flex:none}
.dcv-pay{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;
  min-height:56px;padding:7px 12px 11px;border-radius:13px;background:var(--pay);color:#FFFFFF !important;text-align:center;text-decoration:none !important;
  transition:filter .15s ease}
.dcv-pay{background:linear-gradient(135deg,#F3CF7A 0%,#E2AE45 55%,#C98F2B 100%);color:#2A1D0E !important;
  box-shadow:0 10px 22px -12px rgba(201,143,43,.75), inset 0 1px 0 rgba(255,255,255,.35)}
.dcv-pay:hover{filter:brightness(1.07)}
.dcv-pay b{font-size:14.5px;font-weight:700;line-height:1.45}
.dcv-pay s{font-size:12.5px;font-weight:500;opacity:.75}
.dcv-pay-sub{font-size:11.5px;line-height:1.4;opacity:.92}
.dcv-pay-track,.dcv-pay-bar{position:absolute;bottom:0;height:5px}
.dcv-pay-track{inset-inline:0;background:rgba(42,29,14,.14)}
.dcv-pay-bar{inset-inline-start:0;border-start-end-radius:3px;border-end-end-radius:3px}
.dcv-pay-bar.is-ok{background:#7A5A14}
.dcv-pay-bar.is-warn{background:#B45309}
.dcv-pay-bar.is-low{background:#B91C1C}
.dcv-cta{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 14px;border-radius:13px;background:var(--rose-btn);
  color:#FFFCF8 !important;font-size:14.5px;font-weight:700;text-decoration:none !important;transition:filter .15s ease}
.dcv-cta:hover{filter:brightness(1.07)}
.dcv-cta .ic{width:17px;height:17px}
.dcv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.dcv-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:46px;padding:0 10px;border-radius:13px;box-sizing:border-box;
  border:1.5px solid var(--rule);background:var(--surface);color:var(--ink) !important;font-size:13.5px;font-weight:700;
  text-decoration:none !important;white-space:nowrap;transition:border-color .15s ease,color .15s ease,background .15s ease}
.dcv-btn .ic{flex:none;width:16px;height:16px}
.dcv-btn:hover{border-color:color-mix(in srgb,var(--rose) 55%,var(--rule));color:var(--rose-deep) !important}
.dcv-btn.is-edit{border-color:var(--rose-btn);color:var(--rose-deep) !important}
.dcv-btn.is-edit:hover{background:var(--rose-soft)}
.dcv-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:10px;border-top:1px solid color-mix(in srgb,var(--rule) 70%,transparent)}
.dcv-foot.is-plain{padding-top:0;border-top:0}
.dcv-foot.is-plain .dcv-btn{min-height:40px;padding:0 12px;border-radius:10px;font-size:13px}
.dcv-links{display:flex;flex-wrap:wrap;align-items:center;gap:2px;min-width:0}
.dcv-foot.is-plain .dcv-links{gap:8px}
.dcv-link{display:inline-flex;align-items:center;gap:5px;min-height:40px;padding:0 8px;border-radius:10px;color:var(--ink-soft) !important;
  font-size:12.5px;font-weight:600;text-decoration:none !important;transition:background .15s ease,color .15s ease}
.dcv-link .ic{width:16px;height:16px}
.dcv-link:hover{background:var(--paper);color:var(--ink) !important}
.dcv-del{flex:none;width:40px;height:40px;border:0;border-radius:10px;background:transparent;color:var(--ink-faint);display:grid;place-items:center;
  cursor:pointer;transition:background .15s ease,color .15s ease}
.dcv-del .ic{width:17px;height:17px}
.dcv-del:hover{background:var(--ui-danger-soft);color:var(--ui-danger)}
.dcv-pay{min-height:52px}
.dcv-pay b{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0 7px}
.dcv-pay b .ic{flex:none;width:17px;height:17px}
.dcv-off{display:inline-block;padding:1px 8px;border-radius:999px;background:#8E4557;color:#FFFFFF;font-size:11.5px;font-weight:700;line-height:1.6}
.dcv-grid .dcv-btn{min-height:48px;border-radius:12px}
.dcv-grid.is-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.dcv-grid.is-1{grid-template-columns:1fr}
.dcv-btn.is-design{border-color:var(--rose-btn);background:var(--rose-soft);color:var(--rose-deep) !important}
.dcv-btn.is-design:hover{filter:brightness(.98)}
.dcv-btn-n{font-weight:700;color:var(--ui-success)}
.dcv-cta.is-guests{flex-direction:column;gap:2px;min-height:52px;padding:7px 14px;text-align:center}
.dcv-cta.is-guests b{display:inline-flex;align-items:center;gap:7px;font-size:14.5px}
.dcv-cta.is-guests small{font-size:12px;font-weight:500;line-height:1.45;opacity:.92}
.dcv-when{color:var(--rose-deep);font-weight:600}
.dcv-when.is-soon{color:#92400E}
.dcv-when.is-past{color:var(--ink-faint);font-weight:500}
.dcv-more{margin-top:-4px}
.dcv-more>summary{list-style:none;display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;border-radius:10px;cursor:pointer;
  color:var(--ink-soft);font-size:13.5px;font-weight:600}
.dcv-more>summary::-webkit-details-marker{display:none}
.dcv-more>summary::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .15s ease}
.dcv-more[open]>summary::after{transform:translateY(2px) rotate(-135deg)}
.dcv-more>summary:hover{background:var(--paper);color:var(--ink)}
.dcv-menu{display:flex;flex-direction:column;margin-top:4px;border:1px solid var(--rule);border-radius:14px;background:var(--surface);overflow:hidden}
.dcv-mi{display:flex;align-items:center;gap:10px;min-height:46px;padding:0 14px;border:0;border-bottom:1px solid color-mix(in srgb,var(--rule) 70%,transparent);
  background:transparent;color:var(--ink) !important;font:inherit;font-size:14px;font-weight:500;text-align:start;text-decoration:none !important;cursor:pointer;width:100%;box-sizing:border-box}
.dcv-mi:last-child{border-bottom:0}
.dcv-mi .ic{flex:none;width:17px;height:17px;color:var(--ink-faint)}
.dcv-mi:hover{background:var(--paper)}
.dcv-mi.is-danger{color:var(--ui-danger) !important}
.dcv-mi.is-danger .ic{color:var(--ui-danger)}
.dcv-mi.is-on{background:var(--rose-soft)}
@media (max-width:430px){
  .dcv-grid.is-3 .dcv-btn{flex-direction:column;gap:4px;min-height:58px;padding:6px 4px;font-size:12.5px;line-height:1.3;text-align:center;white-space:normal}
  .dcv-grid.is-3 .dcv-btn .ic{width:18px;height:18px}
}
@media (max-width:420px){
  .dash-card.dcv{padding:14px}
  .dcv-top{gap:12px}
  .dcv-thumb{width:72px}
  .dash-card.is-paid .dcv-thumb{width:78px}
  .dash-card.is-draft .dcv-thumb{width:60px}
  .dcv-title{font-size:18.5px}
  .dcv-btn{font-size:13px;gap:6px}
  .dcv-link{padding:0 6px}
}
@media (max-width:360px){
  .dash-head.is-compact .dash-btn-new{padding:0 11px}
  .dcv-link .ic{display:none}
  .dcv-grid:not(.is-1) .dcv-btn{position:relative;flex-direction:column;gap:4px;min-height:58px;padding:6px 4px;font-size:12.5px;line-height:1.3;text-align:center;white-space:normal}
  .dcv-grid:not(.is-1) .dcv-btn .ic{width:18px;height:18px}
  .dcv-grid:not(.is-1) .dcv-btn-n{position:absolute;top:5px;inset-inline-end:9px;font-size:12px}
  .dcv-view{width:36px;padding:0;justify-content:center}
  .dcv-view-t{display:none}
  .dcv-thumb,.dash-card.is-paid .dcv-thumb{width:66px}
  .dash-card.is-draft .dcv-thumb{width:56px}
  .dcv-top{gap:10px}
}
.nis-body{text-align:start;padding:20px 18px 12px;display:flex;flex-direction:column;gap:12px}
.nis-grip{display:none;align-self:center;width:44px;height:5px;border-radius:999px;background:var(--rule)}
dialog.sheet.nis h2{margin:0;text-align:center;font-weight:700;font-size:22px}
.nis-lbl{margin:0;font-size:13px;font-weight:700;color:var(--ink-soft)}
.nis-list{list-style:none;margin:0;padding:2px;display:flex;flex-direction:column;gap:8px;max-height:min(44dvh,340px);overflow-y:auto}
.nis-item{display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 12px;border-radius:16px;border:1px solid var(--rule);
  background:var(--surface);color:var(--ink) !important;text-decoration:none !important;transition:border-color .15s ease}
.nis-item:hover{border-color:var(--rose)}
.nis-item.is-paid{border:2px solid var(--dcv-pay);background:color-mix(in srgb,var(--dcv-pay-soft) 70%,var(--surface))}
.nis-item img{flex:none;width:36px;aspect-ratio:620/1192;object-fit:cover;object-position:top;border-radius:8px;border:1px solid var(--rule)}
.nis-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.nis-t b{font-family:var(--display);font-size:16.5px;font-weight:700;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nis-t b[dir]{text-align:match-parent}
.nis-t small{font-size:12px;line-height:1.5;color:var(--ink-faint)}
.nis-item.is-paid small{color:var(--dcv-pay);font-weight:600}
.nis-item.is-preview small{color:var(--gold-text)}
.nis-go{flex:none;font-size:13px;font-weight:700;color:var(--rose-deep)}
.nis-item.is-paid .nis-go{color:var(--dcv-pay)}
.nis-or{display:flex;align-items:center;gap:10px;color:var(--ink-faint);font-size:12px}
.nis-or::before,.nis-or::after{content:"";flex:1;height:1px;background:var(--rule)}
.nis-new{display:flex;align-items:center;gap:12px;min-height:56px;padding:12px 16px;border-radius:16px;background:var(--rose-btn);
  color:#FFFCF8 !important;text-decoration:none !important;transition:filter .15s ease}
.nis-new:hover{filter:brightness(1.07)}
.nis-new .nis-t b{font-family:var(--body);font-size:15px;white-space:normal}
.nis-new .nis-t small{color:#FFFCF8;opacity:.9}
.nis-plus{flex:none;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.18);display:grid;place-items:center;font-size:20px;font-weight:600;line-height:1}
.nis-cancel{align-self:center;min-height:44px;padding:0 18px;border:0;border-radius:999px;background:transparent;color:var(--ink-faint);
  font:inherit;font-size:13.5px;cursor:pointer}
.nis-cancel:hover{background:var(--raised);color:var(--ink)}
@media (max-width:600px){
  dialog.sheet.nis{margin:auto 0 0;max-width:100%;width:100%;max-height:94dvh}
  dialog.sheet.nis .sheet-body{border-radius:26px 26px 0 0;border-bottom:0;padding:10px 18px calc(12px + env(safe-area-inset-bottom,0px));max-height:94dvh}
  .nis-grip{display:block}
}
.tfor{display:flex;gap:12px;align-items:center;max-width:1120px;margin:0 auto 16px;padding:12px;border-radius:18px;
  background:var(--surface);border:1px solid var(--rule);box-shadow:0 10px 24px -20px rgba(60,30,30,.5)}
.tfor img{flex:none;width:40px;aspect-ratio:620/1192;object-fit:cover;object-position:top;border-radius:8px;border:1px solid var(--rule)}
.tfor-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.tfor h1{margin:0;font-family:var(--display);font-size:clamp(18px,2.4vw,23px);font-weight:700;line-height:1.35;color:var(--ink);overflow-wrap:anywhere}
.tfor p{margin:0;font-size:12.5px;line-height:1.6;color:var(--ink-soft)}
.tfor-x{flex:none;align-self:flex-start;min-height:40px;display:inline-flex;align-items:center;padding:0 6px;font-size:12.5px;
  color:var(--ink-faint) !important;text-decoration:none !important}
.tfor-x:hover{color:var(--ink) !important}
.tcard.is-current{outline:2px solid var(--rose-btn);outline-offset:-2px}
.tcard .feat-tag.tcard-cur{background:var(--rose-btn) !important;color:#FFFCF8 !important;border:0 !important;font-weight:700 !important}
.tcard.is-current .pv-hint{display:none}
.tgrid.is-for .tcard .tags{display:none}
.tcard-pick{pointer-events:auto;display:flex;align-items:center;justify-content:center;min-height:40px;margin-top:4px;padding:0 8px;border-radius:11px;
  background:var(--rose-btn);color:#FFFCF8 !important;font-size:13px;font-weight:700;text-align:center;text-decoration:none !important;transition:filter .15s ease}
.tcard-pick:hover{filter:brightness(1.08)}
.tcard-pick.is-cur{background:rgba(255,252,248,.9);color:#6B564E !important;cursor:default;filter:none}
.aq-band{padding-top:28px;padding-bottom:44px}
.aq-card{max-width:440px;margin:0 auto;padding:20px 18px 12px;border-radius:24px;background:var(--surface);border:1px solid var(--rule);
  box-shadow:0 24px 60px -30px rgba(63,49,44,.55);display:flex;flex-direction:column;gap:14px}
.aq-art{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--rose)}
.aq-art img{aspect-ratio:620/1192;object-fit:cover;object-position:top}
.aq-old{width:44px;border-radius:9px;border:1px solid var(--rule);opacity:.55}
.aq-new{width:52px;border-radius:10px;border:2px solid var(--rose-btn)}
.aq-arrow{flex:none}
.aq-head{display:flex;flex-direction:column;gap:4px;text-align:center}
.aq-head h1{margin:0;font-family:var(--display);font-size:21px;font-weight:700;line-height:1.45;color:var(--ink);overflow-wrap:anywhere}
.aq-sub{align-self:center;margin:2px 0 0;padding:4px 12px;border-radius:999px;font-size:12.5px;font-weight:600;line-height:1.5;
  background:var(--raised);color:var(--ink-soft)}
.aq-sub.is-paid{background:var(--dcv-pay-soft);color:var(--dcv-pay)}
.aq-sub.is-preview{background:var(--ui-gold-soft);color:var(--gold-text)}
.aq-sub.is-expired{background:var(--ui-danger-soft);color:var(--ui-danger)}
.aq-note{margin:0;padding:10px 12px;border-radius:12px;background:var(--paper);font-size:12.5px;line-height:1.7;color:var(--ink-soft);text-align:center}
.aq-yes,.aq-no{display:flex;align-items:center;justify-content:center;padding:0 14px;border-radius:14px;text-align:center;text-decoration:none !important;transition:filter .15s ease,border-color .15s ease}
.aq-yes{min-height:50px;background:var(--rose-btn);color:#FFFCF8 !important;font-size:15px;font-weight:700}
.aq-yes:hover{filter:brightness(1.07)}
.aq-no{min-height:46px;border:1.5px solid var(--rule);color:var(--ink) !important;font-size:14px;font-weight:600}
.aq-no:hover{border-color:var(--rose)}
.aq-foot{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:4px 8px}
.aq-more{flex:1;min-width:0}
.aq-more[open]{flex-basis:100%}
.aq-more summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;min-height:40px;font-size:12.5px;color:var(--rose-deep)}
.aq-more summary::-webkit-details-marker{display:none}
.aq-more summary:hover{text-decoration:underline}
.aq-list{margin-top:4px}
.aq-cancel{min-height:40px;display:inline-flex;align-items:center;font-size:12.5px;color:var(--ink-faint) !important;text-decoration:none !important}
.aq-cancel:hover{color:var(--ink) !important}
section.band.dck-band{padding-top:16px;padding-bottom:calc(150px + env(safe-area-inset-bottom,0px))}
.dck{display:flex;flex-direction:column;align-items:center;gap:12px}
.dck-head{max-width:560px;display:flex;flex-direction:column;gap:4px;text-align:center}
.dck-head h1{margin:0;font-family:var(--display);font-size:clamp(19px,4.6vw,26px);font-weight:700;line-height:1.45;color:var(--ink);overflow-wrap:anywhere}
.dck-head p{margin:0;font-size:13px;line-height:1.7;color:var(--ink-soft)}
.dck-head .dck-more{font-size:12.5px;color:var(--gold-text)}
.dck-phone{position:relative;box-sizing:border-box;width:max(220px,min(340px,84vw,calc((100dvh - 340px) * 0.462)));padding:10px;border-radius:46px;
  background:linear-gradient(145deg,#3A2F2B 0%,#1E1715 100%);
  box-shadow:0 0 0 1px rgba(201,162,39,.35),0 26px 60px -28px rgba(63,49,44,.75),inset 0 0 0 2px rgba(255,255,255,.06)}
.dck-notch{position:absolute;top:16px;left:50%;z-index:2;width:30%;height:20px;margin-left:-15%;border-radius:999px;background:#120E0C;pointer-events:none}
.dck-screen{position:relative;width:100%;aspect-ratio:390/844;border-radius:36px;overflow:hidden;background:var(--paper)}
.dck-screen iframe{display:block;width:100%;height:100%;border:0}
.dck-screen.is-scaled iframe{position:absolute;top:0;left:0;width:390px;height:844px;transform:scale(var(--k,1));transform-origin:0 0}
.dck-wm{position:absolute;inset:0;z-index:1;pointer-events:none;background-repeat:repeat;background-size:170px 120px}
.dck-bar{position:fixed;inset-inline:0;bottom:0;z-index:50;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));
  background:var(--surface);border-top:1px solid var(--rule);box-shadow:0 -14px 30px -24px rgba(63,49,44,.6)}
.dck-bar-in{max-width:420px;margin:0 auto;display:flex;flex-direction:column;gap:8px}
.dck-bar form{margin:0}
.dck-row{display:flex;align-items:center;gap:8px}
.dck-row form{flex:1;min-width:0}
.dck-yes,.dck-no{width:100%;border-radius:14px;font:inherit;cursor:pointer;transition:filter .15s ease,border-color .15s ease}
.dck-yes{min-height:50px;border:0;background:var(--rose-btn);color:#FFFCF8;font-size:15px;font-weight:700}
.dck-yes:hover{filter:brightness(1.07)}
.dck-no{min-height:44px;border:1.5px solid var(--rule);background:var(--surface);color:var(--ink);font-size:13.5px;font-weight:600}
.dck-no:hover{border-color:var(--rose)}
.dck-later{flex:none;min-height:44px;display:inline-flex;align-items:center;padding:0 14px;font-size:13px;color:var(--ink-faint) !important;text-decoration:none !important}
.dck-later:hover{color:var(--ink) !important}
@media (min-width:900px){
  section.band.dck-band{padding-top:24px;padding-bottom:32px}
  .dck{display:grid;grid-template-columns:auto minmax(0,400px);grid-template-areas:"phone head" "phone bar";
    justify-content:center;align-items:start;column-gap:44px;row-gap:18px}
  .dck-phone{grid-area:phone;width:max(240px,min(360px,calc((100dvh - 150px) * 0.462)))}
  .dck-head{grid-area:head;align-self:end;max-width:none;text-align:start}
  .dck-bar{grid-area:bar;position:static;padding:0;background:none;border:0;box-shadow:none}
  .dck-bar-in{margin:0;max-width:none}
}
.dash-card.dcv{scroll-margin-top:96px}
.dash-card.dcv.is-fresh{animation:dcvFresh 2.6s ease 1}
@keyframes dcvFresh{0%,55%{box-shadow:0 0 0 4px color-mix(in srgb,var(--rose) 50%,transparent)}100%{box-shadow:0 10px 26px -22px rgba(60,30,30,.35)}}
@media (prefers-reduced-motion:reduce){.dash-card.dcv.is-fresh{animation:none;outline:3px solid color-mix(in srgb,var(--rose) 50%,transparent);outline-offset:2px}}
.dcv-side{display:contents}
@media (min-width:900px){
  .dash-cards-list{align-items:stretch}
  .dash-card.dcv>.dcv-side>:first-child{margin-top:auto}
  .dcv-thumb{width:96px}
  .dash-card.is-paid .dcv-thumb{width:100px}
  .dash-card.is-draft .dcv-thumb{width:76px}
  .dcv-title{font-size:21px}
  .dcv-more{position:relative}
  .dcv-more>.dcv-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;margin:0 auto;width:min(100%,300px);z-index:30;
    box-shadow:0 22px 44px -20px rgba(40,20,20,.38)}
  .dash-cards-list>.dash-card.dcv.is-paid,
  .dash-cards-list>.dash-card.dcv:only-of-type{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);
    align-items:center;gap:0;padding:26px 28px}
  .dash-cards-list>.dash-card.dcv.is-paid>.dcv-top,
  .dash-cards-list>.dash-card.dcv:only-of-type>.dcv-top{gap:22px;align-items:center;padding-inline-end:32px}
  .dash-cards-list>.dash-card.dcv.is-paid>.dcv-side,
  .dash-cards-list>.dash-card.dcv:only-of-type>.dcv-side{display:flex;flex-direction:column;gap:12px;align-self:stretch;justify-content:center;
    padding-inline-start:32px;border-inline-start:1px solid color-mix(in srgb,var(--rule) 80%,transparent)}
  .dash-cards-list>.dash-card.dcv.is-paid>.dcv-side>:first-child,
  .dash-cards-list>.dash-card.dcv:only-of-type>.dcv-side>:first-child{margin-top:0}
  .dash-cards-list>.dash-card.dcv.is-paid .dcv-thumb,
  .dash-cards-list>.dash-card.dcv:only-of-type .dcv-thumb{width:128px;border-radius:16px}
  .dash-cards-list>.dash-card.dcv.is-draft:only-of-type .dcv-thumb{width:104px}
  .dash-cards-list>.dash-card.dcv.is-paid .dcv-title,
  .dash-cards-list>.dash-card.dcv:only-of-type .dcv-title{font-size:26px}
  .dash-cards-list>.dash-card.dcv.is-paid .dcv-meta,
  .dash-cards-list>.dash-card.dcv:only-of-type .dcv-meta{font-size:14px}
  .dash-cards-list>.dash-card.dcv.is-paid .dcv-info,
  .dash-cards-list>.dash-card.dcv:only-of-type .dcv-info{gap:10px}
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){--dcv-pay:#34D399;--dcv-pay-soft:#0F2A20;--dcv-pay-line:#1F5A43;--dcv-gold-line:#5A4A1F}
  :root:not([data-theme="light"]) .dcv-count.is-soon{background:#3A2A10;color:#FCD34D}
  :root:not([data-theme="light"]) .tcard-pick.is-cur{background:rgba(31,24,21,.9);color:#C6B3A6 !important}
  :root:not([data-theme="light"]) .dash-card.dcv.is-paid{box-shadow:0 16px 34px -24px rgba(52,211,153,.35)}
}
:root[data-theme="dark"]{--dcv-pay:#34D399;--dcv-pay-soft:#0F2A20;--dcv-pay-line:#1F5A43;--dcv-gold-line:#5A4A1F}
:root[data-theme="dark"] .dcv-count.is-soon{background:#3A2A10;color:#FCD34D}
:root[data-theme="dark"] .tcard-pick.is-cur{background:rgba(31,24,21,.9);color:#C6B3A6 !important}
:root[data-theme="dark"] .dash-card.dcv.is-paid{box-shadow:0 16px 34px -24px rgba(52,211,153,.35)}
@media (pointer: coarse), (max-width: 760px) {
  nav.site .lang{ min-height:40px; display:inline-flex; align-items:center; }
  .flinks a{ display:inline-flex; align-items:center; min-height:40px; margin-block:-8px; }
  .authbox .auth-close,
  .tpl-modal-close,
  .btn-has-draft-cancel{ min-width:44px; min-height:44px; }
}
.amount.has-was{display:flex;align-items:baseline;justify-content:center;gap:12px;flex-wrap:wrap}
.amount .now{unicode-bidi:isolate}
.amount .was{unicode-bidi:isolate;font-size:.5em;color:#8a8178;text-decoration:line-through;font-weight:400;white-space:nowrap}
.coupon{margin:12px 0 4px}
.coupon-fold summary{cursor:pointer;font-size:13.5px;color:#6b625a;list-style:none;display:inline-flex;align-items:center;gap:6px;padding:6px 2px;min-height:44px}
.coupon-fold summary::-webkit-details-marker{display:none}
.coupon-fold summary::after{content:"";width:7px;height:7px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s ease}
.coupon-fold[open] summary::after{transform:rotate(-135deg) translateY(0)}
.coupon-row{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}
.coupon-row input{flex:1 1 180px;min-width:0;min-height:44px;padding:10px 12px;border:1px solid var(--rule);border-radius:10px;font:inherit;font-size:15px;letter-spacing:.04em;text-transform:uppercase;background:#fff}
.coupon-row input:focus-visible{outline:2px solid var(--rose);outline-offset:1px}
.coupon-row .btn{flex:0 0 auto;min-height:44px}
.coupon-msg{margin:8px 0 0;font-size:13px;color:#8d5a4c;min-height:1.2em}
.coupon-on{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0 0;font-size:14px;padding:9px 12px;border:1px dashed var(--rule);border-radius:10px;background:var(--paper)}
.coupon-on b{letter-spacing:.06em}
.linkbtn{background:none;border:0;padding:8px;min-height:44px;color:#6b625a;text-decoration:underline;cursor:pointer;font:inherit;font-size:13px}
.linkbtn:hover{color:var(--ink)}
.linkbtn:disabled{color:var(--ink-faint);text-decoration:none;cursor:default;font-variant-numeric:tabular-nums}
.blog-page{padding-block:40px 80px}
.blog-hero{text-align:center;max-width:760px;margin:0 auto 48px;padding-inline:16px}
.blog-badge{
  display:inline-block;padding:4px 14px;border-radius:999px;font-size:13px;font-weight:600;
  background:var(--rose-soft);color:var(--rose);border:1px solid color-mix(in srgb, var(--rose) 25%, transparent);
  margin-bottom:14px;letter-spacing:.02em;
}
.blog-title{font-family:var(--display);font-size:clamp(28px, 4vw, 42px);line-height:1.25;margin:0 0 14px;color:var(--ink)}
.blog-subtitle{font-size:16.5px;line-height:1.8;color:var(--ink-soft);margin:0}
.blog-empty{padding:60px 20px;text-align:center;color:var(--ink-faint);font-size:16px;background:var(--surface);border-radius:16px;border:1px dashed var(--rule)}
.featured-post{margin-bottom:48px}
.featured-card{
  display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:center;
  background:var(--surface);border:1px solid var(--rule);border-radius:20px;
  overflow:hidden;box-shadow:var(--shadow);transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  text-decoration:none;color:inherit;
}
.featured-card:hover{
  transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--rose);text-decoration:none;
}
.featured-img-wrap{height:100%;min-height:300px;overflow:hidden;background:var(--raised)}
.featured-img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.featured-card:hover .featured-img{transform:scale(1.03)}
.featured-content{padding:36px 32px;display:flex;flex-direction:column;justify-content:center}
.post-meta{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-faint);margin-bottom:12px}
.post-sep{color:var(--rule)}
.featured-title{font-family:var(--display);font-size:clamp(22px, 2.5vw, 28px);line-height:1.35;margin:0 0 14px;color:var(--ink)}
.featured-excerpt{font-size:15px;line-height:1.75;color:var(--ink-soft);margin:0 0 20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.read-more-btn{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14.5px;color:var(--rose)}
.read-more-btn .arrow{transition:transform .2s ease}
.featured-card:hover .read-more-btn .arrow{transform:translateX(-4px)}
.blog-grid{
  display:grid;grid-template-columns:repeat(auto-fill, minmax(min(100%, 300px), 1fr));gap:24px;
}
.post-card{background:var(--surface);border:1px solid var(--rule);border-radius:16px;overflow:hidden;box-shadow:var(--shadow);transition:all .22s ease}
.post-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--rose)}
.post-card-link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}
.post-card-link:hover{text-decoration:none}
.post-card-img-wrap{aspect-ratio:16/9;overflow:hidden;background:var(--raised)}
.post-card-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.post-card:hover .post-card-img{transform:scale(1.04)}
.post-card-body{padding:22px 20px;display:flex;flex-direction:column;flex-grow:1}
.post-card-title{font-family:var(--display);font-size:19px;line-height:1.4;margin:0 0 10px;color:var(--ink)}
.post-card-excerpt{font-size:14px;line-height:1.7;color:var(--ink-soft);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.blog-topics{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px}
.blog-topic-chip{
  display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:8px 14px;border-radius:999px;
  background:var(--surface);border:1px solid var(--rule);color:var(--ink);font-size:14px;font-weight:600;text-decoration:none;
  transition:border-color .15s ease, color .15s ease;
}
.blog-topic-chip:hover{border-color:var(--rose);color:var(--rose-deep);text-decoration:none}
.blog-topic-n{font-size:12px;font-weight:600;color:var(--ink-faint)}
.post-badge{color:var(--rose-deep);font-weight:700}
.post-meta-end{margin:12px 0 0;margin-top:auto;padding-top:12px}
.blog-lists{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:56px}
.blog-list-box{background:var(--surface);border:1px solid var(--rule);border-radius:16px;padding:22px 24px;box-shadow:var(--shadow)}
.blog-list-title{font-family:var(--display);font-size:20px;margin:0 0 12px;color:var(--ink)}
.blog-rank,.blog-latest{margin:0;padding:0;list-style:none}
.blog-rank{counter-reset:rank}
.blog-rank li,.blog-latest li{border-top:1px solid var(--rule);padding:10px 0;font-size:15px;line-height:1.6}
.blog-rank li:first-child,.blog-latest li:first-child{border-top:0;padding-top:4px}
.blog-rank li{counter-increment:rank;display:flex;gap:12px;align-items:baseline}
.blog-rank li::before{content:counter(rank);font-family:var(--display);font-weight:700;color:var(--rose);min-width:1.2em}
.blog-rank a,.blog-latest a{color:var(--ink);text-decoration:none}
.blog-rank a:hover,.blog-latest a:hover{color:var(--rose-deep);text-decoration:underline}
.blog-latest li{display:flex;flex-direction:column;gap:2px}
.blog-latest-date{font-size:12.5px;color:var(--ink-faint)}
.blog-topic{margin-bottom:56px;scroll-margin-top:90px}
.blog-topic-head{margin-bottom:20px;border-bottom:1px solid var(--rule);padding-bottom:12px}
.blog-topic-title{font-family:var(--display);font-size:clamp(22px, 3vw, 28px);line-height:1.35;margin:0 0 6px;color:var(--ink)}
.blog-topic-intro{margin:0;font-size:15px;line-height:1.7;color:var(--ink-soft)}
.blog-more{margin-top:20px}
.blog-more>summary{list-style:none}
.blog-more>summary::-webkit-details-marker{display:none}
.blog-more-btn{
  display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;margin:0 auto 20px;width:fit-content;
  border-radius:12px;border:1px solid var(--rule);background:var(--surface);color:var(--rose-deep);font-weight:600;font-size:14.5px;cursor:pointer;
}
.blog-more-btn::after{content:'▾';font-size:13px}
.blog-more-btn:hover{border-color:var(--rose)}
.blog-more[open]>.blog-more-btn{display:none}
.post-related{margin:0 0 36px}
.post-related-title{font-family:var(--display);font-size:22px;margin:0 0 14px;color:var(--ink)}
.post-related-list{display:grid;grid-template-columns:repeat(3, 1fr);gap:16px}
.post-related-item{
  display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--rule);border-radius:14px;overflow:hidden;
  color:var(--ink);text-decoration:none;box-shadow:var(--shadow);transition:border-color .15s ease, transform .2s ease;
}
.post-related-item:hover{border-color:var(--rose);transform:translateY(-2px);text-decoration:none}
.post-related-img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block;background:var(--raised)}
.post-related-name{padding:12px 14px;font-weight:600;font-size:15px;line-height:1.5}
.blog-bottom-cta{
  background:linear-gradient(135deg, color-mix(in srgb, var(--surface) 90%, var(--rose-soft)) 0%, var(--surface) 100%);
  border:1px solid color-mix(in srgb, var(--rose) 30%, var(--rule));border-radius:20px;padding:44px 24px;text-align:center;
  box-shadow:var(--shadow);margin-top:20px;
}
.blog-bottom-cta .cta-inner{max-width:620px;margin:0 auto}
.blog-bottom-cta h2{font-family:var(--display);font-size:26px;margin:0 0 10px;color:var(--ink)}
.blog-bottom-cta p{font-size:15.5px;color:var(--ink-soft);margin:0 0 22px;line-height:1.75}
.post-article{max-width:780px;padding-block:30px 80px}
.breadcrumbs{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-faint);margin-bottom:24px;flex-wrap:wrap}
.breadcrumbs a{color:var(--ink-soft);text-decoration:none}
.breadcrumbs a:hover{color:var(--rose);text-decoration:underline}
.bc-sep{color:var(--rule)}
.bc-cur{color:var(--ink);font-weight:500;max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.post-header{margin-bottom:28px}
.post-title{font-family:var(--display);font-size:clamp(26px, 4.2vw, 40px);line-height:1.3;margin:0 0 14px;color:var(--ink)}
.post-lede{font-size:18px;line-height:1.7;color:var(--ink-soft);margin:0 0 16px;font-weight:400}
.post-header-meta{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--ink-soft);flex-wrap:wrap;margin-bottom:8px}
.post-header-meta .author{font-weight:600;display:inline-flex;align-items:center;gap:5px;color:var(--ink)}
.meta-dot{color:var(--rule)}
.post-cover-fig{margin:24px 0 28px;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-lg);background:var(--surface)}
.post-cover-img{width:100%;height:auto;max-height:460px;object-fit:cover;display:block}
.post-body-content{font-size:17px;line-height:1.9;color:var(--ink);margin-bottom:44px}
.post-body-content p.post-lead-p{font-size:18px;line-height:1.85;color:var(--ink);margin-bottom:22px}
.post-body-content h2{font-family:var(--display);font-size:26px;line-height:1.35;margin:40px 0 16px;color:var(--ink);border-bottom:1px solid var(--rule);padding-bottom:10px}
.post-body-content h3{font-family:var(--display);font-size:21px;line-height:1.4;margin:30px 0 12px;color:var(--ink)}
.heading-anchor{opacity:0;color:var(--rose);text-decoration:none;font-weight:normal;margin-inline-start:8px;font-size:0.85em;transition:opacity .15s ease}
.post-body-content h2:hover .heading-anchor,.post-body-content h3:hover .heading-anchor{opacity:.6}
.heading-anchor:hover{opacity:1!important}
.post-body-content p{margin:0 0 20px}
.post-body-content ul,.post-body-content ol{margin:0 0 22px;padding-inline-start:24px}
.post-body-content li{margin-bottom:9px;line-height:1.8}
.post-toc{
  background:var(--surface);border:1px solid var(--rule);border-radius:14px;
  margin:24px 0 32px 0;overflow:hidden;box-shadow:var(--shadow-sm);
}
.post-toc-details{padding:0}
.post-toc-summary{
  display:flex;align-items:center;gap:10px;padding:14px 18px;font-size:16px;
  font-weight:700;color:var(--ink);cursor:pointer;background:var(--raised);
  user-select:none;list-style:none;
}
.post-toc-summary::-webkit-details-marker{display:none}
.post-toc-summary::after{content:'▾';margin-inline-start:auto;font-size:14px;color:var(--ink-soft);transition:transform .2s ease}
.post-toc-details[open] .post-toc-summary::after{transform:rotate(180deg)}
.post-toc-list{margin:0;padding:14px 24px 18px 36px;list-style-type:decimal}
.post-toc-item{margin-bottom:8px;font-size:15px;line-height:1.6}
.post-toc-item:last-child{margin-bottom:0}
.post-toc-item a{color:var(--ink);text-decoration:none;transition:color .15s ease}
.post-toc-item a:hover{color:var(--rose-deep);text-decoration:underline}
.post-updated-date{
  display:inline-flex;align-items:center;gap:4px;font-size:13px;
  color:var(--rose-deep);background:color-mix(in srgb, var(--rose) 10%, transparent);
  padding:2px 8px;border-radius:6px;font-weight:500;
}
.post-quote-box{
  margin:28px 0;background:var(--raised);border:1px solid var(--rule);
  border-inline-start:4px solid var(--rose);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm);
}
.post-quote-header{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:10px 18px;background:color-mix(in srgb, var(--rose-soft) 25%, transparent);
  border-bottom:1px solid var(--rule);
}
.quote-tag{font-size:13px;font-weight:600;color:var(--ink-soft)}
.quote-copy-btn{
  display:inline-flex;align-items:center;gap:6px;background:var(--surface);
  border:1px solid var(--rule);color:var(--ink-soft);font-size:12.5px;font-weight:600;
  padding:4px 12px;border-radius:8px;cursor:pointer;transition:all .15s ease;
}
.quote-copy-btn:hover{background:var(--rose-soft);color:var(--rose-deep);border-color:var(--rose)}
.post-quote-box blockquote{margin:0;padding:16px 20px;background:transparent;border:0;font-style:normal;color:var(--ink);font-size:16.5px;line-height:1.85}
.post-quote-box blockquote p{margin:0}
.post-body-content blockquote{
  margin:28px 0;padding:18px 24px;background:var(--raised);border-inline-start:4px solid var(--rose);
  border-radius:8px;font-size:17px;font-style:italic;color:var(--ink-soft);
}
.post-body-content blockquote p{margin:0}
.post-body-content strong{color:var(--ink);font-weight:600}
.post-body-content a{color:var(--rose);text-decoration:underline;text-underline-offset:3px}
.post-body-content a:hover{color:var(--rose-deep)}
.post-body-content hr{border:0;border-top:1px solid var(--rule);margin:34px 0}
.post-table{overflow-x:auto;margin:0 0 24px;border:1px solid var(--rule);border-radius:14px;-webkit-overflow-scrolling:touch}
.post-table table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.7}
.post-table th,.post-table td{padding:11px 14px;text-align:start;vertical-align:top;border-bottom:1px solid var(--rule)}
.post-table th{background:var(--raised);font-weight:700;color:var(--ink)}
.post-table tr:last-child td{border-bottom:0}
@media (max-width:600px){.post-table table{font-size:13.5px}.post-table th,.post-table td{padding:9px 10px}}
.post-body-content img.post-img{border-radius:12px;margin:24px auto;box-shadow:var(--shadow);max-width:100%}
.post-inline-cta{
  background:linear-gradient(135deg, var(--surface) 0%, var(--rose-soft) 100%);
  border:1.5px solid color-mix(in srgb, var(--rose) 40%, transparent);
  border-radius:16px;padding:30px 24px;margin:40px 0;text-align:center;box-shadow:var(--shadow);
}
.post-inline-cta .cta-badge{
  display:inline-block;padding:3px 12px;border-radius:999px;font-size:12px;font-weight:700;
  background:var(--rose-btn);color:#fff;margin-bottom:10px;
}
.post-inline-cta h3{font-family:var(--display);font-size:22px;margin:0 0 10px;color:var(--ink)}
.post-inline-cta p{font-size:15px;color:var(--ink-soft);margin:0 0 18px;line-height:1.7}
.post-share-bar{
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  padding:20px 24px;background:var(--surface);border:1px solid var(--rule);border-radius:14px;
  margin-bottom:36px;box-shadow:var(--shadow);
}
.share-title{font-size:14.5px;font-weight:600;color:var(--ink)}
.share-btns{display:flex;gap:10px;flex-wrap:wrap}
.share-btn{
  display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:9px;
  font-size:13.5px;font-weight:500;text-decoration:none;border:0;cursor:pointer;
  transition:all .18s ease;
}
.share-btn.whatsapp{background:#25D366;color:#fff}
.share-btn.whatsapp:hover{background:#1EBE5D;text-decoration:none}
.share-btn.twitter{background:#000;color:#fff}
.share-btn.twitter:hover{background:#222;text-decoration:none}
.share-btn.copy-link{background:var(--raised);color:var(--ink);border:1px solid var(--rule)}
.share-btn.copy-link:hover{background:var(--paper)}
.post-footer{margin-top:20px}
.back-link{font-size:14.5px;font-weight:600;color:var(--rose);display:inline-flex;align-items:center;gap:6px}
@media (max-width:768px){
  .featured-card{grid-template-columns:1fr;gap:0}
  .featured-img-wrap{height:220px;min-height:auto}
  .featured-content{padding:22px 18px}
  .post-body-content{font-size:16px}
  .post-lede{font-size:15.5px}
  .post-inline-cta{padding:22px 16px}
  .post-share-bar{flex-direction:column;align-items:flex-start}
  .blog-lists{grid-template-columns:1fr;gap:16px;margin-bottom:44px}
  .blog-list-box{padding:18px 18px}
  .blog-topics{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;margin-inline:-16px;padding:2px 16px 6px;scrollbar-width:none}
  .blog-topics::-webkit-scrollbar{display:none}
  .blog-topic-chip{flex:0 0 auto;font-size:13.5px}
  .blog-topic{margin-bottom:44px}
  .post-related-list{grid-template-columns:1fr}
  .post-related-item{flex-direction:row;align-items:center}
  .post-related-img{width:112px;flex:0 0 112px;aspect-ratio:4/3}
}
.ui-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:44px;padding:10px 18px;border-radius:12px;
  font-family:var(--body);font-size:14px;font-weight:600;line-height:1.2;
  text-decoration:none !important;cursor:pointer;
  transition:all .18s ease;box-sizing:border-box;white-space:nowrap;
  -webkit-tap-highlight-color:transparent;
  background:var(--rose-grad);color:#ffffff !important;border:none;box-shadow:var(--shadow);
}
.ui-btn:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:var(--shadow-lg);text-decoration:none !important}
.ui-btn:active{transform:translateY(0)}
.ui-btn:focus-visible{outline:2px solid var(--rose);outline-offset:2px}
.ui-btn.secondary{
  border:1px solid var(--rule);background:var(--surface);color:var(--ink) !important;box-shadow:var(--shadow);
}
.ui-btn.secondary:hover{border-color:var(--rose);color:var(--rose) !important;background:var(--raised)}
.ui-btn.quiet{
  border:none;background:transparent;color:var(--ink-soft) !important;padding:8px 12px;box-shadow:none;min-height:36px;
}
.ui-btn.quiet:hover{color:var(--rose) !important;background:var(--raised);transform:none}
.ui-btn.wa{
  background:var(--ui-wa);color:#ffffff !important;border:none;box-shadow:0 2px 8px rgba(37,211,102,.25);
}
.ui-btn.wa:hover{background:var(--ui-wa-hover);color:#ffffff !important;box-shadow:0 4px 12px rgba(37,211,102,.35)}
.ui-btn.danger{
  border:1px solid var(--ui-danger);background:transparent;color:var(--ui-danger) !important;box-shadow:none;
}
.ui-btn.danger:hover{background:var(--ui-danger-soft);color:var(--ui-danger) !important}
.ui-btn.danger.filled{
  background:var(--ui-danger);color:#ffffff !important;border:none;box-shadow:var(--shadow);
}
.ui-btn.danger.filled:hover{filter:brightness(1.08);color:#ffffff !important}
.ui-btn.sm{
  min-height:36px;padding:6px 12px;font-size:13px;border-radius:9px;
}
.ui-btn.icon-only{
  width:44px;min-height:44px;padding:0;border-radius:10px;
}
.ui-btn.sm.icon-only{
  width:36px;min-height:36px;padding:0;border-radius:8px;
}
.ui-btn:disabled, .ui-btn[aria-disabled="true"]{
  opacity:.5;pointer-events:none;cursor:not-allowed;
}
.slug-suggest-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:8px 0 0}
.slug-suggest-msg{font-size:12.5px;color:var(--ink-soft);line-height:1.5}
.btn-publish-cta.pulse{animation:pubPulse 1.1s ease-in-out 2}
@keyframes pubPulse{
  0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(225,29,72,.35)}
  50%{transform:scale(1.02);box-shadow:0 0 0 10px rgba(225,29,72,0)}
}
@media (prefers-reduced-motion:reduce){ .btn-publish-cta.pulse{animation:none} }
.pub-pending{
  display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
  margin:0 0 14px;padding:14px 16px;border-radius:14px;
  background:var(--rose-soft);border:1px solid color-mix(in srgb,var(--rose) 28%,var(--rule));color:var(--rose-deep);
}
.pub-pending-txt{display:grid;gap:3px;font-size:13px;line-height:1.6;min-width:220px;flex:1}
.pub-pending-txt strong{font-size:14px}
.pub-pending-acts{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pub-pending-acts form{margin:0}
.pub-pending-discard{font-size:12.5px;font-weight:600;color:inherit;opacity:.8}
.ask-form{display:inline-flex;align-items:center;gap:8px}
.ask-box{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12.5px}
.ask-box[hidden]{display:none}
.ask-q{font-weight:600}
.ask-yes,.ask-no{
  font:inherit;font-size:12.5px;font-weight:700;border-radius:999px;padding:6px 14px;min-height:44px;cursor:pointer;
}
.ask-yes{background:var(--rose-btn);color:#fff;border:none}
.ask-no{background:transparent;color:inherit;border:1px solid currentColor;opacity:.75}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) .pub-pending{background:var(--rose-soft);border-color:color-mix(in srgb,var(--rose) 28%,var(--rule));color:var(--rose-deep)}
}
:root[data-theme="dark"] .pub-pending{background:var(--rose-soft);border-color:color-mix(in srgb,var(--rose) 28%,var(--rule));color:var(--rose-deep)}
.ui-btn.busy, .btn-publish-cta.busy{opacity:.75;pointer-events:none;cursor:progress}
.ui-badge{
  display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;
  font-size:12px;font-weight:600;line-height:1.2;white-space:nowrap;
}
.ui-badge.draft{background:var(--raised);color:var(--ink-soft);border:1px solid var(--rule)}
.ui-badge.trial, .ui-badge.free{background:var(--ui-gold-soft);color:var(--gold);border:1px solid var(--gold)}
.ui-badge.active{background:var(--ui-success-soft);color:var(--ui-success);border:1px solid var(--ui-success)}
.ui-badge.expired, .ui-badge.paused{background:var(--ui-danger-soft);color:var(--ui-danger);border:1px solid var(--ui-danger)}
.ui-card{
  background:var(--surface);border:1px solid var(--rule);border-radius:16px;
  box-shadow:var(--shadow);padding:16px;box-sizing:border-box;
}
@media (min-width:768px){
  .ui-card{padding:24px}
}
.ui-card-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap;
}
.ui-card-title{
  font-family:var(--display);font-size:18px;font-weight:700;color:var(--ink);margin:0;
  display:flex;align-items:center;gap:8px;
}
.ui-banner{
  display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;
  border-radius:12px;font-size:13.5px;line-height:1.5;background:var(--rose-soft);
  border:1px solid var(--rule);flex-wrap:wrap;
}
.ui-banner a{font-weight:700;color:var(--rose-deep);text-decoration:underline;text-underline-offset:2px}
.ui-banner.warn{background:var(--ui-danger-soft);border-color:var(--ui-danger);color:var(--ui-danger)}
.ui-banner.warn a{color:var(--ui-danger)}
.ui-banner.trial, .ui-banner.free{background:var(--ui-gold-soft);border-color:var(--gold);color:var(--ink)}
.ui-banner.trial a, .ui-banner.free a{color:var(--rose-deep)}
.ui-input,.ui-textarea{
  width:100%;font-family:var(--body);font-size:16px;color:var(--ink);
  background:var(--paper);border:1px solid var(--rule);border-radius:10px;padding:10px 14px;
  transition:border-color .16s ease,box-shadow .16s ease;box-sizing:border-box;
}
@media (min-width:768px){
  .ui-input,.ui-textarea{font-size:14px}
}
.ui-input:focus,.ui-textarea:focus{
  outline:none;border-color:var(--rose);box-shadow:0 0 0 3px var(--rose-soft);
}
.ui-fold{
  border:1px solid var(--rule);border-radius:14px;background:var(--surface);overflow:hidden;
}
.ui-fold summary{
  cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px;
  font-weight:600;font-size:14px;color:var(--ink);padding:12px 16px;background:var(--raised);
  user-select:none;transition:background .15s ease;
}
.ui-fold summary:hover{background:color-mix(in srgb, var(--rose-soft) 30%, var(--raised))}
.ui-fold summary::-webkit-details-marker{display:none}
.ui-fold-chevron{transition:transform .2s ease;color:var(--ink-faint);display:inline-flex}
details[open] > summary .ui-fold-chevron{transform:rotate(180deg)}
.ui-menu{position:relative;display:inline-block}
.ui-menu summary{list-style:none;cursor:pointer;outline:none;display:inline-flex;align-items:center;justify-content:center}
.ui-menu summary::-webkit-details-marker{display:none}
.ui-menu:not([open]) .ui-menu-dropdown{display:none !important}
.ui-menu-dropdown{
  position:absolute;top:calc(100% + 4px);inset-inline-end:0;z-index:60;
  background:var(--surface);border:1px solid var(--rule);border-radius:12px;
  box-shadow:var(--shadow-lg);min-width:160px;padding:6px;display:flex;flex-direction:column;gap:2px;
}
.ui-menu-item{
  display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:500;
  color:var(--ink);border-radius:8px;background:transparent;border:none;width:100%;
  text-align:start;cursor:pointer;text-decoration:none !important;font-family:var(--body);
  transition:background .15s ease,color .15s ease;box-sizing:border-box;white-space:nowrap;
}
.ui-menu-item:hover{background:var(--raised);color:var(--rose)}
.ui-menu-item.danger{color:var(--ui-danger)}
.ui-menu-item.danger:hover{background:var(--ui-danger-soft);color:var(--ui-danger)}
.ui-confirm{
  display:none;align-items:center;justify-content:space-between;gap:12px;
  width:100%;padding:10px 14px;background:var(--ui-danger-soft);
  border:1px dashed var(--ui-danger);border-radius:10px;box-sizing:border-box;
}
.ui-confirm.active{display:flex}
.ui-confirm-text{font-size:13px;font-weight:600;color:var(--ui-danger)}
.ui-confirm-actions{display:flex;align-items:center;gap:8px}
@media (max-width:768px){
  body.has-tabbar .band:last-of-type{
    padding-bottom:calc(84px + env(safe-area-inset-bottom, 0px));
  }
}
@media (prefers-reduced-motion:reduce){
  .ui-btn, .ui-fold-chevron, .ui-menu-dropdown, .ui-badge{
    transition:none !important;animation:none !important;
  }
}
.wa-fab-menu {
  position: fixed;
  bottom: 28px;
  right: 28px;
  z-index: 95;
  user-select: none;
}
.wa-fab-menu summary {
  list-style: none;
  cursor: pointer;
  outline: none;
}
.wa-fab-menu summary::-webkit-details-marker,
.wa-fab-menu summary::marker {
  display: none;
}
.wa-fab-content {
  position: absolute;
  bottom: calc(100% + 14px);
  right: 5px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  pointer-events: none;
}
details:not([open]) .wa-fab-content {
  display: none;
}
details[open] .wa-fab-content {
  display: flex;
  pointer-events: auto;
  animation: waSlideUp 0.26s cubic-bezier(0.34, 1.56, 0.64, 1);
}
@keyframes waSlideUp {
  0% {
    opacity: 0;
    transform: translateY(16px) scale(0.9);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.wa-speed-item {
  direction: ltr !important;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  text-decoration: none !important;
  color: inherit !important;
  transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  filter: drop-shadow(0 4px 14px rgba(0, 0, 0, 0.12));
}
.wa-speed-item:hover {
  transform: translateY(-2px) scale(1.04);
  filter: drop-shadow(0 6px 20px rgba(0, 0, 0, 0.18));
}
.wa-speed-pill {
  background: #FFFFFF;
  color: #1F2937;
  font-family: var(--body);
  font-size: 15px;
  font-weight: 700;
  padding: 8px 18px;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  white-space: nowrap;
  letter-spacing: -0.01em;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.wa-speed-icon-wrap {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: #25D366;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 20px rgba(37, 211, 102, 0.45);
  flex-shrink: 0;
}
.wa-speed-icon-wrap svg {
  width: 28px;
  height: 28px;
  fill: #FFFFFF;
}
.wa-fab-trigger {
  position: relative;
  width: 68px;
  height: 68px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.wa-fab-halo {
  position: absolute;
  inset: -6px;
  border-radius: 50%;
  background: rgba(81, 20, 25, 0.14);
  pointer-events: none;
  animation: waHaloPulse 3s infinite ease-in-out;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .wa-fab-halo {
    background: rgba(212, 175, 55, 0.16);
  }
}
@keyframes waHaloPulse {
  0%, 100% { transform: scale(0.96); opacity: 0.7; }
  50% { transform: scale(1.08); opacity: 0.35; }
}
.wa-fab-circle {
  position: relative;
  z-index: 2;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: linear-gradient(145deg, #63171d 0%, #420f13 100%);
  color: #FFFFFF;
  border: 1.5px solid rgba(212, 175, 55, 0.4);
  box-shadow: 0 8px 24px rgba(81, 20, 25, 0.45), 0 2px 6px rgba(0, 0, 0, 0.16);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.22s var(--ease-spring), box-shadow 0.22s ease;
}
.wa-fab-menu summary:hover .wa-fab-circle {
  transform: scale(1.06);
  box-shadow: 0 10px 28px rgba(81, 20, 25, 0.55), 0 3px 8px rgba(0, 0, 0, 0.2);
}
.wa-fab-menu summary:active .wa-fab-circle {
  transform: scale(0.95);
}
details:not([open]) .wa-icon-chat {
  display: block;
}
details:not([open]) .wa-icon-down {
  display: none;
}
details[open] .wa-icon-chat {
  display: none;
}
details[open] .wa-icon-down {
  display: block;
  animation: waFadeIn 0.2s ease;
}
@keyframes waFadeIn {
  0% { opacity: 0; transform: scale(0.8); }
  100% { opacity: 1; transform: scale(1); }
}
@media (max-width: 760px) {
  body.has-tabbar .wa-fab-menu {
    bottom: calc(84px + env(safe-area-inset-bottom, 0px));
  }
}
@media (max-width: 600px) {
  .wa-fab-menu {
    bottom: 20px;
    right: 18px;
  }
}
.dash-head-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.dash-notif-wrap {
  position: relative;
  display: inline-flex;
}
.dash-notif-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--surface);
  border: 1px solid var(--rule);
  color: var(--ink);
  cursor: pointer;
  position: relative;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  transition: transform 0.18s ease, border-color 0.18s ease, color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
  padding: 0;
}
.dash-notif-btn svg {
  width: 20px;
  height: 20px;
}
.dash-notif-btn:hover {
  border-color: var(--rose-pale);
  color: var(--rose);
  background: var(--bg);
  transform: translateY(-1px);
}
.dash-notif-wrap.is-open .dash-notif-btn {
  border-color: var(--rose);
  color: var(--rose);
  background: var(--rose-soft);
  box-shadow: 0 0 0 3px rgba(168, 88, 106, 0.15);
}
.dash-notif-badge {
  position: absolute;
  top: -2px;
  inset-inline-end: -2px;
  min-width: 19px;
  height: 19px;
  padding: 0 5px;
  border-radius: 999px;
  background: #e11d48;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  line-height: 19px;
  text-align: center;
  border: 2px solid var(--surface);
  box-shadow: 0 2px 6px rgba(225, 29, 72, 0.35);
  display: none;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  animation: notifPulse 2s infinite ease-in-out;
}
.dash-notif-badge.is-visible {
  display: flex;
}
@keyframes notifPulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.08); }
}
.dash-notif-dropdown {
  position: absolute;
  top: calc(100% + 10px);
  width: min(390px, calc(100vw - 32px));
  max-height: 480px;
  background: var(--surface);
  border: 1px solid var(--rule);
  border-radius: 18px;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12), 0 4px 12px rgba(0, 0, 0, 0.05);
  z-index: 1000;
  overflow: hidden;
  display: none;
  flex-direction: column;
  animation: notifDrop 0.22s cubic-bezier(0.16, 1, 0.3, 1);
}
.dash-notif-wrap.is-open .dash-notif-dropdown {
  display: flex;
}
@keyframes notifDrop {
  from {
    opacity: 0;
    transform: translateY(-8px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@media (min-width: 641px) {
  [dir="rtl"] .dash-notif-dropdown {
    left: 0;
    right: auto;
  }
  [dir="ltr"] .dash-notif-dropdown {
    right: 0;
    left: auto;
  }
}
@media (max-width: 640px) {
  .dash-notif-dropdown {
    position: fixed !important;
    top: 76px !important;
    left: 12px !important;
    right: 12px !important;
    width: auto !important;
    max-width: calc(100vw - 24px) !important;
    max-height: min(540px, calc(100vh - 110px)) !important;
    border-radius: 20px !important;
    box-shadow: 0 16px 50px rgba(0, 0, 0, 0.28), 0 4px 16px rgba(0, 0, 0, 0.12) !important;
    z-index: 10002 !important;
  }
  .dash-notif-backdrop {
    display: none;
  }
  .dash-notif-wrap.is-open .dash-notif-backdrop {
    display: block;
    position: fixed;
    inset: 0;
    background: rgba(18, 14, 12, 0.45);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    z-index: 10001;
    animation: notifFadeIn 0.2s ease;
  }
  @keyframes notifFadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
  }
}
.dash-notif-head {
  padding: 14px 18px;
  border-bottom: 1px solid var(--rule);
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: color-mix(in srgb, var(--surface) 92%, var(--bg));
}
.dash-notif-head-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}
.dash-notif-close-btn {
  background: transparent;
  border: none;
  color: var(--ink-soft);
  cursor: pointer;
  padding: 5px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: color 0.15s ease, background 0.15s ease;
}
.dash-notif-close-btn:hover {
  background: var(--rule-light, rgba(0, 0, 0, 0.05));
  color: var(--ink);
}
.dash-notif-head-title {
  font-size: 14.5px;
  font-weight: 700;
  color: var(--ink);
  display: flex;
  align-items: center;
  gap: 8px;
}
.dash-notif-head-ic {
  color: var(--rose);
  display: inline-flex;
}
.dash-notif-count-tag {
  background: var(--rose-soft);
  color: var(--rose);
  font-size: 11.5px;
  font-weight: 700;
  padding: 2px 7px;
  border-radius: 999px;
}
.dash-notif-mark-btn {
  background: transparent;
  border: none;
  color: var(--rose);
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 6px;
  transition: background 0.15s ease, opacity 0.15s ease;
}
.dash-notif-mark-btn:hover {
  background: var(--rose-soft);
  opacity: 0.9;
}
.dash-notif-body {
  max-height: 410px;
  overflow-y: auto;
  overscroll-behavior: contain;
}
.dash-notif-empty {
  padding: 38px 20px;
  text-align: center;
}
.dash-notif-empty-icon {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--rose-soft);
  color: var(--rose);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
}
.dash-notif-empty-title {
  font-size: 14px;
  font-weight: 700;
  color: var(--ink);
  margin: 0 0 4px;
}
.dash-notif-empty-sub {
  font-size: 12.5px;
  color: var(--ink-soft);
  margin: 0;
}
.dash-notif-list {
  display: flex;
  flex-direction: column;
}
.dash-notif-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 13px 18px;
  text-decoration: none !important;
  border-bottom: 1px solid color-mix(in srgb, var(--rule) 45%, transparent);
  transition: background 0.15s ease;
  position: relative;
}
.dash-notif-item:last-child {
  border-bottom: none;
}
.dash-notif-item:hover {
  background: color-mix(in srgb, var(--surface) 80%, var(--bg));
}
.dash-notif-item.is-unread {
  background: color-mix(in srgb, var(--rose-soft) 40%, var(--surface));
}
.dash-notif-item.is-unread::before {
  content: '';
  position: absolute;
  top: 18px;
  inset-inline-start: 6px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--rose);
}
.dash-notif-icon {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 16px;
}
.dash-notif-icon.is-urgent {
  background: rgba(225, 29, 72, 0.12);
  color: #e11d48;
}
.dash-notif-icon.is-high {
  background: rgba(245, 158, 11, 0.12);
  color: #d97706;
}
.dash-notif-icon.is-medium {
  background: rgba(59, 130, 246, 0.12);
  color: #2563eb;
}
.dash-notif-icon.is-info {
  background: rgba(16, 185, 129, 0.12);
  color: #059669;
}
.dash-notif-content {
  flex: 1;
  min-width: 0;
}
.dash-notif-item-top {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 3px;
}
.dash-notif-item-title {
  font-size: 13.5px;
  font-weight: 700;
  color: var(--ink);
  line-height: 1.35;
}
.dash-notif-time {
  font-size: 11px;
  color: var(--ink-soft);
  white-space: nowrap;
  flex-shrink: 0;
}
.dash-notif-desc {
  font-size: 12.5px;
  color: var(--ink-soft);
  line-height: 1.45;
  margin: 0 0 5px;
}
.dash-notif-action {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 11.5px;
  font-weight: 700;
  color: var(--rose);
}
.dash-notif-arrow {
  transition: transform 0.18s ease;
}
.dash-notif-item:hover .dash-notif-arrow {
  transform: translateX(-2px);
}
[dir="ltr"] .dash-notif-item:hover .dash-notif-arrow {
  transform: translateX(2px);
}
.dash-notif-footer {
  padding: 10px 14px;
  text-align: center;
  border-top: 1px solid color-mix(in srgb, var(--rule) 50%, transparent);
  background: color-mix(in srgb, var(--surface) 95%, var(--bg));
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}
.dash-notif-view-all-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  width: 100%;
  padding: 8px 14px;
  border-radius: 10px;
  border: 1px solid var(--rule);
  background: var(--surface);
  color: var(--ink);
  font-size: 12.5px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.15s ease;
}
.dash-notif-view-all-btn:hover {
  background: color-mix(in srgb, var(--rose-soft) 40%, var(--surface));
  border-color: color-mix(in srgb, var(--rose) 40%, var(--rule));
  color: var(--rose-deep);
}
.dash-notif-view-all-arrow {
  transition: transform 0.2s ease;
}
.dash-notif-wrap.is-show-all .dash-notif-view-all-arrow {
  transform: rotate(180deg);
}
.dash-notif-item-extra {
  display: none !important;
}
.dash-notif-wrap.is-show-all .dash-notif-item-extra {
  display: flex !important;
}
.dash-smart-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 20px;
  border-radius: 16px;
  margin-bottom: 20px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
  transition: transform 0.2s ease, opacity 0.2s ease;
  position: relative;
  overflow: hidden;
}
.dash-smart-banner-top {
  display: flex;
  align-items: center;
  gap: 14px;
  flex: 1;
  min-width: 0;
}
.dash-smart-banner.is-urgent {
  background: linear-gradient(135deg, color-mix(in srgb, #e11d48 10%, var(--surface)) 0%, color-mix(in srgb, #f43f5e 5%, var(--surface)) 100%);
  border: 1px solid color-mix(in srgb, #e11d48 30%, var(--rule));
}
.dash-smart-banner.is-high {
  background: linear-gradient(135deg, color-mix(in srgb, #f59e0b 10%, var(--surface)) 0%, color-mix(in srgb, #fbbf24 5%, var(--surface)) 100%);
  border: 1px solid color-mix(in srgb, #f59e0b 30%, var(--rule));
}
.dash-smart-banner-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.dash-smart-banner.is-urgent .dash-smart-banner-icon {
  background: #e11d48;
  color: #ffffff;
  box-shadow: 0 3px 10px rgba(225, 29, 72, 0.35);
}
.dash-smart-banner.is-high .dash-smart-banner-icon {
  background: #d97706;
  color: #ffffff;
  box-shadow: 0 3px 10px rgba(217, 119, 6, 0.35);
}
.dash-smart-banner-info {
  flex: 1;
  min-width: 0;
}
.dash-smart-banner-title {
  font-size: 14.5px;
  font-weight: 700;
  color: var(--ink);
  margin-bottom: 2px;
}
.dash-smart-banner-desc {
  font-size: 13px;
  color: var(--ink-soft);
  margin: 0;
  line-height: 1.45;
}
.dash-smart-banner-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}
.dash-smart-banner-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 9px 18px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none !important;
  white-space: nowrap;
  flex-shrink: 0;
  transition: transform 0.18s ease, filter 0.18s ease;
}
.dash-smart-banner.is-urgent .dash-smart-banner-btn {
  background: #e11d48;
  color: #ffffff !important;
  box-shadow: 0 3px 10px rgba(225, 29, 72, 0.3);
}
.dash-smart-banner.is-high .dash-smart-banner-btn {
  background: #d97706;
  color: #ffffff !important;
  box-shadow: 0 3px 10px rgba(217, 119, 6, 0.3);
}
.dash-smart-banner-btn:hover {
  filter: brightness(1.08);
  transform: translateY(-1px);
}
.dash-smart-banner-dismiss {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: color-mix(in srgb, var(--surface) 90%, transparent);
  color: var(--ink-soft);
  cursor: pointer;
  padding: 0;
  flex-shrink: 0;
  transition: all 0.15s ease;
}
.dash-smart-banner-dismiss:hover {
  background: var(--surface);
  color: var(--ink);
  transform: scale(1.08);
}
:root[data-theme="dark"] .dash-smart-banner-dismiss {
  border-color: rgba(255, 255, 255, 0.15);
  background: color-mix(in srgb, var(--surface) 80%, transparent);
  color: var(--ink);
}
@media (max-width: 680px) {
  .dash-smart-banner {
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
    padding: 16px;
  }
  .dash-smart-banner-top {
    align-items: flex-start;
  }
  .dash-smart-banner-actions {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .dash-smart-banner-btn {
    flex: 1;
    justify-content: center;
    padding: 11px 18px;
  }
}
.dash-wa-card {
  margin-top: 36px;
  background: color-mix(in srgb, #25D366 8%, var(--surface));
  border: 1px solid color-mix(in srgb, #25D366 30%, var(--rule));
  border-radius: 20px;
  padding: 24px 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
  box-shadow: var(--shadow);
}
@media (max-width: 760px) {
  .dash-wa-card {
    padding: 20px;
    flex-direction: column;
    align-items: stretch;
  }
}
.dash-wa-card-content {
  display: flex;
  align-items: center;
  gap: 18px;
  flex: 1;
}
@media (max-width: 600px) {
  .dash-wa-card-content {
    align-items: flex-start;
  }
}
.dash-wa-card-icon {
  width: 52px;
  height: 52px;
  border-radius: 14px;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.dash-wa-card-img {
  width: 50px;
  height: 50px;
  object-fit: contain;
  filter: drop-shadow(0 4px 10px rgba(37, 211, 102, 0.4));
}
.dash-wa-card-info h4 {
  margin: 0 0 4px;
  font-size: 16.5px;
  font-weight: 700;
  color: var(--ink);
}
.dash-wa-card-info p {
  margin: 0;
  font-size: 13.5px;
  color: var(--ink-soft);
  line-height: 1.5;
}
.dash-wa-card-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 22px;
  border-radius: 999px;
  background: #25D366;
  color: #ffffff !important;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none !important;
  box-shadow: 0 4px 14px rgba(37, 211, 102, 0.35);
  transition: transform 0.18s ease, filter 0.18s ease;
  white-space: nowrap;
}
.dash-wa-card-btn img {
  width: 20px;
  height: 20px;
  object-fit: contain;
  flex-shrink: 0;
}
.dash-wa-card-btn:hover {
  filter: brightness(1.08);
  transform: translateY(-1px);
}
.dash-wa-ask,
.dash-wa-done {
  flex: 1 1 100%;
  margin: 0;
}
.dash-wa-ask {
  display: grid;
  gap: 8px;
  padding-top: 16px;
  border-top: 1px dashed color-mix(in srgb, #25D366 35%, var(--rule));
}
.dash-wa-ask label {
  font-size: 13.5px;
  font-weight: 600;
  color: var(--ink);
}
.dash-wa-row {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.dash-wa-row input {
  flex: 1 1 220px;
  min-width: 0;
  height: 46px;
  box-sizing: border-box;
  padding: 0 14px;
  border: 1px solid color-mix(in srgb, #25D366 35%, var(--rule));
  border-radius: 12px;
  background: var(--surface);
  color: var(--ink);
  font: inherit;
  font-size: 16px;
  font-variant-numeric: tabular-nums;
}
.dash-wa-row input::placeholder {
  color: var(--ink-faint, var(--ink-soft));
}
.dash-wa-row input:focus-visible {
  outline: 2px solid #1da851;
  outline-offset: 1px;
}
.dash-wa-row input.is-bad {
  border-color: #be123c;
}
.dash-wa-call {
  height: 46px;
  padding: 0 20px;
  border-radius: 12px;
  border: 1.5px solid #1da851;
  background: var(--surface);
  color: #1a8f46;
  font: inherit;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
}
.dash-wa-call:hover {
  background: color-mix(in srgb, #25D366 10%, var(--surface));
}
.dash-wa-call:focus-visible {
  outline: 2px solid #1da851;
  outline-offset: 2px;
}
.dash-wa-ask small {
  font-size: 12px;
  color: var(--ink-soft);
  line-height: 1.6;
}
.dash-wa-err {
  margin: 0;
  font-size: 13px;
  color: #be123c;
}
.dash-wa-done {
  padding: 10px 14px;
  border-radius: 12px;
  background: color-mix(in srgb, #25D366 14%, var(--surface));
  color: #1a8f46;
  font-size: 14px;
  font-weight: 600;
}
@media (max-width: 600px) {
  .dash-wa-call {
    flex: 1 1 100%;
  }
}
:root[data-theme="dark"] .dash-wa-call,
:root[data-theme="dark"] .dash-wa-done {
  color: #5ddf8c;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .dash-wa-call,
  :root:not([data-theme="light"]) .dash-wa-done {
    color: #5ddf8c;
  }
}
.contact-page-wrap {
  padding-bottom: 30px;
}
.contact-hero {
  padding-top: 48px;
  padding-bottom: 36px;
}
.contact-badge {
  display: inline-block;
  padding: 6px 14px;
  font-size: 12.5px;
  font-weight: 600;
  border-radius: 999px;
  background: var(--rose-soft);
  color: var(--rose);
  margin-bottom: 16px;
  letter-spacing: 0.02em;
}
.contact-title {
  font-family: var(--display);
  font-size: clamp(28px, 4.5vw, 42px);
  font-weight: 700;
  color: var(--ink);
  margin: 0 0 14px;
  line-height: 1.25;
}
.contact-lede {
  font-size: clamp(15px, 2vw, 17px);
  color: var(--ink-soft);
  line-height: 1.65;
  margin: 0 auto;
}
.contact-alert-success {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  background: color-mix(in srgb, #25D366 12%, var(--surface));
  border: 1px solid color-mix(in srgb, #25D366 40%, var(--rule));
  border-radius: 16px;
  padding: 16px 20px;
  margin-bottom: 32px;
  box-shadow: var(--shadow);
}
.contact-alert-icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #25D366;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 18px;
  flex-shrink: 0;
}
.contact-alert-success h4 {
  margin: 0 0 4px;
  font-size: 16px;
  color: var(--ink);
}
.contact-alert-success p {
  margin: 0;
  font-size: 14px;
  color: var(--ink-soft);
}
.contact-grid {
  display: grid;
  grid-template-columns: 1.25fr 0.95fr;
  gap: 32px;
  align-items: start;
}
@media (max-width: 900px) {
  .contact-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }
}
.contact-card {
  background: var(--surface);
  border: 1px solid var(--rule);
  border-radius: 20px;
  padding: 32px;
  box-shadow: var(--shadow);
}
@media (max-width: 600px) {
  .contact-card {
    padding: 22px 18px;
  }
}
.contact-card-head h2 {
  font-family: var(--display);
  font-size: 22px;
  margin: 0 0 6px;
  color: var(--ink);
}
.contact-card-head p {
  font-size: 14px;
  color: var(--ink-soft);
  margin: 0 0 24px;
}
.contact-form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.contact-form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
@media (max-width: 600px) {
  .contact-form-row {
    grid-template-columns: 1fr;
  }
}
.contact-form-field {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.contact-form-field label {
  font-size: 13.5px;
  font-weight: 600;
  color: var(--ink);
}
.contact-form-field .req {
  color: var(--rose);
}
.contact-input {
  width: 100%;
  padding: 12px 16px;
  border-radius: 12px;
  border: 1px solid var(--rule);
  background: var(--paper);
  color: var(--ink);
  font-family: var(--body);
  font-size: 16px;  
  transition: border-color 0.18s ease, box-shadow 0.18s ease;
  box-sizing: border-box;
}
.contact-input:focus {
  outline: none;
  border-color: var(--rose);
  box-shadow: 0 0 0 3px var(--rose-soft);
}
.contact-textarea {
  resize: vertical;
  min-height: 120px;
  line-height: 1.6;
}
.contact-feedback {
  padding: 12px 16px;
  border-radius: 12px;
  font-size: 14px;
  line-height: 1.5;
}
.feedback-success {
  background: color-mix(in srgb, #25D366 12%, var(--surface));
  border: 1px solid color-mix(in srgb, #25D366 40%, var(--rule));
  color: #128C7E;
}
.feedback-error {
  background: var(--ui-danger-soft);
  border: 1px solid var(--ui-danger);
  color: var(--ui-danger);
}
.contact-form-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
  padding-top: 6px;
}
.contact-submit-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px 28px;
  border-radius: 999px;
  background: var(--rose-grad);
  color: #ffffff;
  border: none;
  font-family: var(--body);
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 4px 14px rgba(168, 88, 106, 0.3);
  transition: filter 0.18s ease, transform 0.18s ease;
}
.contact-submit-btn:hover {
  filter: brightness(1.08);
  transform: translateY(-1px);
}
.contact-submit-btn:disabled {
  opacity: 0.7;
  cursor: not-allowed;
  transform: none;
}
.btn-spinner {
  width: 16px;
  height: 16px;
  border: 2px solid rgba(255, 255, 255, 0.4);
  border-top-color: #ffffff;
  border-radius: 50%;
  animation: spin 0.7s linear infinite;
}
@keyframes spin {
  to { transform: rotate(360deg); }
}
.contact-safe-note {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: var(--ink-faint);
}
.contact-side {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.contact-channel-card {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  background: var(--surface);
  border: 1px solid var(--rule);
  border-radius: 18px;
  padding: 22px 20px;
  text-decoration: none !important;
  color: inherit !important;
  box-shadow: var(--shadow);
  transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}
.contact-channel-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
}
.contact-channel-wa:hover {
  border-color: #25D366;
}
.contact-channel-email:hover {
  border-color: var(--rose);
}
.channel-icon-wrap {
  width: 52px;
  height: 52px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.wa-icon-bg {
  background: color-mix(in srgb, #25D366 14%, var(--surface));
  color: #25D366;
}
.email-icon-bg {
  background: var(--rose-soft);
  color: var(--rose);
}
.channel-body {
  flex: 1;
}
.channel-tag {
  font-size: 11.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--ink-faint);
  margin-bottom: 2px;
}
.channel-title {
  font-size: 17px;
  font-weight: 700;
  color: var(--ink);
  margin: 0 0 4px;
}
.channel-desc {
  font-size: 13.5px;
  color: var(--ink-soft);
  line-height: 1.5;
  margin: 0 0 12px;
}
.channel-action-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 700;
  font-size: 14px;
}
.channel-phone {
  color: #128C7E;
}
.channel-email-text {
  color: var(--rose);
}
.channel-arrow {
  font-size: 16px;
  transition: transform 0.18s ease;
}
.contact-channel-card:hover .channel-arrow {
  transform: translateX(-4px);
}
[dir="ltr"] .contact-channel-card:hover .channel-arrow {
  transform: translateX(4px);
}
.contact-info-banner {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px 18px;
  background: var(--paper);
  border: 1px dashed var(--rule);
  border-radius: 14px;
}
.banner-icon {
  line-height: 0;  
  color: var(--ink-faint);
  flex-shrink: 0;
  margin-top: 1px;
}
.banner-text {
  font-size: 13px;
  line-height: 1.6;
  color: var(--ink-soft);
}
.banner-text strong {
  color: var(--ink);
}
.rv-sec{padding:88px 0 96px;background:var(--paper)}
.rv-wrap{display:flex;flex-direction:column;gap:40px}
.rv-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:28px}
.rv-head-txt{display:flex;flex-direction:column;gap:14px;max-width:620px}
.rv-eyebrow{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:7px 14px;border-radius:999px;
  background:var(--surface);border:1px solid var(--rule);font-size:13px;color:var(--ink-soft)}
.rv-eyebrow svg{color:var(--pay)}
.rv-h{margin:0;font-family:var(--display);font-weight:700;font-size:clamp(30px,4.2vw,44px);line-height:1.3;color:var(--ink)}
.rv-accent{color:var(--rose)}
.rv-lede{margin:0;font-size:17px;line-height:1.9;color:var(--ink-soft)}
.rv-agg{display:flex;align-items:center;gap:18px;padding:20px 24px;border-radius:22px;background:var(--surface);border:1px solid var(--rule);box-shadow:var(--shadow)}
.rv-agg-n{font-family:var(--display);font-weight:700;font-size:52px;line-height:1;color:var(--ink)}
.rv-agg-s{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--ink-soft)}
.rv-star{fill:var(--gold);flex:0 0 auto}
.rv-star.off{fill:var(--raised);stroke:var(--rule);stroke-width:1.2;stroke-linejoin:round}
.rv-stars{display:inline-flex;gap:2px}
.rv-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.rv-card,.rv-feat,.rv-ok,.rv-stars,.rv-stars-in,.rv-rate{position:relative}
.rv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:20px}
.rv-card{display:flex;flex-direction:column;gap:14px;padding:26px;border-radius:22px;background:var(--surface);border:1px solid var(--rule);box-shadow:var(--shadow)}
.rv-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.rv-tpl{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--ink-soft)}
.rv-tpl i{width:13px;height:13px;border-radius:50%;box-shadow:inset 0 0 0 2px rgba(255,255,255,.55),0 0 0 1px var(--rule)}
.rv-body{margin:0;flex:1 1 auto;font-size:15.5px;line-height:1.95;color:var(--ink);white-space:pre-line;overflow-wrap:anywhere}
.rv-txt{flex:1 1 auto;display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}
[data-rv-clamp]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;line-clamp:6;overflow:hidden}
[data-rv-clamp].rv-open{display:block;-webkit-line-clamp:unset;line-clamp:none;overflow:visible}
.rv-feat-q[data-rv-clamp]{-webkit-line-clamp:5;line-clamp:5}
.rv-readmore{border:0;background:transparent;padding:6px 0;min-height:32px;font:inherit;font-size:13.5px;font-weight:600;color:var(--rose-deep);cursor:pointer}
.rv-readmore[hidden]{display:none}
.rv-readmore:hover{text-decoration:underline}
.rv-who{display:flex;align-items:center;gap:12px;padding-top:14px;border-top:1px solid var(--rule)}
.rv-av{width:40px;height:40px;flex:0 0 auto;border-radius:50%;background:var(--raised);color:var(--ink-soft);display:flex;align-items:center;justify-content:center;
  font-family:var(--display);font-weight:700;font-size:17px}
.rv-av.rose{background:var(--rose-soft);color:var(--rose-deep)}
.rv-who-t{display:flex;flex-direction:column;gap:1px;flex:1 1 auto;min-width:0}
.rv-who-t b{font-weight:600;font-size:14.5px;color:var(--ink)}
.rv-who-t span{font-size:12.5px;color:var(--ink-soft)}
.rv-ok{width:24px;height:24px;flex:0 0 auto;border-radius:50%;background:var(--ui-success-soft);color:var(--ui-success);display:flex;align-items:center;justify-content:center}
.rv-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--ui-success-soft);color:var(--ui-success);font-size:12.5px;font-weight:500;white-space:nowrap}
.rv-feat{grid-column:1/-1;display:flex;flex-wrap:wrap;border-radius:28px;overflow:hidden;background:var(--surface);border:1px solid var(--rule);box-shadow:var(--shadow-lg)}
.rv-feat-art{flex:1 1 240px;min-height:260px;background:#511419;display:flex;align-items:center;justify-content:center;padding:30px}
.rv-feat-art img{width:150px;height:auto;aspect-ratio:9/16;object-fit:cover;border-radius:20px;border:5px solid rgba(0,0,0,.35);box-shadow:0 20px 40px -12px rgba(0,0,0,.55)}
.rv-feat-txt{flex:999 1 420px;min-width:0;padding:38px 42px;display:flex;flex-direction:column;gap:18px}
.rv-feat-q{margin:0;font-family:var(--display);font-size:clamp(20px,2.4vw,25px);line-height:1.75;color:var(--ink);white-space:pre-line;overflow-wrap:anywhere}
.rv-feat .rv-who{flex-wrap:wrap}
.rv-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
.rv-foot p{margin:0;font-size:13.5px;line-height:1.8;color:var(--ink-soft)}
.rv-more{display:inline-flex;align-items:center;min-height:48px;padding:0 24px;border-radius:999px;border:1.5px solid var(--rose);color:var(--rose-deep);font-weight:600;font-size:15px;text-decoration:none}
.rv-more:hover{background:var(--rose-soft);text-decoration:none}
.rv-empty{margin:0;padding:48px 16px;text-align:center;color:var(--ink-soft);border:1px dashed var(--rule);border-radius:20px}
.rv-page{padding-top:56px}
.rv-tpl-grid{margin-top:18px}
.rv-tpl-more{margin:18px 0 0;text-align:center}
@media (max-width:640px){
  .rv-sec{padding:52px 0 56px}
  [data-rv-clamp],.rv-feat-q[data-rv-clamp]{-webkit-line-clamp:4;line-clamp:4}
  .rv-card,.rv-feat-txt{gap:10px}
  .rv-card .rv-who,.rv-feat .rv-who{order:-1;padding:0;border-top:0;gap:10px}
  .rv-av{width:34px;height:34px;font-size:15px}
  .rv-who-t b{font-size:14px}
  .rv-who-t span{font-size:12px}
  .rv-body{font-size:14.5px;line-height:1.85}
  .rv-card-top .rv-star{width:14px;height:14px}
  .rv-tpl{font-size:11.5px}
  .rv-feat-art{display:none}
  .rv-feat-q{font-family:var(--body);font-size:15px;line-height:1.85}
  .rv-feat .rv-badge{padding:0;background:transparent;font-size:0;width:24px;height:24px;justify-content:center;border-radius:50%;background:var(--ui-success-soft)}
  .rv-feat .rv-badge svg{width:14px;height:14px}
  .rv-wrap{gap:28px}
  .rv-head{align-items:stretch}
  .rv-agg{align-self:center;padding:14px 18px}
  .rv-agg-n{font-size:38px}
  .rv-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:84%;overflow-x:auto;scroll-snap-type:x mandatory;
    margin-inline:-20px;padding:4px 20px 14px;scrollbar-width:none}
  .rv-grid::-webkit-scrollbar{display:none}
  .rv-grid > *{scroll-snap-align:center}
  .rv-feat{grid-column:auto;flex-direction:column;flex-wrap:nowrap;border-radius:20px;box-shadow:var(--shadow)}
  .rv-feat-txt{flex:none;padding:16px 18px}
  .rv-card{padding:16px 18px;border-radius:20px}
  .rv-grid{align-items:start}
  .rv-foot{flex-direction:column-reverse;align-items:stretch;text-align:center}
  .rv-more{justify-content:center}
  .rv-page .rv-grid{grid-auto-flow:row;grid-auto-columns:auto;overflow:visible;margin-inline:0;padding:0}
}
.rv-form-band{padding:28px 0 60px}
.rv-narrow{max-width:520px}
.rv-form{display:flex;flex-direction:column;gap:20px;background:var(--surface);border:1px solid var(--rule);border-radius:24px;padding:24px 22px;box-shadow:var(--shadow)}
.rv-inv{display:flex;align-items:center;gap:12px;padding:10px;border-radius:16px;background:var(--paper);border:1px solid var(--rule)}
.rv-inv img{width:44px;height:78px;object-fit:cover;border-radius:8px;flex:0 0 auto}
.rv-inv div{display:flex;flex-direction:column;gap:2px;min-width:0}
.rv-inv b{font-weight:600;font-size:15px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rv-inv span{font-size:12.5px;color:var(--ink-soft)}
.rv-rate{border:0;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;gap:4px}
.rv-rate legend{width:100%;margin-bottom:8px;text-align:center;font-family:var(--display);font-weight:700;font-size:21px;color:var(--ink)}
.rv-stars-in{display:flex;flex-direction:row-reverse;justify-content:center;gap:2px}
.rv-stars-in input{position:absolute;opacity:0;width:1px;height:1px}
.rv-stars-in label{width:52px;height:52px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:12px;position:relative}
.rv-stars-in .rv-star{fill:var(--raised);stroke:var(--rule);stroke-width:1.2;stroke-linejoin:round;transition:transform .15s var(--ease-spring),fill .15s}
.rv-stars-in input:checked ~ label .rv-star,
.rv-stars-in label:hover .rv-star,
.rv-stars-in label:hover ~ label .rv-star{fill:var(--gold);stroke:#B8860B}
.rv-stars-in label:hover .rv-star{transform:scale(1.12)}
.rv-stars-in input:focus-visible + label{outline:2px solid var(--rose);outline-offset:2px}
.rv-rate-word{margin:0;min-height:22px;font-size:14px;font-weight:600;color:var(--rose-deep)}
.rv-low{margin:0;padding:12px 14px;border-radius:14px;background:var(--ui-gold-soft);font-size:13.5px;line-height:1.8;color:var(--ink)}
.rv-low[hidden]{display:none}
.rv-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.rv-field label{font-size:14px;font-weight:600;color:var(--ink)}
.rv-field textarea,.rv-field input,.rv-field select{font:inherit;font-size:16px;color:var(--ink);background:var(--paper);border:1px solid var(--rule);border-radius:14px;box-sizing:border-box;width:100%}
.rv-field textarea{padding:12px 14px;line-height:1.8;resize:vertical;min-height:120px}
.rv-field input,.rv-field select{min-height:48px;padding:0 12px}
.rv-field textarea:focus,.rv-field input:focus,.rv-field select:focus{outline:2px solid var(--rose);outline-offset:1px}
.rv-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.rv-consent{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;line-height:1.7;color:var(--ink-soft);cursor:pointer}
.rv-consent input{width:20px;height:20px;margin:2px 0 0;flex:0 0 auto;accent-color:var(--rose-deep)}
.rv-send{height:52px;border-radius:999px}
.rv-fine{margin:-6px 0 0;text-align:center;font-size:12.5px;color:var(--ink-soft)}
.rv-err{margin:0;padding:12px 14px;border-radius:14px;background:var(--ui-danger-soft);color:var(--ui-danger);font-size:14px}
.rv-done{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;padding:40px 20px;background:var(--surface);border:1px solid var(--rule);border-radius:24px}
.rv-done h1{margin:0;font-family:var(--display);font-size:26px;color:var(--ink)}
.rv-done p{margin:0;font-size:15px;line-height:1.9;color:var(--ink-soft)}
.rv-done-ic{width:76px;height:76px;border-radius:50%;background:var(--ui-success-soft);color:var(--ui-success);display:flex;align-items:center;justify-content:center}
.rv-link{font-size:14px;color:var(--rose-deep)}
.rv-step2{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:var(--ui-success-soft)}
.rv-step2-ic{width:36px;height:36px;flex:0 0 auto;border-radius:50%;background:var(--surface);color:var(--ui-success);display:flex;align-items:center;justify-content:center}
.rv-step2 div{display:flex;flex-direction:column;gap:2px}
.rv-step2 b{font-size:15px;color:var(--ink)}
.rv-step2 span{font-size:13px;line-height:1.7;color:var(--ink-soft)}
.rv-skip{align-self:center;display:inline-flex;align-items:center;min-height:44px;margin-top:-10px;font-size:14px;color:var(--ink-soft)}
.hb-row.hb-review[hidden]{display:none}
.hb-row.hb-review svg{color:var(--gold)}
@media (max-width:400px){.rv-two{grid-template-columns:none}.rv-stars-in label{width:48px;height:48px}}
.rv-ask{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin:0 0 18px;padding:20px 22px;border-radius:22px;
  background:var(--surface);border:1px solid var(--rose-soft);box-shadow:var(--shadow)}
.rv-ask-main{flex:999 1 300px;min-width:0;padding-inline-end:36px}
.rv-ask h2{margin:0 0 6px;font-family:var(--display);font-size:19px;line-height:1.5;color:var(--ink)}
.rv-ask p{margin:0;font-size:14px;line-height:1.8;color:var(--ink-soft)}
.rv-ask-stars{display:flex;gap:2px;margin:0}
.rv-ask-stars button{width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:12px;border:0;padding:0;background:transparent;cursor:pointer}
.rv-ask-stars:hover button .rv-star{fill:var(--gold);stroke:#B8860B}
.rv-ask-stars button:hover ~ button .rv-star{fill:var(--raised);stroke:var(--rule)}
.rv-ask-stars button:hover .rv-star{transform:scale(1.12)}
.rv-ask-stars .rv-star{transition:transform .15s var(--ease-spring),fill .12s}
.rv-ask-stars button:focus-visible{outline:2px solid var(--rose);outline-offset:1px}
.rv-ask-acts{display:flex;align-items:center;gap:10px}
.rv-ask-acts form{margin:0}
.rv-ask-acts .btn{min-height:46px;display:inline-flex;align-items:center;border-radius:999px;padding:0 20px}
.rv-later{min-height:46px;padding:0 16px;border-radius:999px;border:1px solid var(--rule);background:transparent;color:var(--ink-soft);font:inherit;font-size:14px;cursor:pointer}
.rv-later:hover{color:var(--ink);border-color:var(--ink-faint)}
.rv-ask-x{position:absolute;top:6px;inset-inline-end:6px;margin:0}
.rv-ask-x button{width:44px;height:44px;border:0;background:transparent;color:var(--ink-soft);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:12px}
.rv-ask-x button:hover{color:var(--ink);background:var(--raised)}
@media (max-width:640px){
  .rv-ask{flex-direction:column;align-items:stretch;text-align:center}
  .rv-ask-main{flex:none;padding-inline:28px}
  .rv-ask-stars{justify-content:center}
  .rv-ask-acts{flex-direction:column;align-items:stretch}
  .rv-ask-acts .btn{justify-content:center}
  .rv-ask-acts form,.rv-later{width:100%}
}
.tl-root [hidden]{display:none !important}
.tl-crumbs{font-size:13.5px;color:var(--ink-faint);margin:0 0 14px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.tl-crumbs a{color:var(--ink-soft);text-decoration:none}
.tl-crumbs a:hover{color:var(--rose);text-decoration:underline}
.tl-crumbs span[aria-hidden]{opacity:.6}
.tl-hero .eg-hero-in{grid-template-columns:1fr !important;padding-block:30px 26px}
.tl-hero .eg-h1{margin-bottom:10px}
.tl-hero .eg-lede{margin-bottom:0}
.tl-main{padding-block:26px 8px}
.tl-box{background:var(--surface);border:1px solid var(--rule);border-radius:22px;box-shadow:var(--shadow);padding:18px}
.tl-box + .tl-box{margin-top:18px}
.tl-box-t{font-family:var(--display);font-size:19px;color:var(--ink);margin:0 0 14px}
.tl-grid{display:grid;grid-template-columns:1fr;gap:14px}
.tl-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.tl-field > span,.tl-label{font-size:14px;font-weight:500;color:var(--ink)}
.tl-field small{font-size:12.5px;color:var(--ink-faint);font-weight:400}
.tl-in{width:100%;min-height:48px;padding:10px 14px;font:inherit;font-size:16px;color:var(--ink);background:var(--paper);border:1px solid var(--rule);border-radius:12px;box-sizing:border-box;transition:border-color .15s ease, box-shadow .15s ease}
.tl-in:focus{outline:none;border-color:var(--rose);box-shadow:0 0 0 3px var(--rose-soft)}
select.tl-in{appearance:auto}
.tl-in[type="date"],.tl-in[type="time"]{min-width:0}
.tl-row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tl-fs{border:0;padding:0;margin:0;min-width:0}
.tl-fs legend{font-size:14px;font-weight:500;color:var(--ink);padding:0;margin:0 0 8px}
.tl-chips{display:flex;flex-wrap:wrap;gap:8px}
.tl-chip{position:relative}
.tl-chip input{position:absolute;opacity:0;width:1px;height:1px;inset-inline-start:0;top:0}
.tl-chip span{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 16px;border-radius:999px;border:1px solid var(--rule);background:var(--paper);color:var(--ink-soft);font-size:14.5px;cursor:pointer;transition:all .15s ease;user-select:none}
.tl-chip input:checked + span{background:var(--rose-btn);border-color:var(--rose-btn);color:#FFFCF8}
.tl-chip input:focus-visible + span{outline:2px solid var(--rose);outline-offset:2px}
.tl-check-row{display:flex;align-items:center;gap:10px;min-height:44px;font-size:14.5px;color:var(--ink-soft);cursor:pointer}
.tl-check-row input{width:20px;height:20px;accent-color:var(--rose-btn);flex:none}
.tl-acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.tl-acts .btn{min-height:44px}
.tl-link-btn{appearance:none;background:none;border:0;padding:8px 4px;min-height:44px;color:var(--ink-faint);font:inherit;font-size:14px;cursor:pointer;text-decoration:underline}
.tl-link-btn:hover{color:var(--rose)}
.tl-msg{margin:12px 0 0;padding:10px 14px;border-radius:12px;background:var(--ui-gold-soft);border:1px solid var(--rule);color:var(--ink);font-size:14.5px;line-height:1.7}
.tl-note{font-size:13.5px;color:var(--ink-faint);line-height:1.75;margin:12px 0 0}
.tl-outs{display:grid;grid-template-columns:1fr;gap:12px}
.tl-out{background:var(--paper);border:1px solid var(--rule);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px}
.tl-out-h{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12.5px;font-weight:600;color:var(--rose)}
.tl-out p{margin:0;white-space:pre-line;line-height:2;color:var(--ink);font-size:16px;overflow-wrap:anywhere}
.tl-out-acts{display:flex;flex-wrap:wrap;gap:8px}
.tl-mini{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:8px 16px;border-radius:999px;border:1px solid var(--rule);background:var(--surface);color:var(--ink-soft);font:inherit;font-size:14px;cursor:pointer;text-decoration:none}
.tl-mini:hover{border-color:var(--rose);color:var(--rose);text-decoration:none}
.tl-mini .ic{width:17px;height:17px}
.tl-mini.is-wa{border-color:var(--ui-wa);color:#fff;background:var(--ui-wa)}
.tl-mini.is-wa:hover{background:var(--ui-wa-hover);color:#fff}
.tl-mini[disabled],.tl-mini.is-off{opacity:.45;pointer-events:none}
.tl-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;background:var(--raised);border-radius:999px;margin-bottom:16px}
.tl-tab{appearance:none;border:0;background:transparent;border-radius:999px;min-height:44px;font:inherit;font-size:14.5px;color:var(--ink-soft);cursor:pointer}
.tl-tab.on{background:var(--surface);color:var(--ink);font-weight:600;box-shadow:0 1px 4px rgba(63,49,44,.12)}
.tl-row3{display:grid;grid-template-columns:.8fr 1.5fr 1fr;gap:10px}
.tl-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}
.tl-fact{background:var(--paper);border:1px solid var(--rule);border-radius:14px;padding:12px 14px;min-width:0}
.tl-fact small{display:block;font-size:12.5px;color:var(--ink-faint);margin-bottom:4px}
.tl-fact b{display:block;font-family:var(--display);font-size:18px;font-weight:600;color:var(--ink);line-height:1.5;overflow-wrap:anywhere}
.tl-fact.is-wide{grid-column:1 / -1;text-align:center;background:var(--rose-soft)}
.tl-table-wrap{overflow-x:auto;border:1px solid var(--rule);border-radius:16px;background:var(--surface)}
.tl-table{width:100%;border-collapse:collapse;font-size:15px}
.tl-table th,.tl-table td{padding:11px 14px;border-bottom:1px solid var(--rule);text-align:start;white-space:nowrap}
.tl-table th{background:var(--raised);color:var(--ink);font-weight:600}
.tl-table td{color:var(--ink-soft)}
.tl-table tr:last-child td{border-bottom:0}
.tl-b-rows{display:grid;gap:10px;margin-top:6px}
.tl-b-row{display:grid;grid-template-columns:1fr;gap:8px;padding:12px;border:1px solid var(--rule);border-radius:14px;background:var(--paper)}
.tl-b-name{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:500;color:var(--ink)}
.tl-b-dot{width:12px;height:12px;border-radius:4px;flex:none}
.tl-b-ins{display:grid;grid-template-columns:96px 1fr;gap:8px}
.tl-b-ins .tl-in{min-height:44px;padding:8px 12px}
.tl-in-suf{position:relative}
.tl-in-suf i{position:absolute;inset-inline-end:12px;top:50%;transform:translateY(-50%);font-style:normal;color:var(--ink-faint);font-size:14px;pointer-events:none}
.tl-in-suf .tl-in{padding-inline-end:30px}
.tl-bar{display:flex;height:14px;border-radius:999px;overflow:hidden;background:var(--raised);margin:16px 0 4px}
.tl-bar span{display:block;height:100%;transition:width .25s ease}
.tl-c1{background:#A8586A}.tl-c2{background:#C9A227}.tl-c3{background:#7E8B6A}.tl-c4{background:#C46D82}
.tl-c5{background:#8E6E53}.tl-c6{background:#5F7FA3}.tl-c7{background:#B98A4E}.tl-c8{background:#9A8478}
.tl-sum{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
.tl-warn{margin:10px 0 0;padding:10px 14px;border-radius:12px;background:var(--ui-danger-soft);color:var(--ui-danger);font-size:14px;line-height:1.7}
.tl-c-top{display:grid;grid-template-columns:1fr;gap:14px;align-items:end}
.tl-prog{height:12px;border-radius:999px;background:var(--raised);overflow:hidden}
.tl-prog span{display:block;height:100%;width:0;background:var(--rose-grad);transition:width .3s ease}
.tl-c-stat{display:flex;justify-content:space-between;gap:10px;font-size:14px;color:var(--ink-soft);margin-top:8px}
.tl-c-phases{display:grid;gap:14px;margin-top:18px}
.tl-c-phase{border:1px solid var(--rule);border-radius:18px;background:var(--surface);overflow:hidden}
.tl-c-ph{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;background:var(--raised);border-bottom:1px solid var(--rule)}
.tl-c-ph h2,.tl-c-ph h3{font-family:var(--display);font-size:16.5px;color:var(--ink);margin:0;line-height:1.5}
.tl-c-meta{display:flex;align-items:center;gap:8px;flex:none;font-size:12.5px;color:var(--ink-faint)}
.tl-c-due{font-size:12.5px;color:var(--ink-soft);margin:2px 0 0;display:block}
.tl-c-badge{font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;background:var(--rose-soft);color:var(--rose)}
.tl-c-badge.is-late{background:var(--ui-danger-soft);color:var(--ui-danger)}
.tl-c-badge.is-done{background:var(--ui-success-soft);color:var(--ui-success)}
.tl-c-list{list-style:none;margin:0;padding:6px 8px}
.tl-c-item{display:flex;align-items:center;gap:6px;border-bottom:1px dashed var(--rule)}
.tl-c-item:last-child{border-bottom:0}
.tl-c-item label{flex:1;display:flex;align-items:center;gap:12px;min-height:48px;padding:6px 8px;cursor:pointer;font-size:15px;color:var(--ink);line-height:1.6}
.tl-c-item input{width:22px;height:22px;accent-color:var(--rose-btn);flex:none}
.tl-c-item.is-done label span{color:var(--ink-faint);text-decoration:line-through}
.tl-c-go{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:12px;color:var(--rose);flex:none}
.tl-c-go:hover{background:var(--rose-soft)}
.tl-c-go .ic{width:18px;height:18px}
[dir="rtl"] .tl-c-go .ic{transform:scaleX(-1)}
.tl-c-rm{appearance:none;border:0;background:transparent;width:44px;height:44px;border-radius:12px;font-size:22px;color:var(--ink-faint);cursor:pointer;flex:none}
.tl-c-rm:hover{background:var(--ui-danger-soft);color:var(--ui-danger)}
.tl-c-add{display:flex;gap:8px;padding:10px 12px 14px}
.tl-c-add .tl-in{flex:1;min-width:0}
.tl-c-phase.is-complete .tl-c-ph{background:var(--ui-success-soft)}
.tl-c-empty{padding:10px 16px 0;margin:0;color:var(--ink-faint);font-size:14px}
#tl-c-reset.is-armed{border-color:var(--ui-danger);color:var(--ui-danger)}
.tl-qr-wrap{display:grid;grid-template-columns:1fr;gap:18px}
.tl-qr-card{background:#fff;color:#3F312C;border:1px solid var(--rule);border-radius:20px;padding:22px;text-align:center;max-width:340px;margin-inline:auto;width:100%;box-sizing:border-box}
.tl-qr-card img{display:block;width:100%;height:auto;aspect-ratio:1;margin:0 auto}
.tl-qr-cap{margin:10px 0 0;font-family:var(--display);font-size:18px;font-weight:600;line-height:1.5;overflow-wrap:anywhere;color:#3F312C}
.tl-qr-empty{display:grid;place-items:center;text-align:center;min-height:220px;border:2px dashed var(--rule);border-radius:20px;color:var(--ink-faint);padding:20px;font-size:14.5px;line-height:1.8}
.tl-qr-empty .ic{width:42px;height:42px;color:var(--rose);margin-bottom:6px}
.tl-prose{max-width:760px;margin:0 auto;color:var(--ink-soft);line-height:1.95;font-size:16px}
.tl-prose h2{font-family:var(--display);color:var(--ink);font-size:clamp(21px,4.2vw,26px);margin:30px 0 10px;line-height:1.4}
.tl-prose h3{font-family:var(--display);color:var(--ink);font-size:18px;margin:20px 0 6px}
.tl-prose p{margin:0 0 12px}
.tl-prose ul,.tl-prose ol{margin:0 0 14px;padding-inline-start:22px}
.tl-prose li{margin-bottom:6px}
.tl-prose a{color:var(--rose)}
.tl-cards{display:grid;grid-template-columns:1fr;gap:14px}
.tl-card{display:flex;gap:14px;align-items:flex-start;background:var(--surface);border:1px solid var(--rule);border-radius:18px;padding:18px;text-decoration:none;color:inherit;box-shadow:var(--shadow);transition:transform .2s var(--ease-spring), border-color .2s ease}
.tl-card:hover{transform:translateY(-3px);border-color:var(--rose);text-decoration:none}
.tl-card-ico{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--rose-soft);color:var(--rose);flex:none}
.tl-card-ico .ic{width:24px;height:24px}
.tl-card h2,.tl-card h3{font-family:var(--display);font-size:17.5px;color:var(--ink);margin:0 0 4px;line-height:1.45}
.tl-card p{margin:0;color:var(--ink-soft);font-size:14.5px;line-height:1.75}
.tl-card-go{display:inline-block;margin-top:8px;color:var(--rose);font-size:14px;font-weight:500}
.tl-reads{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:16px}
@media (min-width:760px){
  .tl-box{padding:26px}
  .tl-grid.is-2{grid-template-columns:1fr 1fr}
  .tl-outs{grid-template-columns:repeat(3,minmax(0,1fr))}
  .tl-facts{grid-template-columns:repeat(4,minmax(0,1fr))}
  .tl-b-row{grid-template-columns:1fr 300px;align-items:center}
  .tl-sum{grid-template-columns:repeat(4,minmax(0,1fr))}
  .tl-c-top{grid-template-columns:260px 1fr}
  .tl-qr-wrap{grid-template-columns:1.1fr 1fr;align-items:start}
  .tl-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tl-cards.is-3{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:380px){
  .tl-row3{grid-template-columns:1fr 1fr}
  .tl-row3 > :first-child{grid-column:1 / -1}
}
.tl-wform{display:grid;gap:16px}
.tl-step{display:flex;align-items:center;gap:10px;margin:6px 0 0;font-family:var(--display);font-size:17px;font-weight:600;color:var(--ink)}
.tl-step:first-child{margin-top:0}
.tl-step b{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--rose-btn);color:#FFFCF8;font-family:var(--body);font-size:14px;flex:none}
.tl-more{border:1px solid var(--rule);border-radius:16px;background:var(--paper);padding:0 16px}
.tl-more summary{cursor:pointer;list-style:none;min-height:48px;display:flex;align-items:center;gap:10px;font-size:14.5px;font-weight:500;color:var(--ink-soft)}
.tl-more summary::-webkit-details-marker{display:none}
.tl-more summary::before{content:"+";font-size:20px;color:var(--rose);line-height:1}
.tl-more[open] summary::before{content:"−"}
.tl-more > .tl-grid{padding:4px 0 16px}
.tl-checks{display:grid;grid-template-columns:1fr;gap:0}
.tl-w-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.tl-w-head .tl-box-t{margin:0}
.tl-w-count{font-size:13.5px;color:var(--ink-faint)}
.tl-inv{background:transparent;border:0;padding:0;gap:10px}
.tl-inv-card{position:relative;background:linear-gradient(180deg,#FFFCF7 0%,#FBF3E8 100%);color:#3F312C;border:1px solid #E3CFA4;border-radius:18px;padding:30px 20px 24px;text-align:center;box-shadow:inset 0 0 0 5px #FFFCF7, inset 0 0 0 6px #EAD9B5, var(--shadow)}
.tl-inv-card p{color:#3F312C;font-size:16.5px;line-height:2.05;margin:0}
.tl-inv-orn{position:absolute;top:8px;inset-inline:0;text-align:center;color:#B8933A;font-size:15px;line-height:1}
.tl-inv .tl-out-acts{justify-content:center}
.tl-w-cta{margin-top:18px;text-align:center;background:var(--rose-soft);border:1px solid var(--rule);border-radius:18px;padding:20px 16px}
.tl-w-cta p{margin:0 0 14px;color:var(--ink-soft);line-height:1.8}
@media (min-width:760px){
  .tl-checks{grid-template-columns:1fr 1fr}
}
.post-tool{display:flex;gap:14px;align-items:flex-start;margin:34px 0 10px;padding:18px;border-radius:18px;background:var(--rose-soft);border:1px solid var(--rule)}
.post-tool-ico{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--surface);color:var(--rose);flex:none;border:1px solid var(--rule)}
.post-tool-ico .ic{width:24px;height:24px}
.post-tool-txt{display:flex;flex-direction:column;gap:4px;min-width:0}
.post-tool-k{font-size:12.5px;font-weight:600;color:var(--rose)}
.post-tool b{font-family:var(--display);font-size:19px;color:var(--ink);line-height:1.45}
.post-tool-d{font-size:15px;line-height:1.8;color:var(--ink-soft)}
.post-body-content .post-tool a.post-tool-btn{align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:8px;padding:9px 20px;border-radius:999px;background:var(--rose-btn);color:#FFFCF8;text-decoration:none;font-weight:500;font-size:15px}
.post-body-content .post-tool a.post-tool-btn:hover{filter:brightness(1.06);color:#FFFCF8}
.post-tool-more{margin-top:8px;font-size:14px;line-height:1.7;color:var(--ink-soft)}
.post-body-content .post-tool .post-tool-more a{color:var(--rose-deep);font-weight:600}
@media print{
  body:has(.tl-root) header.site,body:has(.tl-root) footer.site,body:has(.tl-root) nav.tabbar,body:has(.tl-root) .tl-noprint,body:has(.tl-root) .eg-hero,body:has(.tl-root) .toast{display:none !important}
  body:has(.tl-root){background:#fff !important}
  body:has(.tl-root) .tl-box{box-shadow:none;border-color:#ddd}
  body:has(.tl-root) .tl-c-go,body:has(.tl-root) .tl-c-rm,body:has(.tl-root) .tl-c-add{display:none !important}
  body:has(.tl-root) .tl-c-phase{break-inside:avoid}
  body:has(.tl-root) .tl-qr-card{border:0;max-width:none;width:12cm}
}
.cm [hidden],.cm-dlg [hidden]{display:none !important}
.cm{display:block}
#cm-tool{scroll-margin-top:84px}
.cm-path{min-width:0}
.cm-path-q{font-size:14px;font-weight:600;color:var(--ink-soft);margin:0 0 10px}
.cm-path-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.cm-path-opt{position:relative;display:flex;flex-direction:column;gap:4px;min-height:44px;padding:14px;border-radius:18px;background:var(--surface);border:1.5px solid var(--rule);color:var(--ink);text-decoration:none;box-shadow:var(--shadow);transition:border-color .2s,transform .2s var(--ease-spring),box-shadow .2s}
.cm-path-opt:hover{border-color:var(--rose);transform:translateY(-2px)}
.cm-path-opt:focus-visible{outline:2px solid var(--rose);outline-offset:3px}
.cm-path-opt.is-on{border-color:var(--rose);background:linear-gradient(160deg,var(--rose-soft),var(--surface) 70%)}
.cm-path-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.cm-path-ic{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--rose-soft);color:var(--rose-deep)}
.cm-path-ic svg{width:20px;height:20px}
.cm-path-mark{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;border:1.5px solid var(--rule);color:var(--ink-soft)}
.cm-path-mark svg{width:14px;height:14px}
.cm-path-opt.is-on .cm-path-mark{background:var(--rose);border-color:var(--rose);color:#fff}
.cm-path-opt b{font-size:16px;font-weight:700;line-height:1.45}
.cm-path-opt small{font-size:13px;line-height:1.6;color:var(--ink-soft)}
@media (min-width:900px){
  .tl-hero.cm-hero .eg-hero-in{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) !important;gap:40px}
  .cm-path-opt{padding:18px}
}
@media (max-width:899px){
  .cm-hero .eg-hero-in{gap:16px}
  .cm-path-q{margin-bottom:8px}
  .cm-path-opts{grid-template-columns:minmax(0,1fr);gap:8px}
  .cm-path-opt{padding:11px 14px;gap:1px;border-radius:16px}
  .cm-path-opt:hover{transform:none}
  .cm-path-top{position:absolute;top:50%;inset-inline-end:14px;margin:0;transform:translateY(-50%)}
  .cm-path-ic{display:none}
  .cm-path-opt b,.cm-path-opt small{padding-inline-end:40px}
}
.cm-work{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:24px;align-items:start}
.cm-stage{position:sticky;top:84px}
.cm-stage .cm-fr{width:min(100%,440px,calc((100vh - 150px) * .6353));margin-inline:auto;border-radius:12px;box-shadow:var(--shadow-lg)}
.cm-stage-note{font-size:12.5px;color:var(--ink-faint);text-align:center;margin:10px 0 0}
@media (max-width:860px){
  .cm-work{grid-template-columns:minmax(0,1fr);gap:16px}
  .cm-stage{position:static}
  .cm-stage .cm-fr{width:min(100%,330px)}
}
.cm-panel{min-width:0;background:var(--surface);border:1px solid var(--rule);border-radius:22px;box-shadow:var(--shadow);display:grid;gap:14px;padding:16px 16px 0}
.cm-head{display:grid;gap:14px}
.cm-row{display:grid;gap:8px;min-width:0}
.cm-occ{gap:6px}
.cm-occ .tl-chip{flex:1 1 auto}
.cm-occ .tl-chip span{width:100%;padding:8px 10px;font-size:14px;white-space:nowrap}
@media (max-width:380px){.cm-occ{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.cm-occ.cm-who{grid-template-columns:repeat(3,minmax(0,1fr))}.cm-occ .tl-chip span{padding:8px 6px}}
.cm-tpls{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding:4px 4px 8px;margin:-4px -4px 0}
.cm-tpl{position:relative;display:flex;flex-direction:column;gap:5px;cursor:pointer;min-width:0;flex:0 0 calc((100% - 40px) / 4.5);scroll-snap-align:start}
.cm-tpl input{position:absolute;opacity:0;width:1px;height:1px;top:0;inset-inline-start:0}
.cm-tpl .cm-fr{border-radius:8px;box-shadow:var(--shadow);outline:2px solid transparent;outline-offset:2px;transition:transform .2s var(--ease-spring),outline-color .15s ease}
.cm-tpl:hover .cm-fr{transform:translateY(-2px)}
.cm-tpl input:checked + .cm-fr{outline-color:var(--rose)}
.cm-tpl input:focus-visible + .cm-fr{outline-color:var(--rose);outline-style:dashed}
.cm-tpl span{font-size:12px;color:var(--ink-soft);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cm-tpl input:checked ~ span{color:var(--rose);font-weight:600}
@media (max-width:480px){.cm-tpls{gap:7px}.cm-tpl{flex-basis:calc((100% - 28px) / 4.5)}.cm-tpl span{display:none}}
.cm-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px;background:var(--raised);border-radius:14px}
.cm-tab{min-height:44px;border:0;border-radius:11px;background:transparent;color:var(--ink-soft);font:inherit;font-size:14.5px;font-weight:500;cursor:pointer;padding:6px 4px;white-space:nowrap;transition:background-color .15s ease,color .15s ease}
.cm-tab:hover{color:var(--ink)}
.cm-tab[aria-selected="true"]{background:var(--surface);color:var(--rose);font-weight:700;box-shadow:var(--shadow)}
.cm-tab:focus-visible{outline:2px solid var(--rose);outline-offset:2px}
@media (max-width:360px){.cm-tab{font-size:13.5px}}
.cm-pane{display:grid;gap:14px;align-content:start;min-width:0}
.cm-g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (max-width:340px){.cm-g2{grid-template-columns:minmax(0,1fr)}}
.cm-g2.cm-one{grid-template-columns:minmax(0,1fr)}
.cm-hint{font-size:13px;color:var(--ink-faint);line-height:1.75;margin:0}
.cm-msg{margin:0;padding:10px 14px;border-radius:12px;background:var(--ui-danger-soft);color:var(--ui-danger);font-size:14px;line-height:1.7}
.cm-sec{display:grid;gap:12px;padding-top:14px;border-top:1px solid var(--rule)}
.cm-sec h3{font-family:var(--display);font-size:16.5px;color:var(--ink);margin:0}
.cm-lbl{font-size:14px;font-weight:500;color:var(--ink)}
.cm-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.cm-tiles.c3{grid-template-columns:repeat(3,minmax(0,1fr))}
.cm-tile{position:relative;cursor:pointer;min-width:0}
.cm-tile input{position:absolute;opacity:0;width:1px;height:1px}
.cm-tile > span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:76px;padding:8px 4px;border:1px solid var(--rule);border-radius:14px;background:var(--paper);color:var(--ink-faint);font-size:12px;text-align:center;line-height:1.3}
.cm-tile svg{width:100%;max-width:60px;height:34px;color:var(--ink)}
.cm-tile .cm-fs{font-size:23px;line-height:1.5;color:var(--ink);white-space:nowrap;max-width:100%;overflow:hidden}
.cm-tile input:checked + span{border-color:var(--rose);background:var(--rose-soft);color:var(--rose)}
.cm-tile input:checked + span svg,.cm-tile input:checked + span .cm-fs{color:var(--rose)}
.cm-tile input:focus-visible + span{outline:2px solid var(--rose);outline-offset:2px}
.cm-gold{background:linear-gradient(170deg,#8a6630,#c99d4f 40%,#7a5622 60%,#b88a3e);-webkit-background-clip:text;background-clip:text;color:transparent !important}
.cm-sw{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.cm-sw i{width:24px;height:24px;border-radius:50%;display:block;position:relative;flex:none}
.cm-sw i b{position:absolute;width:10px;height:10px;border-radius:50%;inset-inline-start:-3px;bottom:-3px;border:2px solid var(--paper)}
.cm-prow{display:grid;grid-template-columns:auto minmax(0,1.3fr) minmax(0,1fr);gap:8px;align-items:center;padding:10px;border:1px solid var(--rule);border-radius:14px;background:var(--paper)}
.cm-prow input[type=checkbox]{width:20px;height:20px;accent-color:var(--rose-btn);margin:0}
.cm-prow .tl-in{min-height:44px;padding:8px 10px}
.cm-prow .cm-pc{grid-column:2 / -1}
.cm-range{width:100%;accent-color:var(--rose-btn);min-height:30px}
.cm-act{position:sticky;bottom:0;z-index:4;display:flex;align-items:center;gap:10px;margin:0 -16px;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:var(--surface);border-top:1px solid var(--rule);border-radius:0 0 22px 22px}
.cm-dl{flex:1;width:100%;min-width:0;min-height:54px;font-size:16.5px;display:inline-flex;align-items:center;justify-content:center;gap:10px}
.cm-dl .ic{width:20px;height:20px}
.cm-dl.is-busy{opacity:.7;cursor:progress}
.cm-peek{display:none;flex:none;width:40px;border-radius:6px;box-shadow:var(--shadow)}
.cm-peek .cm-fr{border-radius:6px}
.cm-peek:focus-visible{outline:2px solid var(--rose);outline-offset:2px}
@media (max-width:860px){.cm-act.is-away .cm-peek{display:block}}
@media (max-width:760px){body.has-tabbar .cm-act{bottom:calc(69px + env(safe-area-inset-bottom,0px))}}
.cm-band{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:28px;align-items:center;background:linear-gradient(135deg,var(--rose-soft),var(--surface));border:1px solid var(--rule);border-radius:26px;padding:26px;overflow:hidden}
.cm-band h2{font-family:var(--display);font-size:clamp(23px,4vw,30px);color:var(--ink);margin:0 0 8px;line-height:1.4}
.cm-band p{color:var(--ink-soft);margin:0 0 14px;line-height:1.85}
.cm-band ul{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:9px}
.cm-band li{display:flex;gap:10px;align-items:center;color:var(--ink);font-size:15px}
.cm-band li .ic{width:19px;height:19px;color:var(--rose);flex:none}
.cm-band-art{position:relative;height:300px}
.cm-band-art img{position:absolute;top:50%;left:50%;width:132px;height:auto;aspect-ratio:240/461;object-fit:cover;object-position:top;border-radius:16px;box-shadow:var(--shadow-lg);border:3px solid var(--surface)}
.cm-band-art img:nth-child(1){transform:translate(-118%,-46%) rotate(-8deg)}
.cm-band-art img:nth-child(2){transform:translate(-50%,-52%);z-index:2;width:146px}
.cm-band-art img:nth-child(3){transform:translate(18%,-46%) rotate(8deg)}
@media (max-width:760px){.cm-band{grid-template-columns:minmax(0,1fr);padding:20px}.cm-band-art{height:250px;order:-1}.cm-band-art img{width:96px}.cm-band-art img:nth-child(2){width:108px}}
.cm-samples{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.cm-samples figure{margin:0;display:grid;gap:6px}
.cm-samples img{width:100%;height:auto;aspect-ratio:540/850;border-radius:10px;box-shadow:var(--shadow);display:block;background:var(--raised)}
.cm-samples figcaption{font-size:13px;color:var(--ink-faint);text-align:center}
@media (max-width:760px){.cm-samples{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cm-dlg{border:0;padding:0;background:transparent;max-width:min(980px,calc(100vw - 24px));width:100%;max-height:calc(100dvh - 24px);color:var(--ink)}
.cm-dlg::backdrop{background:rgba(25,15,12,.6)}
.cm-dlg[open]{display:flex}
.cm-dlg-in{position:relative;background:var(--surface);border-radius:24px;box-shadow:var(--shadow-lg);width:100%;max-height:calc(100dvh - 24px);overflow-y:auto;padding:22px;display:grid;gap:20px;grid-template-columns:minmax(0,1fr)}
.cm-dlg.has-img .cm-dlg-in{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
.cm-dlg:not(.has-img) .cm-out{display:none}
@media (max-width:860px){.cm-dlg.has-img .cm-dlg-in{grid-template-columns:minmax(0,1fr)}}
.cm-x{position:absolute;top:10px;inset-inline-end:10px;width:44px;height:44px;border-radius:50%;border:0;background:var(--raised);color:var(--ink);font-size:22px;line-height:1;cursor:pointer;z-index:2}
.cm-out{display:grid;gap:12px;align-content:start}
.cm-ok{display:flex;gap:12px;align-items:center;padding-inline-end:40px}
.cm-ok .ic{width:34px;height:34px;color:var(--ui-success);flex:none}
.cm-ok h2{font-family:var(--display);font-size:21px;margin:0;color:var(--ink);line-height:1.4}
.cm-ok p{margin:0;font-size:13.5px;color:var(--ink-faint)}
.cm-out img{width:100%;max-width:300px;height:auto;margin-inline:auto;display:block;border-radius:12px;box-shadow:var(--shadow);aspect-ratio:1080/1700;background:var(--raised)}
.cm-out-acts{display:grid;gap:8px}
.cm-out-acts .btn{min-height:48px;width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.cm-out-acts .ic{width:18px;height:18px}
.cm-conv{display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;align-items:center;align-self:start;background:linear-gradient(160deg,var(--rose-soft),var(--paper));border:1px solid var(--rule);border-radius:20px;padding:20px}
@media (max-width:640px){.cm-conv{grid-template-columns:minmax(0,1fr);justify-items:center;padding:16px}.cm-conv-txt{justify-self:stretch}}
.cm-kick{display:inline-flex;font-size:12.5px;font-weight:600;color:var(--rose);background:var(--surface);border:1px solid var(--rule);border-radius:999px;padding:4px 12px}
.cm-conv-txt h2{font-family:var(--display);font-size:clamp(20px,3.6vw,25px);color:var(--ink);margin:10px 0 6px;line-height:1.45}
.cm-conv-txt > p{margin:0 0 12px;color:var(--ink-soft);font-size:14.5px;line-height:1.8}
.cm-conv-txt ul{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:7px;font-size:14px;color:var(--ink)}
.cm-conv-txt li{display:flex;gap:9px;align-items:center}
.cm-conv-txt li .ic{width:17px;height:17px;color:var(--rose);flex:none}
.cm-picks{display:flex;gap:8px;overflow-x:auto;padding:3px 2px 8px;scrollbar-width:thin}
.cm-picks button{flex:0 0 58px;padding:0;border:2px solid transparent;border-radius:10px;overflow:hidden;cursor:pointer;background:var(--raised);aspect-ratio:240/461}
.cm-picks img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.cm-picks button[aria-pressed="true"]{border-color:var(--rose)}
.cm-picks button:focus-visible{outline:2px solid var(--rose);outline-offset:2px}
.cm-pv-name{font-size:13px;color:var(--ink-faint);margin:2px 0 12px}
.cm-conv-txt .btn{width:100%;min-height:52px;display:inline-flex;align-items:center;justify-content:center}
.cm-conv-txt .cm-hint{margin-top:8px}
.cm-conv-txt .cm-pv-occ{margin:-4px 0 12px}
.cm-phone{position:relative;width:240px;max-width:100%;aspect-ratio:9/18.5;border-radius:38px;background:#1d1418;padding:9px;box-shadow:var(--shadow-lg);flex:none}
@media (max-width:640px){.cm-phone{width:min(230px,70vw)}}
@media (max-width:860px){
.cm-dlg.has-img .cm-dlg-in{padding:16px;gap:14px}
.cm-dlg.has-img .cm-out{grid-template-columns:92px minmax(0,1fr);column-gap:14px;row-gap:8px;align-items:center}
.cm-dlg.has-img .cm-ok{grid-column:1 / -1;gap:10px}
.cm-dlg.has-img .cm-ok .ic{width:28px;height:28px}
.cm-dlg.has-img .cm-ok h2{font-size:19px}
.cm-dlg.has-img .cm-ok p{font-size:13px}
.cm-dlg.has-img .cm-out img{grid-column:1;grid-row:2 / span 2;width:92px;max-width:none;margin:0;border-radius:8px;cursor:zoom-in}
.cm-dlg.has-img .cm-out-acts{grid-column:2;align-self:end}
.cm-dlg.has-img .cm-out-acts .btn{min-height:46px;font-size:14.5px;line-height:1.35;padding-inline:10px}
.cm-dlg.has-img .cm-out > .cm-hint{grid-column:2;align-self:start;margin:0;font-size:12px;line-height:1.6}
.cm-dlg.has-img.img-big .cm-out{grid-template-columns:minmax(0,1fr)}
.cm-dlg.has-img.img-big .cm-out > *{grid-column:1;grid-row:auto}
.cm-dlg.has-img.img-big .cm-out img{width:100%;max-width:300px;margin-inline:auto;cursor:zoom-out}
.cm-dlg.has-img .cm-phone{width:clamp(160px,calc((100vh - 290px) * .4865),min(230px,70vw));width:clamp(160px,calc((100dvh - 290px) * .4865),min(230px,70vw))}
}
.cm-phone::before{content:"";position:absolute;top:15px;left:50%;width:70px;height:18px;border-radius:12px;background:#1d1418;transform:translateX(-50%);z-index:3}
.cm-pv-vp{position:relative;width:100%;height:100%;border-radius:30px;overflow:hidden;background:#f3ece7}
.cm-pv-frame{position:absolute;top:0;left:0;border:0;transform-origin:top left;background:#f3ece7}
.cm-pv-wait{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:20px;font-size:13px;color:#6B564E;background:#f3ece7;z-index:2}
.cm-pv-wait i{display:block;width:30px;height:30px;margin:0 auto 10px;border-radius:50%;border:3px solid #E7D8C9;border-top-color:#A8586A;animation:cm-spin .9s linear infinite}
@keyframes cm-spin{to{transform:rotate(360deg)}}
.cm-pv-vp::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background-repeat:repeat;background-size:190px 120px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22190%22%20height%3D%22120%22%20viewBox%3D%220%200%20190%20120%22%3E%3Ctext%20x%3D%2295%22%20y%3D%2264%22%20text-anchor%3D%22middle%22%20transform%3D%22rotate%28-24%2095%2060%29%22%20font-family%3D%22system-ui%2C-apple-system%2CSegoe%20UI%2CTahoma%2CArial%2Csans-serif%22%20font-size%3D%2213%22%20font-weight%3D%22800%22%20fill%3D%22%233a302b%22%20fill-opacity%3D%220.34%22%20stroke%3D%22%23ffffff%22%20stroke-opacity%3D%220.4%22%20stroke-width%3D%220.8%22%3ESample%20%C2%B7%20Preview%20only%3C%2Ftext%3E%3C%2Fsvg%3E")}
html[lang="ar"] .cm-pv-vp::after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22190%22%20height%3D%22120%22%20viewBox%3D%220%200%20190%20120%22%3E%3Ctext%20x%3D%2295%22%20y%3D%2264%22%20text-anchor%3D%22middle%22%20transform%3D%22rotate%28-24%2095%2060%29%22%20font-family%3D%22system-ui%2C-apple-system%2CSegoe%20UI%2CTahoma%2CArial%2Csans-serif%22%20font-size%3D%2213%22%20font-weight%3D%22800%22%20fill%3D%22%233a302b%22%20fill-opacity%3D%220.34%22%20stroke%3D%22%23ffffff%22%20stroke-opacity%3D%220.4%22%20stroke-width%3D%220.8%22%3E%D9%85%D8%AB%D8%A7%D9%84%20%C2%B7%20%D9%84%D9%84%D9%85%D8%B9%D8%A7%D9%8A%D9%86%D8%A9%20%D9%81%D9%82%D8%B7%3C%2Ftext%3E%3C%2Fsvg%3E")}
.cm-pv-mark{position:absolute;top:-14px;left:50%;transform:translateX(-50%);z-index:4;pointer-events:none;white-space:nowrap;font-size:11px;font-weight:700;line-height:1.1;padding:5px 12px;border-radius:999px;background:var(--rose);color:#fff;letter-spacing:0;box-shadow:0 2px 6px rgba(0,0,0,.18)}
@media (prefers-reduced-motion:reduce){.cm-pv-wait i{animation:none}.cm-tpl .cm-fr{transition:none}}
.cm-fr{position:relative;width:100%;max-width:100%;aspect-ratio:1080/1700;overflow:hidden;background:var(--raised);border-radius:8px;contain:layout paint}
.cm-fr > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.cm-fr .cmc{visibility:hidden}
.cm-fr.is-live > img{display:none}
.cm-fr.is-live .cmc{visibility:visible}
.cmc{position:absolute;top:0;left:0;width:1080px;height:1700px;transform-origin:top left;background:#f1e6e2 center/cover no-repeat;color:var(--cm-soft);text-align:center;line-height:1.45;font-family:var(--cm-body);font-weight:300;font-size:38px;
  --cm-ink:#6E4448;--cm-soft:#8F6A6C;--cm-acc:#7F8F78;--cm-gap:44px;--cm-name:"Aref Ruqaa","Amiri",serif;--cm-script:"Aref Ruqaa","Amiri",serif;--cm-quran:"Amiri","Times New Roman",serif;--cm-body:"Alexandria","Tajawal",system-ui,sans-serif}
.cmc[dir="ltr"]{--cm-script:"Great Vibes","Cormorant Garamond",serif;--cm-body:"Cormorant Garamond","Times New Roman",serif;font-weight:400;font-size:40px}
.cmc-safe{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center}
.cmc-in{width:100%;display:flex;flex-direction:column;align-items:center;transform-origin:center center}
.cmc .cmt{display:block;white-space:nowrap}
.cmc-sm{font-size:31px}
.cmc-open{display:flex;flex-direction:column;align-items:center;font-family:var(--cm-script);font-weight:700;font-size:66px;line-height:1.5;color:var(--cm-acc)}
.cmc-open.cmc-verse{font-family:var(--cm-quran);font-size:40px;line-height:1.75}
.cmc-open.cmc-basm{font-size:72px}
.cmc-open.cmc-en-open{font-family:var(--cm-body);font-size:40px;text-transform:uppercase;letter-spacing:.08em;line-height:1.5;color:var(--cm-soft)}
.cmc-hosts{margin-top:var(--cm-gap);display:flex;flex-direction:column;align-items:center;gap:8px}
.cmc-hnames{display:flex;flex-wrap:nowrap;align-items:baseline;gap:30px;justify-content:center;color:var(--cm-ink);font-weight:400}
.cmc-hand{color:var(--cm-acc);font-weight:400}
.cmc[dir="ltr"] .cmc-hnames{flex-direction:column;align-items:center;gap:2px}
.cmc-invite{margin-top:16px;display:flex;flex-direction:column;align-items:center}
.cmc-couple{position:relative;margin-top:var(--cm-gap);display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:28px;width:100%}
.cmc-person{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0}
.cmc-rel{font-size:31px;min-height:46px}
.cmc-name{font-family:var(--cm-name);font-weight:400;font-size:124px;line-height:1.3;color:var(--cm-ink)}
.cmc-of{font-size:31px}
.cmc-and{font-family:var(--cm-script);font-size:110px;color:var(--cm-acc);line-height:1}
.cmc-and svg{width:104px;height:66px;display:block}
.cmc-and.cmc-and-n{font-family:"Noto Nastaliq Urdu","Gulzar",serif;font-size:120px;line-height:1.5}
.cmc-and.cmc-and-k{font-family:"Reem Kufi","El Messiri",sans-serif;font-size:104px}
.cmc-and.cmc-and-s svg{width:52px;height:190px}
.cmc-solo{display:flex;flex-direction:column;align-items:center}
.cmc-fx-gold .cmc-name{background:linear-gradient(170deg,#8a6630 0%,#c99d4f 38%,#7a5622 58%,#b88a3e 100%);-webkit-background-clip:text;background-clip:text;color:transparent;padding:.28em .12em;margin:-.28em -.12em}
.cmc-fx-shadow .cmc-name{text-shadow:0 4px 14px rgba(40,25,25,.28)}
.cmc-fx-sage .cmc-name{color:var(--cm-acc)}
.cmc-will{margin-top:var(--cm-gap)}
.cmc-when{margin-top:calc(var(--cm-gap) - 10px);display:flex;flex-direction:column;align-items:center;gap:8px}
.cmc-row{display:flex;align-items:center;gap:12px;justify-content:center;margin-top:6px}
.cmc-row svg{width:40px;height:40px;flex:none;color:var(--cm-acc)}
.cmc-venue{color:var(--cm-ink);font-weight:400}
.cmc-dt{display:flex;align-items:center;justify-content:center}
.cmc-num{font-family:var(--cm-body);font-weight:400;line-height:1;color:var(--cm-ink)}
.cmc-dt-ribbon{flex-direction:column;gap:10px}
.cmc-mid{display:flex;align-items:center;gap:30px}
.cmc-rside{display:flex;flex-direction:column;align-items:stretch;gap:12px;min-width:190px}
.cmc-hl{display:block;height:2px;width:100%;background:var(--cm-acc);opacity:.55}
.cmc-dt-ribbon .cmc-num{font-size:128px}
.cmc-sub{font-size:31px}
.cmc-prog{margin-top:var(--cm-gap);display:flex;justify-content:center;align-items:stretch;width:100%}
.cmc-item{flex:1 1 0;max-width:290px;min-width:0;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 10px}
.cmc-item svg{width:62px;height:62px;color:var(--cm-acc)}
.cmc-ib{color:var(--cm-ink);font-weight:400;line-height:1.35}
.cmc-it{font-size:31px}
.cmc-psep{display:block;width:2px;background:var(--cm-acc);opacity:.4;flex:none}
.cmc-closing{margin-top:var(--cm-gap);font-weight:400}
.cmc[dir="ltr"] .cmc-closing{font-style:italic;font-size:46px}
.cmc-note{margin-top:12px;font-size:29px;opacity:.9}
.cmc[dir="ltr"] .cmc-couple{margin-top:34px}
.cmc[dir="ltr"] .cmc-invite{margin-top:24px}
.cmc-mark{position:absolute;bottom:38px;left:0;right:0;display:flex;justify-content:center;font-family:"Readex Pro",system-ui,sans-serif;font-size:20px;color:var(--cm-soft);opacity:.75;direction:ltr}
.sd [hidden]{display:none !important}
#sd-tool{scroll-margin-top:84px}
.sd-fr{width:min(100%,400px,calc((100vh - 170px) * .5625));aspect-ratio:1080 / 1920;margin-inline:auto;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-lg);background:var(--raised)}
.sd-fr canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}
.sd.has-photo .sd-fr canvas:active{cursor:grabbing}
@media (max-width:860px){.sd-fr{width:min(100%,300px)}}
.sd-zoom{display:flex;align-items:center;gap:10px;justify-content:center;margin-top:10px}
.sd-zoom-l{display:flex;align-items:center;gap:8px;color:var(--ink-soft)}
.sd-zoom-l svg{width:18px;height:18px}
.sd-zoom input[type=range]{width:160px;accent-color:var(--rose);min-height:44px}
.sd-rm{min-height:44px;padding:0 12px;border:1px solid var(--rule);border-radius:12px;background:var(--surface);color:var(--ink-soft);font:inherit;font-size:14px;cursor:pointer}
.sd-drop{position:relative;display:flex;align-items:center;gap:12px;min-height:64px;padding:12px 14px;border:1.5px dashed var(--rose);border-radius:16px;background:var(--rose-soft);cursor:pointer;transition:background-color .15s ease,border-color .15s ease}
.sd-drop.is-over{border-style:solid;background:var(--surface)}
.sd-drop input{position:absolute;opacity:0;width:1px;height:1px;top:0;inset-inline-start:0}
.sd-drop:focus-within{outline:2px solid var(--rose);outline-offset:3px}
.sd-drop-ic{display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;border-radius:12px;background:var(--surface);color:var(--rose-deep)}
.sd-drop-ic svg{width:22px;height:22px}
.sd-drop-t{display:grid;gap:2px;min-width:0}
.sd-drop-t b{font-size:15.5px;color:var(--ink)}
.sd-drop-t small{font-size:12.5px;line-height:1.6;color:var(--ink-soft)}
.sd-drop-b,.sd.has-photo .sd-drop-a{display:none}
.sd.has-photo .sd-drop-b{display:inline}
.sd-tpl .sd-th{display:block;width:100%;height:auto;aspect-ratio:9 / 16;border-radius:8px;background:var(--raised);box-shadow:var(--shadow);outline:2px solid transparent;outline-offset:2px;transition:transform .2s var(--ease-spring),outline-color .15s ease}
.sd-tpl:hover .sd-th{transform:translateY(-2px)}
.sd-tpl input:checked + .sd-th{outline-color:var(--rose)}
.sd-tpl input:focus-visible + .sd-th{outline-color:var(--rose);outline-style:dashed}
.sd-tpl input:checked ~ span{color:var(--rose);font-weight:600}
.sd-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
.sd-check{display:flex;align-items:center;gap:10px;min-height:44px;font-size:15px;color:var(--ink);cursor:pointer}
.sd-check input{width:20px;height:20px;accent-color:var(--rose);flex:0 0 auto}
.sd-sizes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.sd-size{position:relative;cursor:pointer}
.sd-size input{position:absolute;opacity:0;width:1px;height:1px;top:0;inset-inline-start:0}
.sd-size span{display:grid;gap:2px;min-height:44px;padding:10px;border:1.5px solid var(--rule);border-radius:14px;background:var(--surface);text-align:center;transition:border-color .15s ease,background-color .15s ease}
.sd-size b{font-size:14px;color:var(--ink)}
.sd-size small{font-size:12px;line-height:1.5;color:var(--ink-soft)}
.sd-size input:checked + span{border-color:var(--rose);background:var(--rose-soft)}
.sd-size input:focus-visible + span{outline:2px dashed var(--rose);outline-offset:2px}
@media (max-width:380px){.sd-sizes{grid-template-columns:minmax(0,1fr)}}
.sd-act .cm-dl{flex:1 1 auto}
.sd-share{flex:0 0 auto;min-height:44px}
.sd-tpls{scroll-snap-type:x proximity}
.sd-try{display:flex;align-items:center;gap:12px;width:100%;min-height:64px;margin:0 0 16px;padding:12px 14px;border:1px solid var(--rule);border-radius:16px;background:linear-gradient(160deg,var(--rose-soft),var(--paper));color:var(--ink);font:inherit;text-align:start;cursor:pointer;transition:border-color .15s ease,transform .2s var(--ease-spring)}
.sd-try:hover{border-color:var(--rose);transform:translateY(-1px)}
.sd-try:focus-visible{outline:2px solid var(--rose);outline-offset:3px}
.sd-try-ic{display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;border-radius:12px;background:var(--surface);color:var(--rose-deep)}
.sd-try-ic svg{width:22px;height:22px}
.sd-try-t{display:grid;gap:3px;min-width:0;flex:1 1 auto}
.sd-try-t b{font-size:15px;line-height:1.5;color:var(--ink)}
.sd-try-t small{font-size:12.5px;line-height:1.6;color:var(--ink-soft)}
.sd-try-go{flex:0 0 auto;color:var(--rose)}
.sd-try-go svg{width:18px;height:18px}
[dir="rtl"] .sd-try-go svg{transform:scaleX(-1)}
.sd-dlg .cm-out img{aspect-ratio:auto}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) .ws-wa-chat{background:#1F2A26}
  :root:not([data-theme="light"]) .ws-wa-bubble{background:#1E4D3A;color:#E9F3E4}
  :root:not([data-theme="light"]) .btn-wa-hero.is-quiet{color:#7BE0A6 !important;border-color:#2F6B47}
  :root:not([data-theme="light"]) .btn-wa-hero.is-quiet:hover{background:#12291C}
  :root:not([data-theme="light"]) .pgo-slug-msg.is-ok{color:#7BE0A6}
  :root:not([data-theme="light"]) .pgo-slug-msg.is-bad{color:#FF8A80}
  :root:not([data-theme="light"]) .pgo-opt-ico{background:#2E2613;color:var(--gold-rich)}
  :root:not([data-theme="light"]) .pgo-trust .ic{color:#7BE0A6}
  :root:not([data-theme="light"]) .plv-ok{background:#12291C;color:#7BE0A6}
  :root:not([data-theme="light"]) .plv-act.is-wa{background:#12291C;border-color:#2F6B47;color:#7BE0A6 !important}
  :root:not([data-theme="light"]) .plv-tile.is-yes{background:#12291C;border-color:#2F6B47}
  :root:not([data-theme="light"]) .plv-tile.is-yes b{color:#7BE0A6}
  :root:not([data-theme="light"]) .plv-tile.is-wait{background:#2E2613;border-color:#5A4A1F}
  :root:not([data-theme="light"]) .plv-tile.is-wait b{color:var(--gold-rich)}
  :root:not([data-theme="light"]) .pub-status-badge.pub-status-trial,:root:not([data-theme="light"]) .pub-status-badge.pub-status-free{background:rgba(245,158,11,0.15);border-color:rgba(245,158,11,0.35);color:#fcd34d;}
  :root:not([data-theme="light"]) .pub-status-badge.pub-status-expired{background:rgba(225,29,72,0.15);border-color:rgba(225,29,72,0.35);color:#fda4af;}
  :root:not([data-theme="light"]) .pub-status-badge.pub-status-paid{background:rgba(16,185,129,0.15);border-color:rgba(16,185,129,0.35);color:#6ee7b7;}
  :root:not([data-theme="light"]) .pub-paid-card{border-color:rgba(16,185,129,0.3);background:linear-gradient(135deg, rgba(16,185,129,0.08) 0%, var(--surface) 100%);}
  :root:not([data-theme="light"]) .pub-paid-perks-list{color:#6ee7b7}
  :root:not([data-theme="light"]) .paycard.activate{background:linear-gradient(180deg, rgba(255,255,255,0.02) 0%, var(--surface) 100%); border-color:rgba(168,88,106,0.35);}
  :root:not([data-theme="light"]) .qrbox .qr{background:#fff}
  :root:not([data-theme="light"]) .plv-chip.is-over{background:#3A1C1C;color:#FF8A80}
  :root:not([data-theme="light"]) .plv-chip.is-paid{background:#12291C;color:#7BE0A6}
  :root:not([data-theme="light"]) .up3-head .up3-gets .ic{color:#7BE0A6}
}