/* 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-section-heading p a{color:var(--text-primary,#f5f5f7);text-decoration:underline;text-decoration-color:rgba(255,255,255,.28);text-underline-offset:3px;transition:color .2s ease,text-decoration-color .2s ease}
.ct-api-section-heading p a:hover{color:#fff;text-decoration-color:#fff}
html[data-kb-theme="light"] .ct-api-section-heading p a{color:var(--text-primary,#141417);text-decoration-color:rgba(20,20,23,.28)}
html[data-kb-theme="light"] .ct-api-section-heading p a:hover{color:#000;text-decoration-color:#000}
.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 with desktop parity. */
.ct-api-dialog{position:fixed!important;inset:0!important;z-index:10040!important;display:none!important;align-items:center;justify-content:center;width:100vw!important;height:100dvh!important;min-height:100svh!important;padding:1rem;overflow:hidden!important;isolation:isolate}
.ct-api-dialog.is-open{display:flex!important}
.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;opacity:0;transition:opacity .4s ease-out}
.ct-api-dialog.is-open .ct-api-dialog-backdrop{opacity:1}
.ct-api-dialog.is-closing .ct-api-dialog-backdrop,.ct-api-dialog.ct-api-swipe-closing .ct-api-dialog-backdrop{opacity:0!important;transition:opacity .3s ease-in!important}
.ct-api-dialog-panel{position:relative!important;z-index:1;width:min(448px,100%)!important;max-width:28rem!important;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;transform:translateY(0);outline:none}
.ct-api-dialog-panel.mobile-sheet-enter{animation:slideUp .4s cubic-bezier(.16,1,.3,1) forwards!important;transition:none!important}
.ct-api-dialog.is-closing .ct-api-dialog-panel,.ct-api-dialog .ct-api-dialog-panel.mobile-sheet-leave,.ct-api-dialog-panel.mobile-sheet-leave{animation:slideDown .3s cubic-bezier(.16,1,.3,1) forwards!important;transition:none!important}
.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}
@media(min-width:761px){.ct-api-dialog-body{padding:2rem}.ct-api-dialog.is-open:not(.is-closing) .ct-api-dialog-panel:not(.mobile-sheet-enter):not(.mobile-sheet-leave){transition:height .35s cubic-bezier(.16,1,.3,1)}}
.ct-api-step[hidden]{display:none!important}
.ct-api-loading-step{text-align:center;padding:2.25rem 0}
.ct-api-spinner{display:block;width:52px;height:52px;margin:0 auto 1.25rem;border:4px solid rgba(255,255,255,.14);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-primary,#f5f5f7);font-size:1.05rem;font-weight:600}

/* 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:clip;white-space:nowrap;overflow-x:auto!important;overflow-y:hidden!important;direction:ltr;unicode-bidi:plaintext;cursor:text;touch-action:pan-x;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;user-select:text;-webkit-user-select:text}
.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(16px)}to{opacity:1;transform:none}}
@keyframes ctApiSpin{to{transform:rotate(360deg)}}
@keyframes slideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}
@keyframes slideDown{from{transform:translateY(0)}to{transform:translateY(100%)}}

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(0);transform-origin:50% 100%!important;overflow:hidden!important}
    .ct-api-dialog-panel.mobile-sheet-enter{animation:slideUp .4s cubic-bezier(.16,1,.3,1) forwards!important;transition:none!important}
    .ct-api-dialog.is-closing .ct-api-dialog-panel,.ct-api-dialog .ct-api-dialog-panel.mobile-sheet-leave,.ct-api-dialog-panel.mobile-sheet-leave{animation:slideDown .3s cubic-bezier(.16,1,.3,1) forwards!important;transition:none!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)))!important}
    .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,.ct-api-preset-btn.is-active,.ct-api-order-random-banner.is-entering,.ct-api-order-random-banner.is-leaving{animation:none!important}.ct-api-dialog,.ct-api-dialog-panel,.ct-api-dialog-backdrop,.ct-api-launch-button,.ct-api-icon-button,.ct-api-copy-row,.ct-api-copy-row button,.ct-api-auth-copy,.ct-api-order-item,.ct-api-preset-btn,.ct-api-order-btn,.ct-api-order-random-banner{transition:none!important}}

/* Priority Order Preference */
.ct-api-order-field {
    display: flex !important;
    flex-direction: column;
    gap: .75rem;
    margin: 1.5rem 0 1.25rem !important;
    padding: 1.1rem 1.25rem !important;
    border-radius: 20px !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, .01) 65%), rgba(14, 14, 18, .42) !important;
    border: 1px solid rgba(255, 255, 255, .08) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05) !important;
    transition: opacity .25s ease, transform .25s ease;
    user-select: none;
    -webkit-user-select: none;
}
.ct-api-order-field[hidden] {
    display: none !important;
}
.ct-api-order-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: .6rem;
}
.ct-api-order-header > span {
    font-size: .86rem;
    font-weight: 700;
    color: var(--text-primary, #f5f5f7);
    letter-spacing: -0.01em;
}
.ct-api-presets {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 12px;
    padding: 3px;
}
.ct-api-preset-btn {
    border: 0;
    background: transparent;
    color: var(--text-secondary, #a1a1a6);
    font-size: .74rem;
    font-weight: 600;
    padding: 4px 9px;
    border-radius: 8px;
    cursor: pointer !important;
    pointer-events: auto !important;
    position: relative;
    z-index: 5;
    transition: background .18s ease, color .18s ease, transform .16s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow .18s ease;
}
.ct-api-preset-btn:hover {
    color: var(--text-primary, #f5f5f7);
    background: rgba(255, 255, 255, .1);
}
.ct-api-preset-btn:active {
    transform: scale(0.93);
}
.ct-api-preset-btn.is-active {
    background: rgba(255, 255, 255, .18);
    color: #fff;
    font-weight: 700;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.12);
    animation: ctApiPresetPop .28s cubic-bezier(0.34, 1.56, 0.64, 1);
}
@keyframes ctApiPresetPop {
    0% { transform: scale(0.92); }
    55% { transform: scale(1.05); }
    100% { transform: scale(1); }
}
.ct-api-order-help {
    margin: 0;
    font-size: .75rem;
    color: var(--text-muted, #8e8e93);
    line-height: 1.4;
}
.ct-api-order-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 6px;
    position: relative;
}
.ct-api-order-list.is-random-mode .ct-api-order-item {
    opacity: .54;
    filter: saturate(0.65);
    background: linear-gradient(145deg, rgba(255,255,255,.02), rgba(255,255,255,.005) 62%), rgba(18,18,22,.35);
    border-color: rgba(255, 255, 255, .04);
}
.ct-api-order-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    border-radius: 14px;
    background: linear-gradient(145deg, rgba(255,255,255,.05), rgba(255,255,255,.01) 62%), rgba(18,18,22,.55);
    border: 1px solid rgba(255, 255, 255, .08);
    transition: background .24s ease, border-color .24s ease, opacity .26s cubic-bezier(0.16, 1, 0.3, 1), filter .26s ease, box-shadow .26s ease;
    position: relative;
}
.ct-api-order-item:hover {
    border-color: rgba(255, 255, 255, .14);
    background: linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.02) 62%), rgba(22,22,28,.65);
}
.ct-api-order-item.is-swapping {
    z-index: 10;
    border-color: rgba(255, 255, 255, .24);
    background: linear-gradient(145deg, rgba(255,255,255,.1), rgba(255,255,255,.03) 62%), rgba(28,28,34,.84);
    box-shadow: 0 10px 28px rgba(0, 0, 0, .48), 0 2px 6px rgba(255, 255, 255, .09);
    will-change: transform;
}
.ct-api-order-badge {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: .8rem;
    font-weight: 700;
}
.ct-api-order-badge.strong-rkp {
    color: #30D158;
}
.ct-api-order-badge.strong-tee {
    color: #0A84FF;
}
.ct-api-order-badge.meets-rkp {
    color: #FF9F0A;
}
.ct-api-order-badge.meets-tee {
    color: #63E6E2;
}
.ct-api-order-actions {
    display: flex;
    align-items: center;
    gap: 4px;
}
.ct-api-order-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 8px;
    background: rgba(255, 255, 255, .06);
    color: var(--text-secondary, #a1a1a6);
    font-size: .7rem;
    cursor: pointer !important;
    pointer-events: auto !important;
    position: relative;
    z-index: 5;
    transition: background .16s ease, color .16s ease, transform .16s cubic-bezier(0.16, 1, 0.3, 1), box-shadow .16s ease;
}
.ct-api-order-btn:hover:not(:disabled) {
    background: rgba(255, 255, 255, .14);
    color: #fff;
    transform: scale(1.08);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
}
.ct-api-order-up:active:not(:disabled) {
    transform: translateY(-2px) scale(0.92);
}
.ct-api-order-down:active:not(:disabled) {
    transform: translateY(2px) scale(0.92);
}
.ct-api-order-btn:disabled {
    opacity: .28;
    cursor: not-allowed !important;
    transform: none !important;
    box-shadow: none !important;
}
.ct-api-order-random-banner {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 12px;
    border-radius: 12px;
    background: rgba(168, 85, 247, .12);
    border: 1px solid rgba(168, 85, 247, .25);
    color: #d8b4fe;
    font-size: .78rem;
    font-weight: 600;
    will-change: transform, opacity;
}
.ct-api-order-random-banner.is-entering {
    animation: ctApiBannerSlideIn .28s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.ct-api-order-random-banner.is-leaving {
    animation: ctApiBannerSlideOut .22s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.ct-api-order-random-banner[hidden] {
    display: none !important;
}
@keyframes ctApiBannerSlideIn {
    0% {
        opacity: 0;
        transform: translateY(-8px) scale(0.97);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}
@keyframes ctApiBannerSlideOut {
    0% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
    100% {
        opacity: 0;
        transform: translateY(-8px) scale(0.97);
    }
}

/* Dynamic URL note */
.ct-api-endpoint-note {
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 8px 0 0 2px;
    padding: 6px 10px;
    border-radius: 10px;
    background: rgba(10, 132, 255, 0.08);
    border: 1px solid rgba(10, 132, 255, 0.18);
    font-size: 0.74rem;
    color: #93c5fd;
    line-height: 1.4;
}
.ct-api-endpoint-note i {
    color: #38bdf8;
    font-size: 0.8rem;
    flex-shrink: 0;
}
.ct-api-copy-row.is-url-updated {
    animation: ctApiPulseGlow 0.6s ease-out;
}
@keyframes ctApiPulseGlow {
    0% { box-shadow: 0 0 0 2px rgba(10, 132, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.12); }
    100% { box-shadow: none; }
}

/* Light Theme */
html[data-kb-theme="light"] .ct-api-presets {
    background: rgba(25, 25, 31, .04);
    border-color: rgba(25, 25, 31, .08);
}
html[data-kb-theme="light"] .ct-api-preset-btn {
    color: #636366;
}
html[data-kb-theme="light"] .ct-api-preset-btn:hover {
    color: #19191f;
    background: rgba(25, 25, 31, .06);
}
html[data-kb-theme="light"] .ct-api-preset-btn.is-active {
    background: #19191f;
    color: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18);
}
html[data-kb-theme="light"] .ct-api-order-item {
    background: linear-gradient(145deg, rgba(255,255,255,.9), rgba(255,255,255,.3) 62%), rgba(240,240,245,.65);
    border-color: rgba(25, 25, 31, .08);
}
html[data-kb-theme="light"] .ct-api-order-item:hover {
    border-color: rgba(25, 25, 31, .15);
    background: #fff;
}
html[data-kb-theme="light"] .ct-api-order-item.is-swapping {
    border-color: rgba(25, 25, 31, .2);
    background: #fff;
    box-shadow: 0 10px 26px rgba(0, 0, 0, .12);
}
html[data-kb-theme="light"] .ct-api-order-list.is-random-mode .ct-api-order-item {
    opacity: .54;
    filter: saturate(0.65);
    background: rgba(240, 240, 245, .4);
    border-color: rgba(25, 25, 31, .04);
}
html[data-kb-theme="light"] .ct-api-order-badge.strong-rkp { color: #34C759; }
html[data-kb-theme="light"] .ct-api-order-badge.strong-tee { color: #007AFF; }
html[data-kb-theme="light"] .ct-api-order-badge.meets-rkp { color: #FF9500; }
html[data-kb-theme="light"] .ct-api-order-badge.meets-tee { color: #00C7BE; }
html[data-kb-theme="light"] .ct-api-order-btn {
    background: rgba(25, 25, 31, .04);
    border-color: rgba(25, 25, 31, .1);
    color: #636366;
}
html[data-kb-theme="light"] .ct-api-order-btn:hover:not(:disabled) {
    background: rgba(25, 25, 31, .09);
    color: #19191f;
}
html[data-kb-theme="light"] .ct-api-order-random-banner {
    background: rgba(147, 51, 234, .08);
    border-color: rgba(147, 51, 234, .2);
    color: #7e22ce;
}
html[data-kb-theme="light"] .ct-api-endpoint-note {
    background: rgba(0, 122, 255, 0.06);
    border-color: rgba(0, 122, 255, 0.16);
    color: #1d4ed8;
}
html[data-kb-theme="light"] .ct-api-endpoint-note i {
    color: #0284c7;
}
@media (max-width: 760px) {
    .ct-api-order-header { flex-direction: column; align-items: flex-start; }
    .ct-api-presets { width: 100%; justify-content: space-between; }
    .ct-api-preset-btn { flex: 1; text-align: center; padding: 5px 4px; font-size: .7rem; }
    .ct-api-order-item { padding: 8px 10px; }
}

.ct-api-filter-field,
#ct-api-filter-field,
#ct-api-filter-container,
#ct-api-filter-native,
.ct-api-select-container,
.ct-api-filter-native {
    display: none !important;
}

.ct-api-preset-btn *,
.ct-api-order-btn * {
    pointer-events: none !important;
}