/* v6.6.1 hotfix: stable old dock and classic red CarYou brand */
.brand .brand-red{color:var(--accent);font-family:inherit;font-weight:900;letter-spacing:0}
/* CarYou v6.5 — navigation, scroll motion, onboarding and polished controls */
:root{--cy-nav-bg:#171b29;--cy-nav-circle:#232a3d;--cy-nav-muted:#8c9eb5;--cy-nav-active:#60a5fa;--cy-spring:cubic-bezier(.34,1.56,.64,1)}
body{overflow-x:hidden}
/* stable phone width: long URLs/text can never expand the viewport */
.wrap,#appView,.card,.status-box,.source-details,.source-url,.drawer,.yt-view{min-width:0;max-width:100%}
.source-url,input,code,.link-row{overflow-wrap:anywhere;word-break:break-word}

/* Brand: same family as splash + one-time fill animation */
.cy-brand-word{--fill:#37ff8b;position:relative;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif;font-weight:800;letter-spacing:1.2px;color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--text) 70%,transparent);line-height:1.05;isolation:isolate}
.cy-brand-word .cy-brand-base{color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--text) 70%,transparent)}
.cy-brand-word .cy-brand-fill{position:absolute;inset:0;width:0;overflow:hidden;white-space:nowrap;color:var(--fill);-webkit-text-stroke:1px var(--fill);border-inline-end:3px solid var(--fill);filter:drop-shadow(0 0 12px color-mix(in srgb,var(--fill) 65%,transparent));transition:width .75s cubic-bezier(.16,1,.3,1)}
.cy-brand-word.cy-brand-animate .cy-brand-fill{width:100%}
[data-theme="light"] .cy-brand-word{--fill:#d9152d}

/* Light splash: force clean glyph rendering, no square-looking paint artifacts */
html[data-theme="light"] .cy-loader .cl-letter{background:transparent!important;box-shadow:none!important;filter:none;-webkit-text-stroke:0!important;text-rendering:geometricPrecision}
html[data-theme="light"] .cy-loader .cl-word{isolation:isolate;mix-blend-mode:normal}
/* iOS/WebKit can rasterize the 3D letter transform as a square layer in light mode.
   Use a 2D reveal there to keep glyph edges clean while preserving the animation. */
html[data-theme="light"] .cy-loader .cl-letter{animation-name:clLetterLight!important;transform:translateY(24px) scale(.94);backface-visibility:hidden;-webkit-backface-visibility:hidden}
@keyframes clLetterLight{0%{opacity:0;filter:blur(7px);transform:translateY(24px) scale(.94)}58%{opacity:1;filter:blur(0)}100%{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}}

/* Apple-style scroll reveal. Repeats when re-entering viewport, reduced-motion safe. */
.apple-reveal{opacity:0;transform:translateY(46px) scale(.955);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}
.apple-reveal.is-visible{opacity:1;transform:none}
/* v6.6.13: side progress rail retired; progress is rendered around #homeDock. */
.scroll-progress-container,.scroll-progress-bar{display:none!important}

/* 6-tab curved bottom navigation */
.home-dock.cy-dock{--dock-index:0;position:fixed;z-index:175;bottom:0;left:0;right:0;transform:none;width:100%;max-width:none;height:calc(68px + env(safe-area-inset-bottom,0px));padding:0 max(6px,env(safe-area-inset-right,0px)) env(safe-area-inset-bottom,0px) max(6px,env(safe-area-inset-left,0px));border:0;border-radius:24px 24px 0 0;background:var(--cy-nav-bg);box-shadow:0 -5px 26px rgba(0,0,0,.34);display:grid;grid-template-columns:repeat(6,1fr);gap:0;overflow:visible}
.home-dock.cy-dock.hidden{display:none!important}
.home-dock.cy-dock .cy-indicator-track{position:absolute;top:0;right:0;width:16.6666667%;height:64px;transform:translateX(calc(var(--dock-index) * -100%));transition:transform .45s var(--cy-spring);pointer-events:none;z-index:0}
.home-dock.cy-dock .cy-notch{position:absolute;top:-1px;left:50%;transform:translateX(-50%);width:68px;height:20px;fill:var(--bg)}
.home-dock.cy-dock .cy-float{position:absolute;top:-20px;left:50%;transform:translateX(-50%) scale(1);width:46px;height:46px;border-radius:50%;background:var(--cy-nav-circle);box-shadow:0 7px 18px rgba(0,0,0,.44),inset 0 1px 2px rgba(255,255,255,.06);display:grid;place-items:center;color:var(--cy-nav-active);transition:transform .3s var(--cy-spring),color .25s}
.home-dock.cy-dock .cy-float.pop{animation:cyIconBounce .45s cubic-bezier(.175,.885,.32,1.275)}
@keyframes cyIconBounce{0%{transform:translateX(-50%) scale(.45) rotate(12deg);opacity:.25}60%{transform:translateX(-50%) scale(1.18) rotate(-4deg);opacity:1}100%{transform:translateX(-50%) scale(1)}}
.home-dock.cy-dock button{z-index:2;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:64px;padding:8px 1px 4px;border:0;background:transparent;color:var(--cy-nav-muted);font:inherit;overflow:hidden}
.home-dock.cy-dock button i{font-size:18px;margin:0 0 4px;transition:.25s;opacity:1;transform:none}
.home-dock.cy-dock button span{font-size:10.5px;font-weight:600;white-space:nowrap;transition:.3s}
.home-dock.cy-dock button.selected{color:var(--cy-nav-active)}
.home-dock.cy-dock button.selected i{opacity:0;transform:translateY(-12px) scale(.55)}
.home-dock.cy-dock button.selected span{font-weight:800;transform:translateY(2px)}
.home-dock.cy-dock .ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.12);transform:scale(0);animation:cyRipple .5s linear;pointer-events:none}
@keyframes cyRipple{to{transform:scale(3.5);opacity:0}}
body.home-active{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))}
body.text-entry .home-dock.cy-dock{opacity:0;pointer-events:none;transform:translateY(100%)}
body.yt-active .home-dock.cy-dock{display:none}
[data-theme="light"] .home-dock.cy-dock{--cy-nav-bg:#fff;--cy-nav-circle:#f1f5f9;--cy-nav-muted:#64748b;box-shadow:0 -5px 22px rgba(15,23,42,.12)}

/* Animated send-to-CarYou button, keeps current footprint */
#setBtn.cy-send-interactive{position:relative;min-width:160px;overflow:hidden;border:2px solid #5b5bf0;background:transparent;color:#fff;border-radius:999px;transition:.4s ease}
#setBtn.cy-send-interactive .cy-send-circle{width:38px;height:38px;border-radius:50%;background:#5b5bf0;display:inline-grid;place-items:center;position:absolute;inset-inline-start:5px;top:50%;transform:translateY(-50%);transition:.4s}
#setBtn.cy-send-interactive .cy-send-label{display:block;padding-inline-start:34px;transition:.35s}
#setBtn.cy-send-interactive.is-sending{width:58px;min-width:58px;color:transparent}
#setBtn.cy-send-interactive.is-sending .cy-send-circle{inset-inline-start:50%;transform:translate(-50%,-50%) rotate(180deg);background:#3333a8}
#setBtn.cy-send-interactive.is-success{border-color:#23ae23;background:rgba(35,174,35,.12);color:#fff}

/* Pending preparation words beside progress bar */
.cy-phase-card{--phase-bg:rgba(17,17,17,.72);display:flex;align-items:center;gap:8px;margin-top:10px;padding:8px 12px;border:1px solid var(--border);border-radius:14px;background:var(--phase-bg);min-height:42px;overflow:hidden}
.cy-phase-label{color:var(--muted);font-size:12px;font-weight:700;white-space:nowrap}
.cy-phase-words{height:24px;overflow:hidden;position:relative;flex:1;color:#956afa;font-weight:800;font-size:13px}
.cy-phase-words::after{content:"";position:absolute;inset:0;background:linear-gradient(var(--phase-bg) 4%,transparent 28%,transparent 72%,var(--phase-bg) 96%);pointer-events:none}
.cy-phase-stack{transition:transform .45s cubic-bezier(.16,1,.3,1)}
.cy-phase-word{height:24px;display:flex;align-items:center}
[data-theme="light"] .cy-phase-card{--phase-bg:rgba(255,255,255,.92)}

/* Uiverse-inspired logout button, touch-friendly fallback keeps full label on phones */
.cy-logout-btn{display:flex;align-items:center;justify-content:flex-start;width:46px;height:46px;border:0;border-radius:50%;cursor:pointer;position:relative;overflow:hidden;transition:.3s;box-shadow:2px 2px 10px rgba(0,0,0,.2);background:#ff4141;color:#fff}
.cy-logout-btn .sign{width:100%;display:grid;place-items:center;transition:.3s}.cy-logout-btn .sign i{margin:0}.cy-logout-btn .text{position:absolute;inset-inline-end:0;width:0;opacity:0;color:#fff;font-weight:800;transition:.3s;white-space:nowrap}
.cy-logout-btn:hover,.cy-logout-btn:focus-visible{width:132px;border-radius:40px}.cy-logout-btn:hover .sign,.cy-logout-btn:focus-visible .sign{width:32%;padding-inline-start:12px}.cy-logout-btn:hover .text,.cy-logout-btn:focus-visible .text{opacity:1;width:68%;padding-inline-end:10px}.cy-logout-btn:active{transform:translate(2px,2px)}
@media(hover:none){.cy-logout-btn{width:132px;border-radius:40px}.cy-logout-btn .sign{width:32%}.cy-logout-btn .text{opacity:1;width:68%;padding-inline-end:10px}}

/* Developer card */
.developer-card{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;margin-top:14px;padding:14px;border:1px solid var(--border);border-radius:18px;background:var(--ui-panel-soft,var(--card));overflow:hidden}
.developer-avatar{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,#fa0a1b,#7c3aed);display:grid;place-items:center;font:900 18px/1 -apple-system,BlinkMacSystemFont,"SF Pro Display",Arial;color:#fff}
.developer-card h4{margin:0 0 2px;font-size:15px}.developer-card p{margin:0;color:var(--muted);font-size:12px}.developer-links{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}.developer-links a{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border:1px solid var(--border);border-radius:999px;color:var(--text);text-decoration:none;font-size:12px;font-weight:800}.developer-links a.hidden{display:none}

/* Official CarTV artwork is loaded from Apple on first-login onboarding; CSS fallback remains local. */
.cy-app-icon{overflow:hidden;position:relative;flex:0 0 auto}
.cy-app-icon img{width:100%;height:100%;display:block;object-fit:cover;border-radius:inherit}
.cy-app-icon .cy-app-icon-fallback.hidden{display:none}

/* Registration email verification */
#registerEmailWrap,#registerVerifyWrap{margin-top:12px}.auth-verify-note{padding:10px 12px;border:1px solid rgba(55,255,139,.25);border-radius:14px;background:rgba(55,255,139,.07);color:var(--muted);font-size:12px;line-height:1.7}

/* First-login onboarding card/dialog */
.cy-onboarding{width:min(92vw,440px);max-height:min(84vh,720px);border:1px solid var(--border-strong);border-radius:28px;padding:0;background:var(--card-solid);color:var(--text);box-shadow:0 32px 90px rgba(0,0,0,.55);overflow:hidden}
.cy-onboarding::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(5px)}
.cy-onboarding-head{padding:22px;background:linear-gradient(135deg,rgba(250,10,27,.22),rgba(91,91,240,.18));border-bottom:1px solid var(--border)}
.cy-onboarding-head h2{margin:0 0 5px}.cy-onboarding-body{padding:18px;max-height:58vh;overflow:auto}.cy-guide-card{position:relative;padding:16px;border:1px solid var(--border);border-radius:20px;background:var(--card);margin-bottom:12px;overflow:hidden}.cy-guide-card::before,.cy-guide-card::after{content:"";position:absolute;width:20%;height:20%;background:color-mix(in srgb,var(--accent) 18%,transparent);transition:.5s}.cy-guide-card::before{top:0;right:0;border-radius:0 20px 0 100%}.cy-guide-card::after{bottom:0;left:0;border-radius:0 100% 0 20px}.cy-guide-card:hover::before,.cy-guide-card:hover::after{width:100%;height:100%;border-radius:20px;opacity:.22}.cy-guide-card>*{position:relative;z-index:1}.cy-app-card{display:flex;align-items:center;gap:12px}.cy-app-icon{width:58px;height:58px;border-radius:15px;background:linear-gradient(145deg,#0b0d12,#292d38);display:grid;place-items:center;color:#fff;font-weight:900;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.cy-app-icon i{font-size:24px;margin:0}.cy-copy-grid{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:10px}.cy-copy-grid input{min-width:0}.cy-onboarding-actions{display:flex;gap:8px;padding:14px 18px calc(14px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border)}.cy-onboarding-actions .btn{flex:1}

/* Keep old main cards readable in light mode */
[data-theme="light"] .card,[data-theme="light"] .developer-card,[data-theme="light"] .cy-guide-card{box-shadow:0 16px 42px rgba(15,23,42,.08)}

@media(max-width:430px){.home-dock.cy-dock button span{font-size:9.5px}.home-dock.cy-dock .cy-notch{width:60px}.cy-copy-grid{grid-template-columns:1fr}.cy-onboarding{width:calc(100vw - 18px)}}
@media(max-height:500px) and (max-width:779px){.home-dock.cy-dock{position:fixed;width:100%;margin:0;transform:none}}
@media(prefers-reduced-motion:reduce){.apple-reveal{opacity:1!important;transform:none!important;transition:none!important}.home-dock.cy-dock .cy-indicator-track,.home-dock.cy-dock .cy-float,.cy-brand-word .cy-brand-fill{transition:none!important}.home-dock.cy-dock .cy-float.pop{animation:none!important}}

/* v6.6.5 onboarding/how-to layout: keep long URLs and Arabic copy from overlapping. */
.cy-guide-card,.cy-app-card,.cy-app-card>div:last-child{min-width:0}
.cy-guide-card h3,.cy-guide-card p,.cy-guide-card li,.cy-app-card h3{overflow-wrap:anywhere;word-break:normal;white-space:normal}
.cy-copy-grid{align-items:stretch}.cy-copy-grid input{width:100%;max-width:100%;direction:ltr;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cy-copy-grid .copy-btn{white-space:nowrap;min-height:42px}
.cy-appstore-btn{display:flex!important;align-items:center;justify-content:center;gap:8px;width:100%;box-sizing:border-box;margin-top:10px;text-decoration:none;text-align:center;white-space:normal}
.cy-howto-quick-actions{display:grid;grid-template-columns:1fr;gap:8px;margin:0 0 12px}.cy-howto-quick-actions .btn-soft{width:100%;box-sizing:border-box;text-align:center;justify-content:center}


/* v6.6.9 — onboarding must fit fully on iPhone, including the final action above the safe area. */
.cy-onboarding{display:flex;flex-direction:column;width:min(92vw,440px);max-height:min(92dvh,760px);overflow:hidden}
.cy-onboarding-head{flex:0 0 auto}
.cy-onboarding-body{flex:1 1 auto;min-height:0;max-height:none!important;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.cy-onboarding-actions{flex:0 0 auto;position:relative;z-index:4;background:var(--card-solid);padding:12px 18px max(16px,calc(12px + env(safe-area-inset-bottom,0px)))}
.cy-onboarding-actions .btn{width:100%;min-height:50px;padding:12px 16px;white-space:normal;line-height:1.35}
.ready-reopen-note{display:flex;align-items:flex-start;gap:9px;margin-top:12px;padding:11px 12px;border:1px solid color-mix(in srgb,var(--ok) 35%,var(--border));border-radius:14px;background:color-mix(in srgb,var(--ok) 10%,transparent);color:var(--text);font-size:12.5px;line-height:1.75;font-weight:700}
.ready-reopen-note i{color:var(--ok);margin-top:3px;flex:0 0 auto}
@media(max-width:430px){.cy-onboarding{width:calc(100vw - 14px);max-height:calc(100dvh - max(12px,env(safe-area-inset-top,0px)) - 8px)}.cy-onboarding-head{padding:16px}.cy-onboarding-body{padding:12px}.cy-guide-card{padding:13px}.cy-onboarding-actions{padding-inline:12px}}


/* v6.6.10 — support card */
.support-card{margin-top:12px;padding:14px;border:1px solid var(--border);border-radius:16px;background:rgba(255,255,255,.035);min-width:0}
.support-card-head{display:flex;align-items:center;gap:10px}.support-card-head>i{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(250,10,27,.12);color:var(--accent);flex:0 0 auto}.support-card h4{margin:0;font-size:14px}.support-card p{margin:3px 0 0;color:var(--muted);font-size:12px;line-height:1.6}
.support-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:11px}.support-link{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;padding:11px 12px;border:1px solid var(--border);border-radius:13px;text-decoration:none;color:var(--text);background:rgba(0,0,0,.16);min-width:0}.support-link i{grid-row:1/3;font-size:20px}.support-link span{font-size:12px;font-weight:800}.support-link b{font-size:11px;direction:ltr;text-align:start;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-link.telegram i{color:#2aabee}.support-link.whatsapp i{color:#25d366}
@media(max-width:430px){.support-actions{grid-template-columns:1fr}.support-link{padding:12px 13px}}


/* v6.6.22: the logged-in header participates in normal flow so it can never cover the global announcement. */
body.home-active:not(.yt-active) .topbar{position:relative!important;top:auto!important;z-index:30}
body.home-active:not(.yt-active) .topbar::before{display:none!important}
body.home-active #noticeBanner{scroll-margin-top:16px}

/* Same red scroll orbit used by the home dock, now on YouTube's own bottom navigation. */
.yt-bottom{transform:scale(var(--yt-dock-scale,1));transform-origin:center bottom;transition:transform .18s ease;overflow:visible!important}
.yt-bottom .cy-yt-dock-orbit{position:absolute;inset:-3px;width:calc(100% + 6px);height:calc(100% + 6px);overflow:visible;pointer-events:none;z-index:3;color:#ff1b2d}
.yt-bottom .cy-yt-dock-orbit rect{transition:stroke-dashoffset .08s linear,opacity .2s ease;filter:drop-shadow(0 0 4px rgba(255,27,45,.42))}
.yt-bottom.is-scrolled{box-shadow:0 13px 38px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.05)}
@media(prefers-reduced-motion:reduce){.yt-bottom,.yt-bottom .cy-yt-dock-orbit rect{transition:none!important}}


/* v6.6.24 — dedicated support page + independent gallery access. */
.support-drawer-entry{padding:8px!important}.support-open-btn{width:100%;display:flex;align-items:center;gap:12px;min-height:58px;padding:10px 12px;border:0;border-radius:14px;background:transparent;color:var(--text);text-align:start;font:inherit;cursor:pointer}.support-open-btn>i:first-child{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}.support-open-btn span{display:flex;flex:1;min-width:0;flex-direction:column;gap:2px}.support-open-btn small{color:var(--muted);font-size:11px;overflow-wrap:anywhere}.support-open-btn>i:last-child{color:var(--muted);font-size:12px}
.cy-support-dialog{width:min(92vw,500px);max-height:88dvh;padding:0;border:1px solid var(--border-strong);border-radius:26px;background:var(--card-solid);color:var(--text);box-shadow:0 32px 90px rgba(0,0,0,.55);overflow:hidden}.cy-support-dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(5px)}.support-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px;border-bottom:1px solid var(--border);background:linear-gradient(135deg,rgba(250,10,27,.18),rgba(124,58,237,.13))}.support-page-head h2{margin:3px 0 5px}.support-page-head p{margin:0;color:var(--muted);font-size:12px}.support-kicker{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-weight:900}.support-page-body{padding:18px;overflow:auto;max-height:68dvh}.support-developer{margin-top:0}.footer-support-link{border:0;background:none;color:inherit;font:inherit;padding:0;border-bottom:1px dashed var(--muted);cursor:pointer}
.media-access-gate{margin:10px 0;padding:12px;border:1px solid color-mix(in srgb,#f59e0b 45%,var(--border));border-radius:14px;background:color-mix(in srgb,#f59e0b 8%,transparent)}.media-access-gate.hidden{display:none}.media-access-gate>div{display:flex;gap:8px;margin-top:9px}.media-access-gate input{min-width:0;flex:1;text-transform:uppercase}.media-access-gate button{flex:0 0 auto}
@media(max-width:430px){.media-access-gate>div{flex-direction:column}.cy-support-dialog{width:calc(100vw - 14px)}}


/* v6.6.27 — compact first-login popup, expandable support, explicit email-change UI. */
.footer-support-link{
  display:inline!important;min-width:0!important;min-height:0!important;width:auto!important;height:auto!important;
  padding:0!important;margin:0!important;border:0!important;border-bottom:1px dashed var(--muted)!important;
  border-radius:0!important;background:transparent!important;box-shadow:none!important;color:inherit!important;
  font:inherit!important;line-height:inherit!important;text-decoration:none!important;appearance:none!important;-webkit-appearance:none!important;
}
.footer-support-link:hover{color:var(--accent)!important;border-bottom-color:var(--accent)!important}

.support-drawer-entry{padding:16px!important}
.support-drawer-entry>summary{align-items:center}
.support-summary-copy{display:flex;min-width:0;flex-direction:column;gap:2px}
.support-summary-copy strong{font-size:15px}
.support-summary-copy small{font-size:11px;font-weight:500;color:var(--muted);line-height:1.5;overflow-wrap:anywhere}
.support-inline-body{padding-top:2px}
.support-inline-body .developer-card{margin-top:0}
.support-inline-body .support-card{background:color-mix(in srgb,var(--card) 68%,transparent)}

.email-verified-box{display:flex;align-items:center;gap:8px;background:rgba(52,211,153,.12);border:1px solid rgba(52,211,153,.3);border-radius:12px;padding:11px 13px;margin-bottom:10px;font-size:13px;color:var(--ok);min-width:0}
.email-verified-box b{direction:ltr;unicode-bidi:plaintext;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.email-change-trigger{width:100%;display:flex;align-items:center;justify-content:center;gap:7px;margin:0 0 10px;padding:11px 13px;border-radius:12px;font:inherit;font-size:13px;font-weight:800;cursor:pointer}
.email-change-form.hidden{display:none!important}
.email-change-cancel{width:100%;margin-top:8px;padding:10px 12px;border-radius:12px;font:inherit;cursor:pointer}

.cy-onboarding:not([open]){display:none!important}
.cy-onboarding[open]{display:flex!important}
.cy-onboarding{
  width:min(390px,calc(100vw - 30px))!important;
  max-height:min(76dvh,620px)!important;
  margin:auto!important;
  border-radius:22px!important;
  border:1px solid var(--border-strong)!important;
  box-shadow:0 28px 90px rgba(0,0,0,.58)!important;
}
.cy-onboarding::backdrop{background:rgba(2,6,15,.72);backdrop-filter:blur(8px)}
.cy-onboarding-head{padding:16px 17px!important;background:linear-gradient(135deg,rgba(250,10,27,.18),rgba(91,91,240,.12))!important}
.cy-onboarding-head h2{font-size:21px;margin:3px 0 4px!important}
.cy-onboarding-head p{margin:0;color:var(--muted);font-size:12.5px;line-height:1.7}
.cy-onboarding-kicker{display:inline-block;color:var(--accent);font-size:10px;font-weight:900;letter-spacing:.08em}
.cy-onboarding-body{padding:12px!important;max-height:none!important}
.cy-onboarding .cy-guide-card{padding:12px!important;margin-bottom:9px!important;border-radius:15px!important}
.cy-onboarding .cy-guide-card h3{font-size:14px;margin:0 0 6px}
.cy-onboarding .cy-guide-card p,.cy-onboarding .cy-guide-card li{font-size:11.5px;line-height:1.65}
.cy-onboarding .cy-guide-card::before,.cy-onboarding .cy-guide-card::after{display:none!important}
.cy-onboarding .cy-app-icon{width:44px;height:44px;border-radius:12px}
.cy-onboarding .cy-app-icon i{font-size:19px}
.cy-onboarding .cy-appstore-btn{min-height:40px;padding:8px 10px;font-size:12px}
.cy-onboarding .cy-copy-grid{gap:6px;margin-top:8px}
.cy-onboarding .cy-copy-grid input{padding:10px 11px;font-size:11px}
.cy-onboarding .cy-copy-grid .copy-btn{min-height:38px;padding:8px 10px;font-size:11px}
.cy-onboarding-actions{padding:10px 12px max(12px,calc(10px + env(safe-area-inset-bottom,0px)))!important}
.cy-onboarding-actions .btn{min-height:44px!important;padding:10px 12px!important;font-size:14px!important}
@media(max-width:430px){
  .cy-onboarding{width:calc(100vw - 26px)!important;max-height:78dvh!important}
  .cy-onboarding-head{padding:14px!important}.cy-onboarding-body{padding:10px!important}
}