/* Liquid glass skin. Loads last. Reuses the tone variables from glass.js so business themes keep working.
   Rule: never put backdrop-filter on a wrapper that contains other glass (it becomes a backdrop root and flattens them). */
body{--lg-tint:#2a120c57;--lg-hi:#ffffff4d;--lg-lo:#ffffff0d;--lg-rim:#ffffff8c;--lg-edge:#ffffff2e;--lg-field:#1a080842;--lg-shadow:0 22px 60px #1a08051f,0 2px 8px #1a08052e;--lg-blur:blur(28px) saturate(190%) brightness(1.06);
--lg-surface:radial-gradient(130% 100% at 0% 0%,var(--lg-hi),transparent 52%),linear-gradient(165deg,var(--lg-lo),#ffffff00 60%),var(--lg-tint);
--lg-bevel:inset 0 1px 0 var(--lg-rim),inset 1px 0 0 #ffffff40,inset 0 -1px 0 #ffffff14,inset 0 0 28px #ffffff0d;
--ease:cubic-bezier(.22,1,.36,1);--spring:cubic-bezier(.34,1.56,.64,1)}
body[data-glass-tone=light]{--lg-tint:#ffffff4a;--lg-hi:#ffffffb3;--lg-lo:#ffffff29;--lg-rim:#ffffffe6;--lg-edge:#ffffff80;--lg-field:#ffffff80;--lg-shadow:0 22px 60px #3a2a1426,0 2px 8px #3a2a1418}

/* Light that glass has something to bend: soft colour pools behind the page */
body::before{content:"";position:fixed;inset:-12%;z-index:-1;pointer-events:none;background:radial-gradient(34% 30% at 14% 18%,#ffb36e8c,transparent 70%),radial-gradient(30% 34% at 86% 24%,#ff6a5473,transparent 70%),radial-gradient(40% 34% at 62% 92%,#ffd9a05c,transparent 70%);will-change:transform}

/* Type: the system face, so it reads as native on Apple devices */
html body,html body :is(.im-app,.ia-app,.ic-app){font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",Inter,"Segoe UI",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
html body :is(h1,h2,h3,.brand),html body .im-app :is(h1,h2){font-family:inherit;font-weight:650;letter-spacing:-.035em}

/* Surfaces: translucent, blurred, lit from the top left */
html body:not(.dashboard-open) .card{border-radius:34px;background:var(--lg-surface);border:1px solid var(--lg-edge);box-shadow:var(--lg-bevel),var(--lg-shadow);-webkit-backdrop-filter:var(--lg-blur);backdrop-filter:var(--lg-blur)}
html body :is(.pill,.im-sidebar,.im-panel,.im-stat,.im-product,.im-notice,.im-credit-preview,.ia-sidebar,.ia-form,.ia-card,.ia-metric,.ic-cart,.ic-product,.ip-card,#bank-details article,.account-notice){background:var(--lg-surface);border:1px solid var(--lg-edge);box-shadow:var(--lg-bevel),var(--lg-shadow);-webkit-backdrop-filter:var(--lg-blur);backdrop-filter:var(--lg-blur)}
html body :is(.im-panel,.ia-form,.ic-cart){border-radius:28px}
html body :is(.im-stat,.im-product,.ic-product,.ia-card,.ia-metric,.ip-card){border-radius:24px}
html body :is(.im-notice,.account-notice,.im-credit-preview,#bank-details article){border-radius:18px}
html body .pill{border-radius:999px}
/* The balance card is the one brighter pane */
html body .im-stats>.im-stat:first-child{background:radial-gradient(120% 100% at 0% 0%,#ffffff85,transparent 56%),#ffffff2e;border-color:#ffffff66}
html body .im-ledger-row,html body .im-topbar,html body .im-tabs{border-color:#ffffff1f}
html body .im-product-image.im-placeholder{background:#ffffff14}

/* Floating sidebar on desktop */
@media(min-width:761px){
html body :is(.im-app,.ia-app){box-sizing:border-box;padding:16px;gap:16px}
html body :is(.im-sidebar,.ia-sidebar){border-radius:32px;position:sticky;top:16px;align-self:start;min-height:calc(100dvh - 32px)}}

/* Windows */
html body :is(.im-dialog,.ia-dialog,.im-picker){background:radial-gradient(130% 100% at 0% 0%,var(--lg-hi),transparent 52%),var(--glass-window-tint);border:1px solid var(--lg-edge);border-radius:32px;box-shadow:var(--lg-bevel),0 40px 100px #0006;-webkit-backdrop-filter:blur(40px) saturate(190%);backdrop-filter:blur(40px) saturate(190%)}
html body .im-picker{border-radius:22px}
html body .im-toast{background:var(--glass-window-tint);color:var(--glass-ink);border:1px solid var(--lg-edge);border-radius:999px;-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%)}

/* Controls: capsules of glass */
html body :is(button,a.primary,.im-button,.ic-whatsapp,.inventate-instagram):not(.im-theme){background:linear-gradient(180deg,#ffffff38,#ffffff12)!important;border:1px solid var(--lg-edge)!important;box-shadow:inset 0 1px 0 var(--lg-rim),inset 0 -1px 0 #ffffff14,0 6px 16px #1a08051f!important;border-radius:999px;-webkit-backdrop-filter:blur(16px) saturate(170%);backdrop-filter:blur(16px) saturate(170%);font-weight:600!important}
html body button.im-pick-option:not(.im-theme){border-radius:16px}
html body :is(.primary,.im-button:not(.secondary):not(.danger),.ip-card button,.ic-product button):not(.im-theme){background:linear-gradient(180deg,#fff5e6e0,#ffd2a08c)!important;color:#3b1608!important;border-color:#ffffffb3!important;box-shadow:inset 0 1px 0 #fff,0 8px 22px #c9501a40!important}
html body :is(.im-button.danger):not(.im-theme){background:linear-gradient(180deg,#ff8a7aa6,#c4352b70)!important}
html body :is(.tabs button,.im-tab,.im-nav,.ia-sidebar button):not([aria-pressed=true]):not([aria-current=page]):not(.is-active){background:transparent!important;border-color:transparent!important;box-shadow:none!important;-webkit-backdrop-filter:none;backdrop-filter:none}
html body :is(.im-nav[aria-current=page],.tabs button[aria-pressed=true],.im-tab[aria-pressed=true],.ia-sidebar button.is-active){background:linear-gradient(180deg,#ffffff57,#ffffff24)!important;border-color:#ffffff66!important;box-shadow:inset 0 1px 0 #ffffffb3,0 4px 14px #00000026!important}
html body button:is(.text-button,.im-small,.motion-toggle):not(.im-theme):not(.im-theme){background:none!important;border:0!important;box-shadow:none!important;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:10px}
html body .tabs,html body .im-tabs{border-radius:999px}
html body .tabs{background:#ffffff14;box-shadow:inset 0 1px 4px #00000026}

/* Fields: recessed glass */
html body :is(.card,.im-app,.ia-app,.ic-app) :is(input:not([type=checkbox]):not([type=file]),select,textarea){background:var(--lg-field);border:1px solid var(--lg-edge);border-radius:14px;box-shadow:inset 0 2px 6px #00000026,inset 0 1px 0 #ffffff14;color:var(--glass-ink)}
html body :is(.card,.im-app,.ia-app,.ic-app) :is(input,select,textarea):focus-visible{box-shadow:0 0 0 3px #ffffff40,inset 0 2px 6px #00000026;outline:2px solid var(--glass-focus);outline-offset:2px}

/* Stock badge */
html body .im-badge{display:inline-block!important;width:fit-content;margin:6px 0 2px!important;padding:3px 10px;border-radius:999px;background:#ffb4a24d;border:1px solid #ffd0c466;color:var(--glass-ink);font-size:11px!important;letter-spacing:0!important;text-transform:none!important}

/* ===== Motion: one easing family, springy and calm ===== */
@keyframes lg-drift{0%{transform:translate3d(-2%,0,0) scale(1) rotate(0)}50%{transform:translate3d(3%,-2%,0) scale(1.08) rotate(4deg)}100%{transform:translate3d(-1%,3%,0) scale(1.03) rotate(-3deg)}}
@keyframes lg-rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes lg-pop{from{opacity:0;transform:translateY(22px) scale(.94)}to{opacity:1;transform:none}}
@keyframes lg-fade{from{opacity:0}to{opacity:1}}
@keyframes lg-toast{from{opacity:0;transform:translate(-50%,24px) scale(.9)}to{opacity:1;transform:translate(-50%,0) scale(1)}}
@keyframes lg-glint{from{background-position:-160% 0}to{background-position:260% 0}}
/* Ambient drift only on the sign-in screen; the dashboard background stays still so long lists scroll smoothly */
body:not(.dashboard-open)::before{animation:lg-drift 38s ease-in-out infinite alternate}
html body :is(.im-main>*,.im-sidebar,.ia-main>*){animation:lg-rise .8s var(--ease) both}
html body .im-main>*:nth-child(2){animation-delay:.05s}html body .im-main>*:nth-child(3){animation-delay:.1s}html body .im-main>*:nth-child(4){animation-delay:.15s}html body .im-main>*:nth-child(5){animation-delay:.2s}html body .im-main>*:nth-child(n+6){animation-delay:.26s}
html body :is(.im-stats>.im-stat,.im-products>.im-product,.ic-grid>.ic-product,.ip-grid>.ip-card){animation:lg-rise .8s var(--ease) both}
html body :is(.im-stats,.im-products,.ic-grid,.ip-grid)>:nth-child(2){animation-delay:.08s}html body :is(.im-stats,.im-products,.ic-grid,.ip-grid)>:nth-child(3){animation-delay:.16s}html body :is(.im-stats,.im-products,.ic-grid,.ip-grid)>:nth-child(n+4){animation-delay:.24s}
html body:not(.dashboard-open) .card{animation:lg-pop .9s var(--ease) .1s both}
html body .steps li{animation:lg-rise .8s var(--ease) both}html body .steps li:nth-child(2){animation-delay:.12s}html body .steps li:nth-child(3){animation-delay:.24s}
html body :is(.im-dialog,.ia-dialog)[open]{animation:lg-pop .55s var(--ease) both}
html body :is(.im-dialog,.ia-dialog)[open]::backdrop{animation:lg-fade .5s ease both}
html body .im-toast{animation:lg-toast .6s var(--spring) both}
/* Buttons: spring press, cursor sheen, glint on the primary action */
html body :is(button,a.primary,.im-button):not(.im-theme):not(.text-button):not(.im-small):not(.motion-toggle){position:relative;overflow:hidden;transition:transform .55s var(--spring),box-shadow .35s var(--ease),background .35s var(--ease)}
html body :is(button,a.primary,.im-button,.im-panel,.im-stat,.im-product,.ic-product,.ip-card,.ia-card,.ia-metric,.card):not(.im-theme):not(.text-button):not(.im-small):not(.motion-toggle)::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(180px circle at var(--mx,50%) var(--my,0%),#ffffff4d,transparent 62%);transition:opacity .4s var(--ease)}
html body :is(.im-panel,.im-stat,.im-product,.ic-product,.ip-card,.ia-card,.ia-metric,.card){position:relative}
html body :is(.primary,.im-button:not(.secondary):not(.danger)):not(.im-theme)::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(105deg,transparent 35%,#ffffffa6 50%,transparent 65%) no-repeat;background-size:60% 100%;background-position:-160% 0}
@media(hover:hover){
html body :is(button,a.primary,.im-button):not(:disabled):not(.im-theme):not(.text-button):not(.im-small):hover{transform:translateY(-2px) scale(1.025)}
html body :is(button,a.primary,.im-button,.im-panel,.im-stat,.im-product,.ic-product,.ip-card,.ia-card,.ia-metric,.card):hover::after{opacity:1}
html body :is(.im-product,.ic-product,.ip-card,.im-stat):hover{transform:translateY(-4px);transition:transform .6s var(--spring)}}
html body :is(button,a.primary,.im-button):not(:disabled):active{transform:scale(.95);transition-duration:.12s}
html body .im-nav{transition:background .45s var(--ease),transform .55s var(--spring)}

/* Fallbacks */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){body{--lg-tint:#3a1a12e6}body[data-glass-tone=light]{--lg-tint:#fff3e0eb}}
@media(prefers-reduced-transparency:reduce){html body *{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}body{--lg-tint:#3a1a12f2}body[data-glass-tone=light]{--lg-tint:#fff3e0f5}}
@media(prefers-reduced-motion:reduce){body::before,body *::before,body *::after{animation:none!important;transition:none!important}html body *{animation:none!important}}
body.motion-paused::before,body.motion-paused *::before,body.motion-paused *::after{animation:none!important}

/* Fixes after visual review */
body{--glass-window-tint:#2e140ec4;--glass-window-top:#ffffff14}
html body .im-dialog>header{background:linear-gradient(180deg,#ffffff24,#ffffff00);border-bottom:1px solid #ffffff1f;-webkit-backdrop-filter:none;backdrop-filter:none}
html body .im-stat{padding:20px}
html body .im-stat>strong{font-size:clamp(18px,1.75vw,26px);letter-spacing:-.03em}
@media(max-width:760px){html body .im-stat>strong{font-size:clamp(16px,5vw,20px)}}

/* ===== Performance =====
   Blur behind every small surface is what makes scrolling stutter: the browser re-blurs the backdrop on each frame.
   Over a smooth gradient it is nearly invisible, so it stays only on floating layers (windows, picker, toast). */
html body{background-attachment:scroll!important;animation:none!important;background-size:cover}
html body :is(.im-nav,.im-button){animation:none!important}
html body *:not(dialog):not(.im-dialog):not(.ia-dialog):not(.im-picker):not(.im-toast){-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
body{--lg-shadow:0 10px 26px #1a080524,0 1px 3px #1a08051a}
body[data-glass-tone=light]{--lg-shadow:0 10px 26px #3a2a1420,0 1px 3px #3a2a1414}
html body :is(.im-panel,.card,.ia-card,.ia-metric,.ip-card)::after{display:none}
html body .im-ledger-row{content-visibility:auto;contain-intrinsic-size:auto 47px}
@media(hover:hover){html body :is(.primary,.im-button:not(.secondary):not(.danger)):not(.im-theme):hover::before{animation:lg-glint 1.1s var(--ease) 1}}

/* ===== v3: flags, logout, alerts, import, admin ===== */
@font-face{font-family:"Twemoji Country Flags";unicode-range:U+1F1E6-1F1FF,U+1F3F4,U+E0062-E007F;src:url("TwemojiCountryFlags.woff2") format("woff2");font-display:swap}
html body :is(select,option,.country-select){font-family:"Twemoji Country Flags",Inter,system-ui,sans-serif}

html body .header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
html body .header-actions .logout{margin:0;min-height:38px;padding:8px 18px;border-radius:999px;font-weight:650;font-size:14px;color:#fff4e6;
 background:linear-gradient(180deg,#ffffff38,#ffffff12)!important;border:1px solid #ffffff4d!important;
 box-shadow:inset 0 1px 0 #ffffff66,inset 0 -8px 14px #ffffff0d,0 8px 20px #1a080530!important;cursor:pointer;transition:transform .5s var(--spring),background .3s var(--ease)}
html body .header-actions .logout:hover{transform:translateY(-1px) scale(1.04);background:linear-gradient(180deg,#ffffff4d,#ffffff1c)!important}
html body .header-actions .logout:active{transform:scale(.95)}
html body .header-actions .logout[hidden]{display:none}
html body.dashboard-open #logout{margin:0}
body[data-glass-tone=light] .header-actions .logout{color:#3a1a0c}
@media(max-width:600px){html body .header-actions{gap:6px}html body .header-actions .logout{padding:7px 14px;font-size:13px}}

/* Floating alert */
html body .im-alert{max-width:420px}
html body .im-alert .im-dialog-content,html body .im-alert>div{display:flex;gap:14px;align-items:flex-start}
html body .im-alert-icon{flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:19px;color:#fff;
 background:linear-gradient(180deg,#ff8f6b,#d6432a);box-shadow:inset 0 1px 0 #ffffff80,0 6px 16px #d6432a55}
html body .im-alert-text{margin:0;line-height:1.5;font-size:15px}
html body .im-alert-icon[data-kind=info]{background:linear-gradient(180deg,#8fc7ff,#3a7bd5)}
html body .im-alert-icon[data-kind=success]{background:linear-gradient(180deg,#8fe3a8,#2e9e5b)}

/* Import preview */
html body .im-import-preview{display:grid;gap:10px;margin:12px 0}
html body .im-import-sample{display:grid;gap:6px;max-height:220px;overflow:auto;padding:10px;border-radius:16px;background:#ffffff0f;border:1px solid #ffffff22}
html body .im-import-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:8px;font-size:13px;padding:6px 8px;border-radius:10px;background:#ffffff0a}
html body .im-import-errors{padding:12px 14px;border-radius:14px;font-size:13px;background:#d6432a26;border:1px solid #ff8f6b55;max-height:160px;overflow:auto}
html body .im-credentials{white-space:pre-wrap;word-break:break-all;padding:14px;border-radius:14px;background:#00000030;border:1px solid #ffffff26;font:13px/1.6 ui-monospace,Menlo,Consolas,monospace;user-select:all}
html body .im-banks{display:grid;gap:8px;padding:12px 14px;border-radius:14px;background:#ffffff0f;border:1px solid #ffffff22;font-size:14px}

/* Forced password view */
html body #force-view{max-width:460px;margin:8vh auto;padding:34px;border-radius:28px;border:1px solid #ffffff40;
 background:linear-gradient(160deg,#ffffff26,#ffffff0c),var(--lg-tint,#3a1a12cc);box-shadow:inset 0 1px 0 #ffffff59,0 24px 60px #1a08053d}
html body #force-view form{display:grid;gap:16px}

/* Twemoji credit */
html body .flag-credit{font-size:11px;opacity:.6;text-align:center;margin:18px 0 8px}

/* ===== Admin: same glass, no coloured stripes ===== */
html body .ia-app{background:transparent!important;color:inherit;min-height:calc(100vh - 80px);gap:22px;padding:0 0 30px}
html body .ia-sidebar{margin:0;border:1px solid #ffffff38!important;border-radius:28px;background:linear-gradient(170deg,#ffffff24,#ffffff0a),var(--lg-tint,#3a1a12cc)!important;
 box-shadow:inset 0 1px 0 #ffffff59,0 18px 44px #1a080533;align-self:start;position:sticky;top:16px}
html body .ia-sidebar button{background:transparent!important;border:1px solid transparent!important;color:inherit;border-radius:16px;transition:background .3s var(--ease),transform .5s var(--spring)}
html body .ia-sidebar button:hover{background:#ffffff1a!important;filter:none}
html body .ia-sidebar button.is-active{background:linear-gradient(180deg,#ffffff40,#ffffff18)!important;border-color:#ffffff4d!important;color:inherit;box-shadow:inset 0 1px 0 #ffffff66,0 6px 16px #1a080522}
html body .ia-app .ia-main button:not(.ia-secondary),html body .ia-dialog button:not(.ia-secondary){background:linear-gradient(180deg,#ffffff4a,#ffffff1a)!important;color:inherit;border:1px solid #ffffff4d!important;border-radius:999px;box-shadow:inset 0 1px 0 #ffffff66,0 6px 16px #1a080522}
html body .ia-app .ia-secondary{background:#ffffff12!important;border:1px solid #ffffff2e!important;border-radius:999px;color:inherit}
html body .ia-app :is(.ia-metric,.ia-card,.ia-form){border:1px solid #ffffff33;border-radius:24px;background:linear-gradient(160deg,#ffffff1f,#ffffff08),var(--lg-tint,#3a1a12cc);box-shadow:inset 0 1px 0 #ffffff4d,0 12px 30px #1a08051f}
html body .ia-app :is(input,select,textarea){border:1px solid #ffffff33;border-radius:14px;background:#ffffff14;color:inherit}
html body .ia-app .ia-chip{background:#ffffff1f;border:1px solid #ffffff2e}
html body .ia-app :is(.ia-banner,.ia-message:not(:empty)){border-radius:16px;border:1px solid #ffffff38;background:#ffffff14}
html body .ia-app .ia-metric strong{font-size:clamp(18px,1.75vw,24px);overflow-wrap:anywhere}
html body .ia-summary{background:#00000026;border-radius:14px}
html body .ia-dialog{border:1px solid #ffffff40;border-radius:28px;background:linear-gradient(160deg,#ffffff26,#ffffff0a),var(--glass-window-tint,#2e140ec4);color:#fff4e6;box-shadow:inset 0 1px 0 #ffffff59,0 30px 80px #1a080566}
html body .ia-dialog::backdrop{background:#140602a0}
@media(max-width:760px){html body .ia-sidebar{position:static;border-radius:22px}html body .ia-app{gap:14px}}
html body .ia-app .ia-metrics{grid-template-columns:repeat(auto-fit,minmax(215px,1fr))}
html body .ia-app .ia-metric strong{white-space:nowrap;font-size:clamp(17px,1.5vw,22px)}
html body .ia-app input[type=checkbox]{accent-color:#ffb26b;border-radius:8px}
html body .im-alert{width:min(420px,calc(100% - 32px))}
html body .im-alert .im-alert-body{display:grid;grid-template-columns:auto 1fr;gap:10px 14px;align-items:center;padding:24px}
html body .im-alert .im-alert-body>:not(.im-alert-icon):not(.im-alert-text):not(button){margin:0;font-size:18px}
html body .im-alert .im-alert-text{grid-column:1/-1}
html body .im-alert .im-alert-body>button{grid-column:1/-1;justify-self:end;min-width:120px;white-space:nowrap}

/* ===== Iconos propios ===== */
html body :is(.im-nav,.ia-sidebar button){display:flex;align-items:center;gap:12px}
html body .ii{flex:none;display:block;filter:drop-shadow(0 1px 2px #1a080540);transition:transform .5s var(--spring)}
html body :is(.im-nav,.ia-sidebar button):hover .ii{transform:scale(1.12) rotate(-4deg)}
html body :is(.im-nav[aria-current=page],.ia-sidebar button.is-active) .ii{transform:scale(1.08)}
html body .im-placeholder{display:grid;place-items:center}
html body .ia-secondary .ii{opacity:.85}

/* Tutorial de primer inicio */
html body .it-tour{position:fixed;inset:0;z-index:2147483000;pointer-events:auto}
html body .it-ring{position:fixed;border-radius:16px;box-shadow:0 0 0 9999px rgba(20,8,4,.62),0 0 0 3px #fb923c;transition:opacity .2s;pointer-events:none;opacity:0}
html body .it-card{position:fixed;box-sizing:border-box;padding:22px;border-radius:24px;color:#fff7ed;background:linear-gradient(145deg,rgba(120,40,12,.94),rgba(50,18,8,.96));border:1px solid rgba(255,255,255,.22);box-shadow:0 24px 60px rgba(0,0,0,.45);transition:left .28s ease,top .28s ease}
html body .it-card.it-center{left:50%;top:50%;transform:translate(-50%,-50%);width:min(420px,calc(100vw - 24px))}
html body .it-card h2{margin:10px 0 8px;font-size:1.25rem;line-height:1.2;color:#fff}
html body .it-card p{margin:0 0 18px;line-height:1.5;color:#fed7aa}
html body .it-dots{display:flex;gap:6px}
html body .it-dots i{width:7px;height:7px;border-radius:99px;background:rgba(255,255,255,.3)}
html body .it-dots i.on{width:20px;background:#fb923c}
html body .it-row{display:flex;gap:8px;align-items:center}
html body .it-spacer{flex:1}
html body .it-btn{border:0;border-radius:999px;padding:10px 18px;font:inherit;font-weight:700;cursor:pointer;color:#fff;background:linear-gradient(135deg,#f97316,#c2410c)}
html body .it-btn.it-ghost{background:rgba(255,255,255,.14)}
html body .it-skip{border:0;background:none;color:#fdba74;font:inherit;cursor:pointer;padding:8px 4px;text-decoration:underline}
html body .it-card button:focus-visible{outline:3px solid #fff;outline-offset:2px}
@media (prefers-reduced-motion:reduce){html body .it-ring,html body .it-card{transition:none}}