/* CleveresTricky API — KeyboxHub-native card + protected-download modal parity. */
.ct-api-section{
    width:min(100%,1050px);
    margin:5.5rem auto 0;
    padding:clamp(1.25rem,3.4vw,2.15rem);
    border:0!important;
    border-radius:27px;
    overflow:hidden;
    background:linear-gradient(145deg,rgba(255,255,255,.115),rgba(255,255,255,.018) 52%,transparent 76%),var(--kb157-glass,rgba(29,29,34,.76))!important;
    box-shadow:inset 0 0 0 1px var(--kb157-rim,rgba(255,255,255,.135)),inset 0 1px 0 rgba(255,255,255,.11),var(--kb157-shadow,0 13px 30px rgba(0,0,0,.16))!important;
    -webkit-backdrop-filter:blur(22px) saturate(148%)!important;
    backdrop-filter:blur(22px) saturate(148%)!important;
    text-align:center;
    animation:ctApiReveal .58s cubic-bezier(.16,1,.3,1) both;
}
.ct-api-section-heading{max-width:680px;margin:0 auto 1.45rem}
.ct-api-kicker{display:block;margin-bottom:.45rem;color:var(--text-muted,#8e8e93);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.ct-api-section-heading h2{margin:0;color:var(--text-primary,#f5f5f7);font-size:clamp(1.9rem,5vw,2.6rem);font-weight:850;letter-spacing:-.04em}
.ct-api-section-heading p{margin:.7rem auto 0;color:var(--text-secondary,#a1a1a6);font-size:1rem;line-height:1.6}
.ct-api-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,300px);gap:1rem 1.4rem;align-items:center;padding-top:1.35rem;border-top:1px solid var(--kb157-rim,rgba(255,255,255,.11));text-align:left}
.ct-api-card-copy{min-width:0}
.ct-api-pills{display:flex;flex-wrap:wrap;gap:.5rem}
.ct-api-pills span{display:inline-flex;align-items:center;gap:.42rem;padding:.42rem .68rem;border:0;border-radius:999px;background:var(--kb157-inner,rgba(255,255,255,.06));color:var(--text-secondary,#a1a1a6);box-shadow:inset 0 0 0 1px rgba(255,255,255,.075);font-size:.72rem;font-weight:700}
.ct-api-pills i{color:var(--text-primary,#f5f5f7)}
.ct-api-card-action{display:grid;gap:.55rem}
.ct-api-card-action small{color:var(--text-muted,#71717a);font-size:.68rem;line-height:1.45;text-align:center}
.ct-api-launch-button,.ct-api-primary-button{display:inline-flex!important;align-items:center;justify-content:center;gap:.65rem;width:100%;min-height:46px;margin:0;font-size:.84rem;font-weight:800;-webkit-tap-highlight-color:transparent}
.ct-api-launch-button i{transition:transform .25s cubic-bezier(.16,1,.3,1)}
.ct-api-launch-button:hover i{transform:translateX(3px)}

/* Exact protected-download Liquid Glass material. */
.ct-api-dialog{position:fixed!important;inset:0!important;z-index:10040!important;display:flex!important;align-items:center;justify-content:center;width:100vw!important;height:100dvh!important;min-height:100svh!important;padding:1rem;overflow:hidden!important;isolation:isolate;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .32s ease,visibility .32s step-end}
.ct-api-dialog.is-open{visibility:visible;opacity:1;pointer-events:auto;transition:opacity .32s ease,visibility 0s}
.ct-api-dialog-backdrop{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border:0;background:rgba(4,4,7,.66)!important;-webkit-backdrop-filter:blur(17px) saturate(118%)!important;backdrop-filter:blur(17px) saturate(118%)!important;cursor:default}
.ct-api-dialog-panel{position:relative!important;z-index:1;width:min(560px,100%);max-height:calc(100dvh - 2rem);overflow:hidden!important;border:0!important;border-radius:28px!important;background:radial-gradient(circle at 28% -12%,rgba(255,255,255,.16),rgba(255,255,255,.045) 28%,transparent 58%),linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.018) 56%),rgba(24,24,29,.78)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.105),0 28px 76px rgba(0,0,0,.44)!important;-webkit-backdrop-filter:blur(29px) saturate(155%)!important;backdrop-filter:blur(29px) saturate(155%)!important;color:var(--text-primary,#f5f5f7);isolation:isolate;opacity:0;transform:translateY(16px) scale(.97);transform-origin:50% 100%;transition:opacity .35s ease,transform .48s cubic-bezier(.16,1,.3,1);outline:none}
.ct-api-dialog.is-open .ct-api-dialog-panel{opacity:1;transform:translateY(0) scale(1)}
.ct-api-dialog-scroll{max-width:100%;max-height:calc(100dvh - 2rem);overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable}
.ct-api-dialog-handle{display:none;width:100%;padding:1rem 0 .5rem;align-items:center;justify-content:center;touch-action:none;user-select:none;-webkit-user-select:none}
.ct-api-dialog-handle>div{width:48px;height:6px;border-radius:999px;background:rgba(176,176,188,.58)!important;box-shadow:0 1px 0 rgba(255,255,255,.1)!important}
.ct-api-dialog-body{padding:1.5rem 1.5rem 1.65rem}
.ct-api-step{animation:ctApiStep .48s cubic-bezier(.16,1,.3,1) both}
.ct-api-step[hidden]{display:none!important}
.ct-api-loading-step{text-align:center;padding:4rem 0}
.ct-api-spinner{display:block;width:36px;height:36px;margin:0 auto 1rem;border:3px solid rgba(255,255,255,.12);border-top-color:var(--text-primary,#f5f5f7);border-radius:50%;animation:ctApiSpin .8s linear infinite}
.ct-api-loading-step strong{display:block;color:var(--text-secondary,#a1a1a6);font-size:.82rem}

/* The current verification step is the modal header, exactly like downloads. */
.ct-api-step-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding-bottom:1rem;margin-bottom:1.25rem;border-bottom:1px solid var(--border-subtle,rgba(255,255,255,.08));text-align:left}
.ct-api-step-heading{display:flex;min-width:0;align-items:flex-start;gap:.75rem}
.ct-api-step-heading>i{flex:0 0 auto;margin-top:.18rem;color:var(--text-primary,#f5f5f7);font-size:1.05rem;line-height:1.25}
.ct-api-step-heading>i.ct-api-warning-glyph{color:#fbbf24}
.ct-api-step-heading>i.ct-api-success-glyph{color:#4ade80}
.ct-api-step-heading>i.ct-api-error-glyph{color:#f87171}
.ct-api-step-heading h3{margin:0;color:var(--text-primary,#f5f5f7);font-size:1.25rem;font-weight:650;line-height:1.25;letter-spacing:-.025em}
.ct-api-step-heading p{margin:.5rem 0 0;color:var(--text-secondary,#a1a1a6);font-size:.875rem;line-height:1.5}
.ct-api-icon-button{display:grid;flex:0 0 36px;width:36px;height:36px;place-items:center;margin:-.5rem -.5rem 0 0;border:1px solid var(--border-subtle,rgba(255,255,255,.09));border-radius:999px;background:var(--bg-elevated,#1f1f22);color:var(--text-secondary,#a1a1a6);box-shadow:inset 0 1px 0 rgba(255,255,255,.04);cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;-webkit-tap-highlight-color:transparent}
.ct-api-icon-button:hover{background:var(--bg-hover,#27272a);border-color:var(--text-secondary,#a1a1a6);color:var(--text-primary,#fff);transform:scale(1.03)}
.ct-api-step-content{text-align:center}
.ct-api-widget-shell{display:flex;min-height:70px;align-items:center;justify-content:center;margin:.25rem auto;padding:0;border:0;background:transparent;box-shadow:none}
.ct-api-primary-button{max-width:360px;margin-inline:auto!important}
.ct-api-step[data-ct-api-step="quiz"] small{display:block;min-height:1.2em;margin-top:.8rem;color:var(--text-secondary,#a1a1a6);font-size:.72rem}
.ct-api-secondary-button{display:inline-flex!important;align-items:center;justify-content:center;gap:.55rem;min-height:42px;margin-top:.25rem}

/* Result hierarchy: warning first, then two roomy single-surface copy rows. */
.ct-api-result-content{text-align:left}
.ct-api-result-warning{display:flex;align-items:flex-start;gap:.7rem;margin:0 0 1.35rem;padding:.9rem 1rem;border:0;border-radius:17px;background:linear-gradient(145deg,rgba(251,191,36,.14),rgba(251,191,36,.045) 62%),rgba(104,72,8,.18);box-shadow:inset 0 0 0 1px rgba(251,191,36,.22),inset 0 1px 0 rgba(255,224,128,.12);color:#fbbf24;font-size:.76rem;line-height:1.52}
.ct-api-result-warning i{flex:0 0 auto;margin-top:.16rem}
.ct-api-result-warning strong{font-weight:800}
.ct-api-key-field{display:block;margin-top:1.35rem;text-align:left}
.ct-api-key-field:first-of-type{margin-top:0}
.ct-api-key-field>span{display:block;margin:0 0 .5rem .15rem;color:var(--text-muted,#8e8e93);font-size:.68rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.ct-api-copy-row{display:flex;align-items:center;gap:.7rem;min-width:0;min-height:58px;padding:.48rem .55rem .48rem 1rem;border:0;border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.012) 62%),rgba(14,14,17,.48);box-shadow:inset 0 0 0 1px rgba(255,255,255,.095),inset 0 1px 0 rgba(255,255,255,.055);-webkit-backdrop-filter:blur(13px) saturate(126%);backdrop-filter:blur(13px) saturate(126%);transition:background .22s ease,box-shadow .22s ease,transform .22s cubic-bezier(.16,1,.3,1)}
.ct-api-copy-row:focus-within{background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.018) 62%),rgba(18,18,22,.58);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),inset 0 1px 0 rgba(255,255,255,.075)}
html body .ct-api-dialog .ct-api-copy-row input{min-width:0;flex:1;min-height:40px;margin:0!important;padding:.3rem 0!important;border:0!important;border-radius:0!important;outline:0!important;-webkit-appearance:none!important;appearance:none!important;background:transparent!important;background-color:transparent!important;box-shadow:none!important;color:var(--text-primary,#f5f5f7)!important;font:650 .78rem/1.35 ui-monospace,SFMono-Regular,Menlo,monospace!important;text-overflow:ellipsis}
.ct-api-copy-row button{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:.42rem;min-height:42px;padding:0 .8rem;border:0;border-radius:13px;background:transparent;color:var(--text-primary,#f5f5f7);box-shadow:none;font-size:.73rem;font-weight:800;cursor:pointer;transition:background .2s ease,transform .2s cubic-bezier(.16,1,.3,1);-webkit-tap-highlight-color:transparent}
.ct-api-copy-row button:hover{background:rgba(255,255,255,.065)}
.ct-api-copy-row button:active{transform:scale(.97)}
.ct-api-auth-summary{display:flex;align-items:stretch;justify-content:center;gap:0;margin-top:1.5rem;padding-top:1.15rem;border-top:1px solid rgba(255,255,255,.075);text-align:center}
.ct-api-auth-item{position:relative;display:grid;min-width:0;flex:1;place-items:center;gap:.3rem;padding:.35rem .75rem;border:0;background:transparent;color:inherit;font:inherit;text-align:center}
.ct-api-auth-item+.ct-api-auth-item::before{content:"";position:absolute;left:0;top:18%;bottom:18%;width:1px;background:rgba(255,255,255,.075)}
.ct-api-auth-item span,.ct-api-expiry-summary>span{color:var(--text-muted,#8e8e93);font-size:.64rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.ct-api-auth-item strong{color:var(--text-primary,#f5f5f7);font:760 .78rem/1.3 ui-monospace,SFMono-Regular,Menlo,monospace}
.ct-api-auth-copy{cursor:pointer;border-radius:13px;transition:background .2s ease,transform .2s ease;-webkit-tap-highlight-color:transparent}
.ct-api-auth-copy:hover{background:rgba(255,255,255,.045)}
.ct-api-auth-copy:active{transform:scale(.98)}
.ct-api-auth-copy i{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted,#8e8e93);font-size:.72rem}
.ct-api-expiry-summary{display:grid;place-items:center;gap:.22rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.075);text-align:center}
.ct-api-expiry-summary strong{color:var(--text-primary,#f5f5f7);font-size:.95rem;font-weight:800;letter-spacing:-.015em}
.ct-api-expiry-summary time{color:var(--text-secondary,#a1a1a6);font-size:.7rem;font-weight:600}
.ct-api-launch-button:focus-visible,.ct-api-primary-button:focus-visible,.ct-api-secondary-button:focus-visible,.ct-api-icon-button:focus-visible,.ct-api-copy-row button:focus-visible,.ct-api-auth-copy:focus-visible{outline:2px solid var(--text-primary,#fff);outline-offset:3px}

@keyframes ctApiReveal{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes ctApiStep{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes ctApiSpin{to{transform:rotate(360deg)}}

html[data-kb-theme="light"] .ct-api-section{background:linear-gradient(145deg,#fff,rgba(255,255,255,.2) 52%,transparent 76%),var(--kb157-glass,rgba(250,250,253,.84))!important;box-shadow:inset 0 0 0 1px var(--kb157-rim,rgba(25,25,31,.11)),inset 0 1px 0 #fff,var(--kb157-shadow,0 12px 28px rgba(38,41,53,.075))!important}
html[data-kb-theme="light"] .ct-api-dialog-backdrop{background:rgba(222,222,228,.62)!important}
html[data-kb-theme="light"] .ct-api-dialog-panel{background:radial-gradient(circle at 28% -12%,rgba(255,255,255,.96),rgba(255,255,255,.31) 30%,transparent 60%),linear-gradient(145deg,rgba(255,255,255,.76),rgba(255,255,255,.13) 58%),rgba(247,247,251,.78)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 27px 68px rgba(24,24,31,.16)!important}
html[data-kb-theme="light"] .ct-api-result-warning{background:linear-gradient(145deg,rgba(251,191,36,.18),rgba(251,191,36,.06) 62%),rgba(255,247,218,.72);box-shadow:inset 0 0 0 1px rgba(180,122,0,.2),inset 0 1px 0 rgba(255,255,255,.8);color:#9a6700}
html[data-kb-theme="light"] .ct-api-copy-row{background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(255,255,255,.2) 62%),rgba(235,235,240,.72);box-shadow:inset 0 0 0 1px rgba(25,25,31,.09),inset 0 1px 0 #fff}
html[data-kb-theme="light"] .ct-api-copy-row:focus-within{box-shadow:inset 0 0 0 1px rgba(25,25,31,.14),inset 0 1px 0 #fff}
html[data-kb-theme="light"] .ct-api-copy-row button:hover{background:rgba(25,25,31,.055)}
html[data-kb-theme="light"] .ct-api-auth-summary,html[data-kb-theme="light"] .ct-api-expiry-summary{border-color:rgba(25,25,31,.1)}
html[data-kb-theme="light"] .ct-api-auth-item+.ct-api-auth-item::before{background:rgba(25,25,31,.1)}

@media(max-width:820px){.ct-api-section{margin-top:4.5rem}.ct-api-card{grid-template-columns:1fr}.ct-api-pills{justify-content:center}.ct-api-card{text-align:center}}
@media(max-width:760px){
    .ct-api-section{margin-top:4rem;padding:1.15rem;border-radius:24px}
    .ct-api-section-heading{padding-inline:.2rem}
    .ct-api-dialog{align-items:flex-end!important;justify-content:center!important;padding:max(8px,env(safe-area-inset-top)) 0 0!important}
    .ct-api-dialog-panel{inset:auto 0 0!important;width:100%!important;max-width:none!important;max-height:calc(100dvh - max(8px,env(safe-area-inset-top)))!important;margin:0!important;border:0!important;border-radius:29px 29px 0 0!important;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;border-bottom:0!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.105),0 -12px 54px rgba(0,0,0,.26)!important;transform:translateY(28px);overflow:hidden!important}
    .ct-api-dialog-scroll{min-height:0!important;max-height:calc(100dvh - max(8px,env(safe-area-inset-top)))!important;overflow-y:auto!important;overscroll-behavior-y:contain!important;scroll-padding-bottom:calc(24px + env(safe-area-inset-bottom))!important;scrollbar-gutter:auto!important}
    .ct-api-dialog-handle{position:sticky;top:0;z-index:8;display:flex;background:linear-gradient(to bottom,rgba(24,24,29,.95) 58%,rgba(24,24,29,0))}
    html[data-kb-theme="light"] .ct-api-dialog-handle{background:linear-gradient(to bottom,rgba(247,247,251,.97) 58%,rgba(247,247,251,0))}
    .ct-api-dialog-body{padding:1rem 1.15rem max(1.5rem,calc(1.1rem + env(safe-area-inset-bottom)))}
    .ct-api-step-header{margin-bottom:1.1rem;padding-bottom:1rem}
    .ct-api-step-heading h3{font-size:1.16rem}
    .ct-api-step-heading p{font-size:.82rem}
    .ct-api-result-warning{margin-bottom:1.15rem;padding:.82rem .88rem;border-radius:16px}
    .ct-api-key-field{margin-top:1.15rem}
    .ct-api-copy-row{gap:.35rem;min-height:56px;padding:.4rem .42rem .4rem .82rem;border-radius:17px}
    html body .ct-api-dialog .ct-api-copy-row input{font-size:.72rem!important}
    .ct-api-copy-row button{min-height:42px;padding-inline:.68rem}
    .ct-api-auth-summary{margin-top:1.25rem}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.ct-api-dialog-panel{background:rgba(24,24,29,.98)!important}.ct-api-copy-row{background:rgba(20,20,24,.96)}html[data-kb-theme="light"] .ct-api-dialog-panel{background:rgba(247,247,251,.99)!important}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.ct-api-dialog-panel,.ct-api-copy-row{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}
@media(prefers-reduced-motion:reduce){.ct-api-section,.ct-api-step,.ct-api-spinner{animation:none!important}.ct-api-dialog,.ct-api-dialog-panel,.ct-api-launch-button,.ct-api-icon-button,.ct-api-copy-row,.ct-api-copy-row button,.ct-api-auth-copy{transition:none!important}}
