:root {
    
    --grad: linear-gradient(135deg, #FDE047 0%, #FCCD1C 45%, #F59E0B 80%, #B45309 100%);
    --grad-soft: linear-gradient(135deg, rgba(253,224,71,.22), rgba(252,205,28,.22) 45%, rgba(245,158,11,.22));
    --grad-text: linear-gradient(135deg, #FDE047 0%, #FCCD1C 50%, #D97706 100%);

    --r-sm: 10px;
    --r-md: 14px;
    --r-lg: 20px;
    --r-xl: 28px;
    --blur: 24px;
    --ease: cubic-bezier(.22, 1, .36, 1);
    --dur: 220ms;

    --get:    #22C55E;
    --post:   #EAB308;
    --put:    #F97316;
    --patch:  #10B981;
    --del:    #EF4444;
    --head:   #64748B;
    --options:#EC4899;

    --shadow-1: 0 1px 0 rgba(255,255,255,.04) inset, 0 20px 40px -20px rgba(0,0,0,.55);
    --shadow-2: 0 1px 0 rgba(255,255,255,.05) inset, 0 30px 80px -30px rgba(0,0,0,.75);
    --ring: 0 0 0 1px rgba(255,255,255,.06);
}

:root,
html[data-theme="dark"] {
    color-scheme: dark;
    --bg-0: #08090D;
    --bg-1: #0D1017;
    --bg-2: #111827;
    --panel: rgba(255,255,255,.045);
    --panel-2: rgba(255,255,255,.06);
    --stroke: rgba(255,255,255,.08);
    --stroke-strong: rgba(255,255,255,.14);
    --text: #E6EAF2;
    --text-strong: #F4F6FB;
    --muted: #9AA3B2;
    --muted-2: #6B7280;
    --link: #93C5FD;
    --code-bg: rgba(255,255,255,.05);
    --ok: #34D399;
    --warn: #F59E0B;
    --err: #F43F5E;
    --kbd: rgba(255,255,255,.08);
}

html[data-theme="light"] {
    color-scheme: light;
    --bg-0: #F7F8FB;
    --bg-1: #FFFFFF;
    --bg-2: #EEF1F7;
    --panel: rgba(255,255,255,.7);
    --panel-2: rgba(255,255,255,.88);
    --stroke: rgba(15,23,42,.08);
    --stroke-strong: rgba(15,23,42,.16);
    --text: #0F172A;
    --text-strong: #050914;
    --muted: #475569;
    --muted-2: #64748B;
    --link: #2563EB;
    --code-bg: rgba(15,23,42,.05);
    --kbd: rgba(15,23,42,.08);
    --shadow-1: 0 1px 0 rgba(15,23,42,.04) inset, 0 12px 28px -18px rgba(15,23,42,.25);
    --shadow-2: 0 1px 0 rgba(15,23,42,.05) inset, 0 28px 60px -28px rgba(15,23,42,.35);
    --ring: 0 0 0 1px rgba(15,23,42,.06);
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
    font-family: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
    font-feature-settings: "ss01", "cv11", "cv05";
    color: var(--text);
    background: var(--bg-0);
    min-height: 100vh;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    overflow-x: hidden;
}
a { color: var(--link); text-decoration: none; }
a:hover { text-decoration: underline; }
::selection { background: rgba(167, 139, 250, .35); color: var(--text-strong); }

kbd, code, pre, .mono, .kk-bento__value--mono {
    font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-feature-settings: "zero", "ss02";
}

.glass {
    background: var(--panel);
    border: 1px solid var(--stroke);
    backdrop-filter: saturate(140%) blur(var(--blur));
    -webkit-backdrop-filter: saturate(140%) blur(var(--blur));
    box-shadow: var(--ring), var(--shadow-1);
}

.kk-bg {
    position: fixed; inset: 0; z-index: -1; pointer-events: none; overflow: hidden;
    background:
        radial-gradient(1200px 700px at 110% -10%, rgba(167,139,250,.25), transparent 60%),
        radial-gradient(1000px 600px at -10% 10%, rgba(110,231,249,.18), transparent 60%),
        radial-gradient(900px 700px at 50% 120%, rgba(240,171,252,.14), transparent 60%),
        linear-gradient(180deg, var(--bg-0), var(--bg-1));
}
.kk-bg__grid {
    position: absolute; inset: 0;
    background-image:
        linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
    background-size: 48px 48px;
    mask-image: radial-gradient(ellipse at center, black 40%, transparent 75%);
    -webkit-mask-image: radial-gradient(ellipse at center, black 40%, transparent 75%);
    opacity: .6;
}
html[data-theme="light"] .kk-bg__grid {
    background-image:
        linear-gradient(rgba(15,23,42,.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(15,23,42,.05) 1px, transparent 1px);
}
.kk-bg__mesh {
    position: absolute; border-radius: 50%;
    filter: blur(80px); opacity: .55;
    animation: kk-float 22s var(--ease) infinite alternate;
}
.kk-bg__mesh--a { width: 620px; height: 620px; top: -180px; left: -120px; background: radial-gradient(circle, #6EE7F9, transparent 60%); }
.kk-bg__mesh--b { width: 560px; height: 560px; top: 10%;  right: -140px; background: radial-gradient(circle, #A78BFA, transparent 60%); animation-delay: -6s; }
.kk-bg__mesh--c { width: 700px; height: 700px; bottom: -220px; left: 30%; background: radial-gradient(circle, #F0ABFC, transparent 60%); animation-delay: -12s; }
@keyframes kk-float {
    0%   { transform: translate3d(0,0,0) scale(1); }
    50%  { transform: translate3d(40px,-30px,0) scale(1.06); }
    100% { transform: translate3d(-30px,20px,0) scale(.98); }
}
.kk-bg__noise {
    position: absolute; inset: 0; opacity: .05; mix-blend-mode: overlay;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .6 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
}
@media (prefers-reduced-motion: reduce) {
    .kk-bg__mesh { animation: none; }
}

.kk-appbar {
    position: sticky; top: 12px; z-index: 60;
    margin: 12px clamp(12px, 3vw, 28px) 0;
    border-radius: var(--r-lg);
}
.kk-appbar__inner {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 18px;
    padding: 10px 14px;
}
.kk-brand {
    display: inline-flex; gap: 12px; align-items: center;
    text-decoration: none; color: var(--text);
    padding: 6px 10px; border-radius: 12px;
    transition: background var(--dur) var(--ease);
}
.kk-brand:hover { background: var(--panel-2); text-decoration: none; }
.kk-brand__logo {
    height: 26px; width: auto;
    display: block;
    filter: drop-shadow(0 2px 10px rgba(252, 205, 28, .25));
}
.kk-brand__divider {
    width: 1px; height: 22px;
    background: linear-gradient(180deg, transparent, var(--stroke-strong), transparent);
    margin: 0 2px;
}
.kk-brand__text { display: flex; flex-direction: column; line-height: 1.1; }
.kk-brand__name {
    font-weight: 800;
    letter-spacing: .01em;
    font-size: 15px;
    color: #FCCD1C;  
    text-shadow: 0 1px 0 rgba(252, 205, 28, .15);
}
.kk-brand__sub { font-size: 10.5px; color: var(--muted); letter-spacing: .12em; text-transform: uppercase; }

.kk-appbar__search { display: flex; justify-content: center; }
.kk-kbar-trigger {
    width: 100%; max-width: 560px;
    display: inline-flex; align-items: center; gap: 10px;
    padding: 9px 12px;
    background: var(--panel-2);
    border: 1px solid var(--stroke);
    border-radius: 12px;
    color: var(--muted);
    font: inherit;
    cursor: pointer;
    transition: border-color var(--dur) var(--ease), background var(--dur) var(--ease), transform var(--dur) var(--ease);
}
.kk-kbar-trigger:hover { border-color: var(--stroke-strong); background: var(--panel); color: var(--text); }
.kk-kbar-trigger:active { transform: translateY(1px); }
.kk-kbar-trigger span { flex: 1; text-align: left; font-size: 13px; }
.kk-kbd {
    display: inline-flex; align-items: center; justify-content: center;
    padding: 2px 6px; min-width: 22px; height: 22px;
    border-radius: 6px; font-size: 11px; font-weight: 600;
    color: var(--muted); background: var(--kbd);
    border: 1px solid var(--stroke);
}

.kk-appbar__actions { display: inline-flex; align-items: center; gap: 8px; }
.kk-chip {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 8px 12px; border-radius: 10px;
    font-size: 12px; font-weight: 500;
    color: var(--text); background: var(--panel-2);
    border: 1px solid var(--stroke);
    transition: border-color var(--dur) var(--ease), transform var(--dur) var(--ease), background var(--dur) var(--ease);
}
.kk-chip:hover { text-decoration: none; border-color: var(--stroke-strong); transform: translateY(-1px); }
.kk-icon-btn {
    width: 38px; height: 38px; display: inline-flex; align-items: center; justify-content: center;
    border-radius: 10px; color: var(--text);
    background: var(--panel-2); border: 1px solid var(--stroke);
    cursor: pointer; transition: border-color var(--dur) var(--ease), background var(--dur) var(--ease);
}
.kk-icon-btn:hover { border-color: var(--stroke-strong); }
.kk-icon-btn .kk-ic-sun { display: none; }
html[data-theme="light"] .kk-icon-btn .kk-ic-sun  { display: block; }
html[data-theme="light"] .kk-icon-btn .kk-ic-moon { display: none; }

.kk-hero { padding: clamp(28px, 5vw, 64px) clamp(12px, 3vw, 28px) 0; }
.kk-hero__inner {
    max-width: 1280px; margin: 0 auto;
    display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
    gap: clamp(24px, 4vw, 56px);
    align-items: center;
}
@media (max-width: 960px) { .kk-hero__inner { grid-template-columns: 1fr; } }

.kk-pill {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 6px 12px; border-radius: 999px;
    font-size: 12px; color: var(--text);
    background: var(--panel-2); border: 1px solid var(--stroke);
    backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
}
.kk-pulse {
    width: 8px; height: 8px; border-radius: 50%;
    background: #34D399;
    box-shadow: 0 0 0 0 rgba(52, 211, 153, .7);
    animation: kk-pulse 1.8s infinite;
}
@keyframes kk-pulse {
    0%   { box-shadow: 0 0 0 0 rgba(52, 211, 153, .6); }
    70%  { box-shadow: 0 0 0 12px rgba(52, 211, 153, 0); }
    100% { box-shadow: 0 0 0 0 rgba(52, 211, 153, 0); }
}

.kk-hero__title {
    margin: 14px 0 14px;
    font-size: clamp(36px, 5.2vw, 64px);
    line-height: 1.03;
    letter-spacing: -0.03em;
    font-weight: 800;
    color: var(--text-strong);
    min-height: 3.1em;  
    transition: opacity 320ms var(--ease), transform 320ms var(--ease), filter 320ms var(--ease);
    will-change: opacity, transform, filter;
}
.kk-hero__title-lead, .kk-hero__title-accent { display: block; }
.kk-hero__title.is-leaving {
    opacity: 0;
    transform: translateY(-10px);
    filter: blur(8px);
}
.kk-hero__title.is-entering {
    opacity: 0;
    transform: translateY(12px);
    filter: blur(8px);
}
.kk-grad-text {
    display: inline-block;
    background: var(--grad-text);
    -webkit-background-clip: text; background-clip: text; color: transparent;
    filter: drop-shadow(0 6px 20px rgba(167,139,250,.18));
}
.kk-hero__lead {
    max-width: 56ch; margin: 0 0 22px;
    color: var(--muted); font-size: 16px; line-height: 1.65;
    min-height: 5em;  
    transition: opacity 320ms var(--ease), transform 320ms var(--ease), filter 320ms var(--ease);
    will-change: opacity, transform, filter;
}
.kk-hero__lead.is-leaving {
    opacity: 0;
    transform: translateY(-6px);
    filter: blur(6px);
}
.kk-hero__lead.is-entering {
    opacity: 0;
    transform: translateY(8px);
    filter: blur(6px);
}
.kk-hero__cta { display: flex; flex-wrap: wrap; gap: 10px; }
.kk-btn {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 11px 16px; border-radius: 12px;
    font-weight: 600; font-size: 14px;
    border: 1px solid transparent; cursor: pointer;
    transition: transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease), border-color var(--dur) var(--ease), background var(--dur) var(--ease);
}
.kk-btn--primary {
    color: #0B0D12;
    background: var(--grad);
    box-shadow: 0 10px 30px -10px rgba(167,139,250,.6), inset 0 1px 0 rgba(255,255,255,.6);
}
.kk-btn--primary:hover { transform: translateY(-1px); text-decoration: none; box-shadow: 0 18px 40px -12px rgba(167,139,250,.7), inset 0 1px 0 rgba(255,255,255,.7); }
.kk-btn--ghost {
    color: var(--text);
    background: var(--panel-2);
    border-color: var(--stroke);
}
.kk-btn--ghost:hover { border-color: var(--stroke-strong); text-decoration: none; }

.kk-bento {
    display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}
.kk-bento__card {
    border-radius: var(--r-lg);
    padding: 18px 18px 16px;
    position: relative; overflow: hidden;
    min-height: 150px;                 
    display: flex; flex-direction: column; gap: 4px;
    transition: transform var(--dur) var(--ease), border-color var(--dur) var(--ease);
}

.kk-bento__card [data-bento-label],
.kk-bento__card [data-bento-value],
.kk-bento__card [data-bento-hint],
.kk-bento__card .kk-envs,
.kk-bento__card .kk-status__text {
    transition: opacity 220ms var(--ease), transform 220ms var(--ease), filter 220ms var(--ease);
}
.kk-bento__card.is-swapping [data-bento-label],
.kk-bento__card.is-swapping [data-bento-value],
.kk-bento__card.is-swapping [data-bento-hint],
.kk-bento__card.is-swapping .kk-envs,
.kk-bento__card.is-swapping .kk-status__text {
    opacity: 0;
    transform: translateY(-6px);
    filter: blur(3px);
}
.kk-bento__card:hover { transform: translateY(-2px); border-color: var(--stroke-strong); }
.kk-bento__card::before {
    content: ""; position: absolute; inset: -1px;
    background: var(--grad-soft);
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask-composite: exclude; -webkit-mask-composite: xor;
    padding: 1px; border-radius: inherit; pointer-events: none; opacity: .6;
}
.kk-bento__label { display: block; font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); }
.kk-bento__value { display: block; font-size: 28px; font-weight: 800; margin-top: 4px; letter-spacing: -.02em; color: var(--text-strong); }
.kk-bento__value--mono { font-size: 15px; font-weight: 600; word-break: break-all; }
.kk-bento__hint { display: block; font-size: 12px; color: var(--muted-2); margin-top: 4px; }
.kk-bento__card[data-accent="cyan"]   { box-shadow: inset 0 0 0 1px rgba(34,211,238,.18), var(--shadow-1); }
.kk-bento__card[data-accent="violet"] { box-shadow: inset 0 0 0 1px rgba(167,139,250,.20), var(--shadow-1); }
.kk-bento__card[data-accent="pink"]   { box-shadow: inset 0 0 0 1px rgba(240,171,252,.20), var(--shadow-1); }
.kk-bento__card[data-accent="emerald"]{ box-shadow: inset 0 0 0 1px rgba(52,211,153,.20),  var(--shadow-1); }

.kk-bento__card--envs { padding-bottom: 14px; }
.kk-envs { display: grid; gap: 8px; margin-top: 8px; }
.kk-envs[hidden] { display: none; }
.kk-env {
    display: flex; align-items: center; gap: 10px;
    padding: 8px 10px; border-radius: 10px;
    color: var(--text); text-decoration: none;
    background: var(--panel-2); border: 1px solid var(--stroke);
    transition: border-color var(--dur) var(--ease), transform var(--dur) var(--ease), background var(--dur) var(--ease);
    position: relative;
}
.kk-env:hover { border-color: var(--stroke-strong); transform: translateY(-1px); text-decoration: none; }

.kk-env__dot {
    width: 8px; height: 8px; border-radius: 50%;
    background: #34D399;
    flex: 0 0 8px;
    position: relative;
    box-shadow: 0 0 0 0 rgba(52, 211, 153, .55);
    animation: kk-env-pulse 2.2s var(--ease) infinite;
}

.kk-env#kk-env-stage .kk-env__dot { animation-delay: -1.1s; }
@keyframes kk-env-pulse {
    0%   { box-shadow: 0 0 0 0 rgba(52, 211, 153, .55); }
    70%  { box-shadow: 0 0 0 10px rgba(52, 211, 153, 0); }
    100% { box-shadow: 0 0 0 0 rgba(52, 211, 153, 0); }
}

.kk-env.is-active .kk-env__dot {
    background: #4ADE80;
    animation: kk-env-pulse-strong 1.6s var(--ease) infinite;
}
@keyframes kk-env-pulse-strong {
    0%   { box-shadow: 0 0 0 0 rgba(74, 222, 128, .75), 0 0 12px 0 rgba(74, 222, 128, .6); }
    70%  { box-shadow: 0 0 0 14px rgba(74, 222, 128, 0),   0 0 12px 0 rgba(74, 222, 128, 0); }
    100% { box-shadow: 0 0 0 0 rgba(74, 222, 128, 0),      0 0 12px 0 rgba(74, 222, 128, 0); }
}

.kk-env__meta { display: flex; flex-direction: column; line-height: 1.15; min-width: 0; }
.kk-env__label { font-size: 11px; color: var(--muted); letter-spacing: .08em; text-transform: uppercase; }
.kk-env__url {
    font-family: "JetBrains Mono", ui-monospace, monospace;
    font-size: 13px; font-weight: 600; color: var(--text-strong);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.kk-env.is-active { border-color: color-mix(in srgb, #34D399 45%, var(--stroke)); background: color-mix(in srgb, #34D399 8%, var(--panel-2)); }
.kk-env.is-active .kk-env__label { color: #34D399; }

.kk-bento__card--status { padding-bottom: 14px; }
.kk-status {
    display: flex; align-items: center; gap: 10px;
    margin: 6px 0 6px;
    position: relative;
}
.kk-status__dot {
    width: 10px; height: 10px; border-radius: 50%;
    background: #4ADE80;
    box-shadow: 0 0 0 0 rgba(74, 222, 128, .7), 0 0 12px 0 rgba(74, 222, 128, .55);
    animation: kk-env-pulse-strong 1.6s var(--ease) infinite;
    flex: 0 0 10px;
    position: relative; z-index: 1;
}
.kk-status__ring {
    position: absolute; left: -2px; top: 50%; transform: translateY(-50%);
    width: 14px; height: 14px; border-radius: 50%;
    border: 1px solid rgba(74, 222, 128, .55);
    opacity: 0;
    animation: kk-status-ring 2.4s var(--ease) infinite;
}
@keyframes kk-status-ring {
    0%   { transform: translateY(-50%) scale(.7); opacity: .9; }
    80%  { transform: translateY(-50%) scale(2.3); opacity: 0; }
    100% { transform: translateY(-50%) scale(2.3); opacity: 0; }
}
.kk-status__text {
    font-weight: 700; letter-spacing: -.01em;
    font-size: 17px; color: var(--text-strong);
    background: linear-gradient(135deg, #86EFAC, #34D399);
    -webkit-background-clip: text; background-clip: text; color: transparent;
}

html[data-theme="light"] .kk-status__text {
    background: linear-gradient(135deg, #059669, #065F46);
    -webkit-background-clip: text; background-clip: text; color: transparent;
}
html[data-theme="light"] .kk-status__dot {
    background: #059669;
    box-shadow: 0 0 0 0 rgba(5, 150, 105, .55), 0 0 12px 0 rgba(5, 150, 105, .35);
    animation-name: kk-env-pulse-strong-light;
}
@keyframes kk-env-pulse-strong-light {
    0%   { box-shadow: 0 0 0 0 rgba(5, 150, 105, .6), 0 0 10px 0 rgba(5, 150, 105, .4); }
    70%  { box-shadow: 0 0 0 14px rgba(5, 150, 105, 0), 0 0 10px 0 rgba(5, 150, 105, 0); }
    100% { box-shadow: 0 0 0 0 rgba(5, 150, 105, 0), 0 0 10px 0 rgba(5, 150, 105, 0); }
}
html[data-theme="light"] .kk-status__ring { border-color: rgba(5, 150, 105, .55); }

@media (prefers-reduced-motion: reduce) {
    .kk-env__dot, .kk-status__dot, .kk-status__ring { animation: none !important; }
}

.kk-features { padding: 48px clamp(12px, 3vw, 28px) 8px; }
.kk-features__inner {
    max-width: 1280px; margin: 0 auto;
    display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px;
}
@media (max-width: 900px) { .kk-features__inner { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) { .kk-features__inner { grid-template-columns: 1fr; } }

.kk-feature {
    display: flex; gap: 12px; align-items: flex-start;
    padding: 16px;
    background: var(--panel); border: 1px solid var(--stroke);
    border-radius: var(--r-md);
    backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
    transition: border-color var(--dur) var(--ease), transform var(--dur) var(--ease);
}
.kk-feature:hover { border-color: var(--stroke-strong); transform: translateY(-1px); }
.kk-feature h4 { margin: 0 0 4px; font-size: 14px; letter-spacing: -.01em; }
.kk-feature p  { margin: 0; font-size: 12.5px; color: var(--muted); line-height: 1.55; }
.kk-feature__ic {
    width: 34px; height: 34px; flex: 0 0 34px;
    display: grid; place-items: center; border-radius: 10px;
    color: #0B0D12; background: var(--grad);
}
.kk-feature__ic[data-accent="cyan"]    { background: linear-gradient(135deg,#67E8F9,#22D3EE); }
.kk-feature__ic[data-accent="violet"]  { background: linear-gradient(135deg,#C4B5FD,#8B5CF6); }
.kk-feature__ic[data-accent="pink"]    { background: linear-gradient(135deg,#FBCFE8,#F0ABFC); }
.kk-feature__ic[data-accent="emerald"] { background: linear-gradient(135deg,#86EFAC,#34D399); }

.kk-docs { padding: 28px clamp(12px, 3vw, 28px) 64px; }
.kk-docs__inner {
    max-width: 1280px; margin: 0 auto;
    display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 20px;
    align-items: start;
}
@media (max-width: 960px) { .kk-docs__inner { grid-template-columns: 1fr; } }

.kk-docs__inner { grid-template-columns: 300px minmax(0, 1fr); }
@media (max-width: 960px) { .kk-docs__inner { grid-template-columns: 1fr; } }

.kk-sidenav {
    position: sticky; top: 80px;
    max-height: calc(100vh - 100px);
    display: flex; flex-direction: column;
    border-radius: var(--r-lg);
    padding: 10px 10px 8px;
}
.kk-sidenav__head {
    display: flex; align-items: center; justify-content: space-between;
    padding: 6px 8px 10px;
}
.kk-sidenav__title {
    font-size: 11px; letter-spacing: .14em; text-transform: uppercase;
    color: var(--muted); font-weight: 700;
}
.kk-sidenav__collapse-all {
    width: 22px; height: 22px;
    display: inline-flex; align-items: center; justify-content: center;
    background: transparent; border: 1px solid var(--stroke);
    border-radius: 6px; color: var(--muted); cursor: pointer;
    transition: border-color var(--dur) var(--ease), color var(--dur) var(--ease);
}
.kk-sidenav__collapse-all:hover { border-color: var(--stroke-strong); color: var(--text); }

.kk-sidenav__nav {
    flex: 1 1 auto; overflow-y: auto;
    margin: 0 -4px; padding: 0 4px 4px;
    display: grid; gap: 4px;
    scrollbar-width: thin;
}
.kk-sidenav__nav::-webkit-scrollbar { width: 6px; }
.kk-sidenav__nav::-webkit-scrollbar-thumb { background: var(--stroke-strong); border-radius: 4px; }

.kk-sidenav__empty { padding: 8px 10px; color: var(--muted); font-size: 13px; }

.kk-sidenav__group { display: grid; gap: 2px; }
.kk-sidenav__group-toggle {
    width: 100%;
    display: grid;
    grid-template-columns: auto 1fr auto auto;
    align-items: center; gap: 8px;
    padding: 8px 10px;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 10px;
    font-family: inherit; font-size: 13px; font-weight: 600;
    color: var(--text); cursor: pointer; text-align: left;
    transition: background var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease);
}
.kk-sidenav__group-toggle:hover { background: var(--panel-2); border-color: var(--stroke); }
.kk-sidenav__group.is-active > .kk-sidenav__group-toggle { color: var(--text-strong); }
.kk-sidenav__dot {
    width: 8px; height: 8px; border-radius: 50%;
    background: var(--grad);
    box-shadow: 0 0 0 3px rgba(167,139,250,.12);
    flex: 0 0 8px;
}
.kk-sidenav__group-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kk-sidenav__count {
    font-size: 10.5px; font-weight: 700;
    color: var(--muted); background: var(--kbd);
    border: 1px solid var(--stroke); padding: 2px 7px; border-radius: 999px;
    min-width: 22px; text-align: center;
}
.kk-sidenav__chev {
    color: var(--muted);
    transition: transform var(--dur) var(--ease);
}
.kk-sidenav__group.is-open > .kk-sidenav__group-toggle .kk-sidenav__chev { transform: rotate(90deg); }

.kk-sidenav__ops {
    list-style: none; margin: 0; padding: 2px 0 6px 8px;
    display: none; gap: 1px;
    border-left: 1px dashed var(--stroke);
    margin-left: 13px;
}
.kk-sidenav__group.is-open > .kk-sidenav__ops { display: grid; }

.kk-sidenav__op {
    display: grid;
    grid-template-columns: 58px 1fr;
    align-items: center; gap: 8px;
    padding: 6px 8px; border-radius: 8px;
    font-size: 12.5px; color: var(--text);
    cursor: pointer;
    border: 1px solid transparent;
    transition: background var(--dur) var(--ease), border-color var(--dur) var(--ease), transform var(--dur) var(--ease);
}
.kk-sidenav__op:hover { background: var(--panel-2); border-color: var(--stroke); transform: translateX(1px); }
.kk-sidenav__op.is-active {
    background: color-mix(in srgb, #A78BFA 12%, var(--panel-2));
    border-color: color-mix(in srgb, #A78BFA 40%, var(--stroke));
}
.kk-sidenav__op.is-active .kk-sidenav__op-summary { color: var(--text-strong); }

.kk-sidenav__verb {
    display: inline-flex; align-items: center; justify-content: center;
    width: 52px; height: 20px;
    padding: 0 6px; border-radius: 999px;
    font: 700 9.5px/1 "JetBrains Mono", ui-monospace, monospace;
    letter-spacing: .08em; text-transform: uppercase;
    color: #0B0D12;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
}

.kk-sidenav__verb--get     { background: #22C55E; color: #0B0D12; }  
.kk-sidenav__verb--post    { background: #EAB308; color: #0B0D12; }  
.kk-sidenav__verb--put     { background: #F97316; color: #0B0D12; }  
.kk-sidenav__verb--patch   { background: #10B981; color: #FFFFFF; }  
.kk-sidenav__verb--delete  { background: #EF4444; color: #FFFFFF; }  
.kk-sidenav__verb--head    { background: #64748B; color: #FFFFFF; }  
.kk-sidenav__verb--options { background: #EC4899; color: #FFFFFF; }  

.kk-sidenav__op-summary {
    min-width: 0;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    color: var(--muted);
}
.kk-sidenav__op:hover .kk-sidenav__op-summary { color: var(--text); }

.kk-sidenav__group--static > .kk-sidenav__group-toggle { cursor: pointer; }
.kk-sidenav__group--static > .kk-sidenav__group-toggle .kk-sidenav__chev { display: none; }

.kk-sidenav__foot {
    margin-top: 8px; padding-top: 10px;
    border-top: 1px dashed var(--stroke);
    display: flex; align-items: center; gap: 4px;
    font-size: 11px; color: var(--muted);
}
.kk-sidenav__foot .kk-kbd + span { margin-left: 4px; }

.kk-swagger {
    border-radius: var(--r-lg);
    padding: 8px;
    overflow: hidden;
}

.kk-swagger.glass {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.kk-quickstart { padding: 12px clamp(12px, 3vw, 28px) 40px; }
.kk-quickstart__inner { max-width: 1280px; margin: 0 auto; }
.kk-quickstart__head { max-width: 68ch; margin-bottom: 20px; }
.kk-quickstart__eyebrow {
    display: inline-block; margin-bottom: 10px;
    font-size: 11px; letter-spacing: .16em; text-transform: uppercase;
    color: #FCCD1C; font-weight: 700;
}
.kk-quickstart__title {
    margin: 0 0 10px;
    font-size: clamp(24px, 3.2vw, 34px);
    letter-spacing: -.02em; font-weight: 800;
    color: var(--text-strong);
}
.kk-quickstart__lead { margin: 0; color: var(--muted); font-size: 14.5px; line-height: 1.65; }

.kk-tabs {
    display: inline-flex; flex-wrap: wrap; gap: 4px;
    padding: 6px;
    border-radius: 12px;
    margin-bottom: 12px;
    border: 1px solid var(--stroke);
    background: var(--panel);
}
.kk-tab {
    display: inline-flex; align-items: center; justify-content: center;
    padding: 8px 14px;
    border-radius: 8px;
    font: 600 13px/1 inherit;
    color: var(--muted);
    background: transparent; border: 0;
    cursor: pointer;
    transition: color var(--dur) var(--ease), background var(--dur) var(--ease);
}
.kk-tab:hover { color: var(--text); background: var(--panel-2); }
.kk-tab.is-active {
    color: #0B0D12;
    background: linear-gradient(135deg, #FDE047 0%, #FCCD1C 45%, #F59E0B 100%);
    box-shadow: 0 6px 16px -8px rgba(252,205,28,.6), inset 0 1px 0 rgba(255,255,255,.5);
}
html[data-theme="light"] .kk-tab.is-active { color: #0B0D12; }

.kk-tabpanels {
    position: relative;
    border-radius: var(--r-lg);
    border: 1px solid var(--stroke);
    background: var(--panel);
    box-shadow: var(--shadow-1);
}
.kk-tabpanel {
    margin: 0;
    padding: 18px 20px;
    font-family: "JetBrains Mono", ui-monospace, monospace;
    font-size: 13px; line-height: 1.65;
    color: var(--text);
    overflow-x: auto;
    white-space: pre;
}
.kk-tabpanel[hidden] { display: none; }
.kk-tabpanel code { background: transparent; font: inherit; }
html[data-theme="light"] .kk-tabpanel { background: #F3F5F9; border-radius: var(--r-lg); }

.kk-tabpanels__copy {
    position: absolute;
    top: 10px; right: 10px;
    display: inline-flex; align-items: center; gap: 6px;
    padding: 6px 10px;
    border-radius: 8px;
    font: 600 11.5px/1 inherit;
    color: var(--text);
    background: var(--panel-2);
    border: 1px solid var(--stroke);
    cursor: pointer;
    transition: border-color var(--dur) var(--ease), transform var(--dur) var(--ease);
}
.kk-tabpanels__copy:hover { border-color: var(--stroke-strong); }
.kk-tabpanels__copy.is-copied {
    color: #0B0D12;
    background: linear-gradient(135deg, #86EFAC, #34D399);
    border-color: transparent;
}
html[data-theme="light"] .kk-tabpanels__copy {
    background: #1F2937;
    border-color: #0F172A;
    color: #F8FAFC;
}
html[data-theme="light"] .kk-tabpanels__copy:hover { background: #0F172A; }

.kk-quickstart__notes {
    margin-top: 14px;
    display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px;
    font-size: 12.5px; color: var(--muted);
}
.kk-quickstart__chip {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 6px 10px;
    border-radius: 999px;
    background: var(--panel-2);
    border: 1px solid var(--stroke);
}
.kk-quickstart__chip code {
    font-family: "JetBrains Mono", ui-monospace, monospace;
    font-size: 12px; color: var(--text-strong);
    background: transparent; border: 0; padding: 0;
}
.kk-quickstart__chip-dot {
    width: 7px; height: 7px; border-radius: 50%;
    background: #34D399;
    box-shadow: 0 0 0 3px rgba(52,211,153,.2);
}
.kk-quickstart__chip-note { color: var(--muted-2); }
.kk-quickstart__finerow {
    display: inline-flex; align-items: center; gap: 6px;
    color: var(--muted); text-decoration: none;
}
.kk-quickstart__finerow:hover { color: var(--text); }

.kk-footer { padding: 28px clamp(12px, 3vw, 28px) 36px; }
.kk-footer__cta {
    max-width: 1280px; margin: 0 auto 20px;
    display: flex; flex-wrap: wrap; gap: 12px;
    padding: 18px 20px;
    border-radius: var(--r-lg);
    background: var(--panel);
    border: 1px solid var(--stroke);
    backdrop-filter: blur(var(--blur));
    -webkit-backdrop-filter: blur(var(--blur));
    box-shadow: var(--ring), var(--shadow-1);
}
.kk-footer__cta .kk-btn { flex: 0 1 auto; }
.kk-footer__inner {
    max-width: 1280px; margin: 0 auto;
    display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px;
    font-size: 12.5px; color: var(--muted);
}

.swagger-ui {
    color: var(--text);
    font-family: inherit;
}
.swagger-ui, .swagger-ui *, .swagger-ui *::before, .swagger-ui *::after {
    border-color: var(--stroke) !important;
}
.swagger-ui .wrapper { padding: 0 12px; max-width: 100%; }
.swagger-ui .scheme-container {
    background: transparent; box-shadow: none; padding: 12px;
    border-bottom: 1px solid var(--stroke);
}
.swagger-ui .information-container { display: none; }  
.swagger-ui .topbar { display: none; }
.swagger-ui .schemes > label select { background: var(--panel-2); color: var(--text); }

.swagger-ui .opblock-tag {
    color: var(--text-strong);
    font-family: inherit; font-weight: 700; letter-spacing: -.01em;
    border: 1px solid var(--stroke) !important;
    background: var(--panel); border-radius: var(--r-md);
    margin: 10px 0; padding: 12px 14px;
}
.swagger-ui .opblock-tag:hover { background: var(--panel-2); }
.swagger-ui .opblock-tag small { color: var(--muted); font-weight: 500; }
.swagger-ui .opblock-tag-section h3 { color: var(--text-strong); }

.swagger-ui .opblock {
    background: var(--panel) !important;
    border: 1px solid var(--stroke) !important;
    border-radius: var(--r-md) !important;
    box-shadow: var(--shadow-1);
    margin: 10px 0;
    transition: border-color var(--dur) var(--ease), transform var(--dur) var(--ease);
}
.swagger-ui .opblock:hover { border-color: var(--stroke-strong) !important; }
.swagger-ui .opblock .opblock-summary {
    border: 0 !important;
    padding: 10px 12px;
    gap: 8px;
}
.swagger-ui .opblock .opblock-summary-path,
.swagger-ui .opblock .opblock-summary-path__deprecated,
.swagger-ui .opblock .opblock-summary-path a,
.swagger-ui .opblock .opblock-summary-description {
    color: var(--text) !important;
    font-family: "JetBrains Mono", ui-monospace, monospace;
    font-size: 13px;
}
.swagger-ui .opblock .opblock-summary-description { color: var(--muted) !important; font-family: "Inter", sans-serif; }

.swagger-ui .opblock .opblock-summary-method {
    min-width: 80px; height: 28px;
    display: inline-flex; align-items: center; justify-content: center;
    border-radius: 999px !important;
    font-family: "JetBrains Mono", monospace;
    font-weight: 700; font-size: 11.5px; letter-spacing: .08em;
    color: #0B0D12 !important;
    text-shadow: none; box-shadow: 0 6px 18px -10px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.5);
    padding: 0 14px;
}
.swagger-ui .opblock.opblock-get    .opblock-summary-method { background: linear-gradient(135deg,#4ADE80,#22C55E); color: #0B0D12 !important; }
.swagger-ui .opblock.opblock-post   .opblock-summary-method { background: linear-gradient(135deg,#FDE047,#EAB308); color: #0B0D12 !important; }
.swagger-ui .opblock.opblock-put    .opblock-summary-method { background: linear-gradient(135deg,#FB923C,#F97316); color: #0B0D12 !important; }
.swagger-ui .opblock.opblock-patch  .opblock-summary-method { background: linear-gradient(135deg,#34D399,#10B981); color: #FFFFFF !important; }
.swagger-ui .opblock.opblock-delete .opblock-summary-method { background: linear-gradient(135deg,#F87171,#EF4444); color: #FFFFFF !important; }
.swagger-ui .opblock.opblock-head   .opblock-summary-method { background: linear-gradient(135deg,#94A3B8,#64748B); color: #FFFFFF !important; }
.swagger-ui .opblock.opblock-options .opblock-summary-method{ background: linear-gradient(135deg,#F472B6,#EC4899); color: #FFFFFF !important; }

.swagger-ui .opblock.opblock-get    { border-left: 3px solid color-mix(in srgb, var(--get)   55%, transparent) !important; }
.swagger-ui .opblock.opblock-post   { border-left: 3px solid color-mix(in srgb, var(--post)  55%, transparent) !important; }
.swagger-ui .opblock.opblock-put    { border-left: 3px solid color-mix(in srgb, var(--put)   55%, transparent) !important; }
.swagger-ui .opblock.opblock-delete { border-left: 3px solid color-mix(in srgb, var(--del)   55%, transparent) !important; }
.swagger-ui .opblock.opblock-patch  { border-left: 3px solid color-mix(in srgb, var(--patch) 55%, transparent) !important; }

.swagger-ui .opblock .opblock-body,
.swagger-ui .opblock .opblock-section-header {
    background: transparent !important;
    box-shadow: none !important;
}
.swagger-ui .opblock-section-header { border-top: 1px solid var(--stroke) !important; padding: 12px; }
.swagger-ui .opblock-section-header h4,
.swagger-ui .opblock .opblock-section-header label { color: var(--text) !important; }
.swagger-ui .parameters-col_description,
.swagger-ui .response-col_description,
.swagger-ui .response-col_description__inner p,
.swagger-ui .parameter__name,
.swagger-ui .parameter__type,
.swagger-ui .parameter__in,
.swagger-ui table thead tr td,
.swagger-ui table thead tr th { color: var(--text) !important; }
.swagger-ui .parameter__name.required::after { color: var(--err); }

.swagger-ui .btn {
    background: var(--panel-2) !important;
    color: var(--text) !important;
    border: 1px solid var(--stroke) !important;
    border-radius: 10px !important;
    font-family: inherit; font-weight: 600;
    transition: transform var(--dur) var(--ease), border-color var(--dur) var(--ease);
}
.swagger-ui .btn:hover { border-color: var(--stroke-strong) !important; transform: translateY(-1px); }

.swagger-ui .btn.authorize {
    background: linear-gradient(135deg, #FDE047 0%, #FCCD1C 45%, #F59E0B 100%) !important;
    color: #0B0D12 !important;
    border: 0 !important;
    border-radius: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .01em;
    box-shadow:
        0 12px 28px -14px rgba(252, 205, 28, .65),
        inset 0 1px 0 rgba(255, 255, 255, .55) !important;
    transition: transform 160ms var(--ease), box-shadow 160ms var(--ease), filter 160ms var(--ease) !important;
}
.swagger-ui .btn.authorize:hover {
    transform: translateY(-1px);
    filter: brightness(1.06) saturate(1.05);
    box-shadow:
        0 18px 36px -14px rgba(252, 205, 28, .8),
        inset 0 1px 0 rgba(255, 255, 255, .65) !important;
}
.swagger-ui .btn.authorize:active { transform: translateY(0); }
.swagger-ui .btn.authorize svg, .swagger-ui .btn.authorize path { fill: #0B0D12 !important; }

.swagger-ui .btn.execute {
    background: linear-gradient(135deg, #FDE047 0%, #F59E0B 55%, #D97706 100%) !important;
    color: #0B0D12 !important;
    border: 0 !important;
    border-radius: 12px !important;
    font-weight: 800 !important;
    letter-spacing: .02em;
    text-shadow: 0 1px 0 rgba(255,255,255,.25);
    box-shadow:
        0 12px 28px -14px rgba(245, 158, 11, .6),
        inset 0 1px 0 rgba(255, 255, 255, .55) !important;
    transition: transform 160ms var(--ease), box-shadow 160ms var(--ease), filter 160ms var(--ease) !important;
}
.swagger-ui .btn.execute:hover {
    transform: translateY(-1px);
    filter: brightness(1.05) saturate(1.1);
    box-shadow:
        0 18px 36px -14px rgba(245, 158, 11, .75),
        inset 0 1px 0 rgba(255, 255, 255, .65) !important;
}
.swagger-ui .btn.execute:active { transform: translateY(0); }

.swagger-ui .scheme-container .btn.authorize {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 38px !important;
    min-width: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    border-radius: 12px !important;
}

.swagger-ui .dialog-ux .btn.authorize {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 8px 18px !important;
    min-width: 120px;
    border-radius: 10px !important;
}

.swagger-ui input[type="text"],
.swagger-ui input[type="password"],
.swagger-ui input[type="search"],
.swagger-ui input[type="email"],
.swagger-ui input[type="file"],
.swagger-ui textarea,
.swagger-ui select {
    background: var(--bg-2) !important;
    color: var(--text) !important;
    border: 1px solid var(--stroke) !important;
    border-radius: 10px !important;
    padding: 8px 10px !important;
    font-family: "JetBrains Mono", monospace;
    font-size: 13px;
}
.swagger-ui textarea:focus,
.swagger-ui select:focus,
.swagger-ui input:focus {
    outline: none; border-color: #A78BFA !important;
    box-shadow: 0 0 0 4px rgba(167,139,250,.18) !important;
}

.swagger-ui section.models {
    background: var(--panel) !important;
    border: 1px solid var(--stroke) !important;
    border-radius: var(--r-md);
}
.swagger-ui section.models h4 { padding: 14px 16px !important; }
.swagger-ui section.models h4 span,
.swagger-ui section.models h4 button,
.swagger-ui section.models h4 svg {
    color: var(--text-strong) !important;
    fill: var(--text-strong) !important;
}
.swagger-ui section.models h4 button { background: transparent !important; border: 0 !important; }

.swagger-ui .json-schema-2020-12,
.swagger-ui .json-schema-2020-12 * { color: var(--text) !important; }
.swagger-ui .json-schema-2020-12 {
    background: var(--panel-2) !important;
    border: 1px solid var(--stroke) !important;
    border-radius: 10px !important;
    margin: 8px 12px !important;
    padding: 4px 6px !important;
}
.swagger-ui .json-schema-2020-12:hover { border-color: var(--stroke-strong) !important; }
.swagger-ui .json-schema-2020-12-head {
    background: transparent !important;
    padding: 6px 10px !important;
}
.swagger-ui .json-schema-2020-12-accordion,
.swagger-ui .json-schema-2020-12-expand-deep-button {
    background: transparent !important;
    border: 0 !important;
    color: var(--text) !important;
}
.swagger-ui .json-schema-2020-12__title {
    color: var(--text-strong) !important;
    font-family: "JetBrains Mono", ui-monospace, monospace !important;
    font-weight: 700 !important;
    font-size: 13.5px !important;
    letter-spacing: -.01em;
    opacity: 1 !important;
    -webkit-text-fill-color: var(--text-strong) !important;
}
.swagger-ui .json-schema-2020-12__type {
    color: #A78BFA !important;
    font-family: "JetBrains Mono", ui-monospace, monospace !important;
    font-weight: 600 !important;
    opacity: 1 !important;
}
.swagger-ui .json-schema-2020-12-property .json-schema-2020-12__title {
    color: var(--text-strong) !important;
}
.swagger-ui .json-schema-2020-12-keyword,
.swagger-ui .json-schema-2020-12-keyword__name,
.swagger-ui .json-schema-2020-12-keyword__value {
    color: var(--text) !important;
}
.swagger-ui .json-schema-2020-12-keyword__name { color: var(--muted) !important; }

.swagger-ui .json-schema-2020-12-expand-deep-button {
    background: var(--kbd) !important;
    border: 1px solid var(--stroke) !important;
    border-radius: 999px !important;
    padding: 3px 10px !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
    letter-spacing: .04em;
    color: var(--text) !important;
    text-transform: uppercase;
    transition: border-color var(--dur) var(--ease);
}
.swagger-ui .json-schema-2020-12-expand-deep-button:hover { border-color: var(--stroke-strong) !important; }

.swagger-ui .json-schema-2020-12-accordion__icon svg { fill: var(--muted) !important; }
.swagger-ui .json-schema-2020-12-accordion:hover .json-schema-2020-12-accordion__icon svg { fill: var(--text) !important; }

.swagger-ui section.models.is-open h4 { color: var(--text-strong) !important; }
.swagger-ui section.models h4 span { color: var(--text) !important; }
.swagger-ui section.models .model-container {
    background: var(--panel-2) !important;
    border: 1px solid var(--stroke) !important;
    border-radius: 10px !important;
    margin: 8px 12px !important;
}
.swagger-ui section.models .model-container:hover { border-color: var(--stroke-strong) !important; }
.swagger-ui section.models .model-box { background: transparent !important; }
.swagger-ui .model-title,
.swagger-ui .model-title__text,
.swagger-ui .model-container .model-title,
.swagger-ui .model-container .model-title span {
    color: var(--text-strong) !important;
    font-family: "JetBrains Mono", ui-monospace, monospace !important;
    font-weight: 600 !important;
    opacity: 1 !important;
    -webkit-text-fill-color: var(--text-strong) !important;
}
.swagger-ui .model,
.swagger-ui .model .property,
.swagger-ui .model .prop-type,
.swagger-ui .model .prop-name,
.swagger-ui .model-toggle {
    color: var(--text) !important;
    opacity: 1 !important;
}
.swagger-ui .model .prop-type { color: #A78BFA !important; }
.swagger-ui .model .prop-name { color: var(--text-strong) !important; }
.swagger-ui .model .property.primitive { color: var(--muted) !important; }
.swagger-ui .model-toggle::after {
    filter: invert(1) brightness(1.4);
    opacity: .9;
}
html[data-theme="light"] .swagger-ui .model-toggle::after { filter: none; opacity: .8; }

.swagger-ui .models-control,
.swagger-ui .expand-methods,
.swagger-ui .expand-operation,
.swagger-ui button.model-box-control,
.swagger-ui .json-schema-form-item button,
.swagger-ui .model-box-control {
    color: var(--text) !important;
    background: var(--kbd) !important;
    border: 1px solid var(--stroke) !important;
    border-radius: 8px !important;
    padding: 2px 10px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: .02em;
}
.swagger-ui .models-control:hover,
.swagger-ui .model-box-control:hover { border-color: var(--stroke-strong) !important; }

.swagger-ui .opblock-tag small,
.swagger-ui .opblock-tag-section small,
.swagger-ui .opblock-tag small.renderedMarkdown p,
.swagger-ui .opblock-tag-section h3 small {
    color: var(--muted) !important;
    opacity: 1 !important;
}
.swagger-ui .opblock-tag small p { color: var(--muted) !important; margin: 0; }

.swagger-ui .opblock-description-wrapper,
.swagger-ui .opblock-description-wrapper p,
.swagger-ui .opblock-description-wrapper li,
.swagger-ui .opblock-description-wrapper div,
.swagger-ui .opblock-description-wrapper span,
.swagger-ui .opblock-description-wrapper em,
.swagger-ui .opblock-external-docs-wrapper,
.swagger-ui .opblock-external-docs-wrapper p,
.swagger-ui .opblock-external-docs-wrapper li,
.swagger-ui .renderedMarkdown,
.swagger-ui .renderedMarkdown p,
.swagger-ui .renderedMarkdown li,
.swagger-ui .renderedMarkdown td,
.swagger-ui .renderedMarkdown th,
.swagger-ui .markdown,
.swagger-ui .markdown p,
.swagger-ui .markdown li {
    color: var(--text) !important;
    opacity: 1 !important;
}
.swagger-ui .opblock-description-wrapper strong,
.swagger-ui .opblock-description-wrapper b,
.swagger-ui .opblock-description-wrapper h1,
.swagger-ui .opblock-description-wrapper h2,
.swagger-ui .opblock-description-wrapper h3,
.swagger-ui .opblock-description-wrapper h4,
.swagger-ui .opblock-description-wrapper h5,
.swagger-ui .opblock-description-wrapper h6,
.swagger-ui .renderedMarkdown strong,
.swagger-ui .renderedMarkdown h1,
.swagger-ui .renderedMarkdown h2,
.swagger-ui .renderedMarkdown h3,
.swagger-ui .renderedMarkdown h4,
.swagger-ui .renderedMarkdown h5,
.swagger-ui .renderedMarkdown h6,
.swagger-ui .markdown strong,
.swagger-ui .markdown h1,
.swagger-ui .markdown h2,
.swagger-ui .markdown h3,
.swagger-ui .markdown h4 {
    color: var(--text-strong) !important;
}
.swagger-ui .opblock-description-wrapper a,
.swagger-ui .renderedMarkdown a,
.swagger-ui .markdown a {
    color: #A78BFA !important;
}
.swagger-ui .opblock-description-wrapper code,
.swagger-ui .renderedMarkdown code,
.swagger-ui .markdown code,
.swagger-ui .opblock-description-wrapper :not(pre) > code {
    background: var(--code-bg) !important;
    color: var(--text-strong) !important;
    border: 1px solid var(--stroke) !important;
    border-radius: 6px !important;
    padding: 1px 6px !important;
    font-family: "JetBrains Mono", ui-monospace, monospace !important;
}
.swagger-ui .opblock-description-wrapper pre,
.swagger-ui .renderedMarkdown pre {
    background: var(--code-bg) !important;
    color: var(--text) !important;
    border: 1px solid var(--stroke) !important;
    border-radius: 10px !important;
}

.swagger-ui .scheme-container .btn.authorize span { display: none !important; }
.swagger-ui .scheme-container .btn.authorize svg {
    display: inline-block !important;
    width: 18px !important;
    height: 18px !important;
    fill: #0B0D12 !important;
    transition: transform 200ms var(--ease);
}
.swagger-ui .scheme-container .btn.authorize:hover svg { transform: rotate(-8deg) scale(1.08); }

.swagger-ui .dialog-ux .btn.authorize svg {
    display: inline-block !important;
    fill: currentColor !important;
    width: 14px !important;
    height: 14px !important;
    margin-right: 6px;
}
.swagger-ui .dialog-ux .btn.authorize span { display: inline-block !important; }

.swagger-ui .highlight-code, .swagger-ui pre.microlight, .swagger-ui .responses-inner pre {
    background: var(--code-bg) !important;
    color: var(--text) !important;
    border: 1px solid var(--stroke) !important;
    border-radius: var(--r-md) !important;
    padding: 12px !important;
}
.swagger-ui .copy-to-clipboard,
.swagger-ui div.copy-to-clipboard,
.swagger-ui .view-line-link.copy-to-clipboard {
    background-color: rgba(255, 255, 255, 0.06) !important;
    background-image: none !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
}
html[data-theme="light"] .swagger-ui .copy-to-clipboard,
html[data-theme="light"] .swagger-ui div.copy-to-clipboard,
html[data-theme="light"] .swagger-ui .view-line-link.copy-to-clipboard {
    background-color: #1F2937 !important;
    background-image: none !important;
    border: 1px solid #0F172A !important;
}
html[data-theme="light"] .swagger-ui .copy-to-clipboard:hover,
html[data-theme="light"] .swagger-ui div.copy-to-clipboard:hover,
html[data-theme="light"] .swagger-ui .view-line-link.copy-to-clipboard:hover {
    background-color: #0F172A !important;
    background-image: none !important;
}

html[data-theme="light"] .swagger-ui .highlight-code,
html[data-theme="light"] .swagger-ui pre.microlight,
html[data-theme="light"] .swagger-ui .responses-inner pre {
    background: #F3F5F9 !important;
    color: #0F172A !important;
    border-color: rgba(15, 23, 42, .12) !important;
}

html[data-theme="light"] .swagger-ui .microlight .hljs-string,
html[data-theme="light"] .swagger-ui pre .hljs-string,
html[data-theme="light"] .swagger-ui .highlight-code .hljs-string,
html[data-theme="light"] .swagger-ui .microlight span[class*="string"] {
    color: #064E3B !important;
    font-weight: 700 !important;
}

html[data-theme="light"] .swagger-ui .microlight span[style*="rgb(162, 252, 162)"],
html[data-theme="light"] .swagger-ui .microlight span[style*="rgb(162,252,162)"],
html[data-theme="light"] .swagger-ui .microlight span[style*="#a2fca2"],
html[data-theme="light"] .swagger-ui .microlight span[style*="#A2FCA2"] {
    color: #064E3B !important;
    font-weight: 700;
}
html[data-theme="light"] .swagger-ui .microlight span[style*="rgb(211, 99, 99)"],
html[data-theme="light"] .swagger-ui .microlight span[style*="rgb(211,99,99)"],
html[data-theme="light"] .swagger-ui .microlight span[style*="#d36363"],
html[data-theme="light"] .swagger-ui .microlight span[style*="#D36363"] {
    color: #B91C1C !important;
    font-weight: 700;
}
html[data-theme="light"] .swagger-ui .microlight span[style*="rgb(129, 162, 190)"],
html[data-theme="light"] .swagger-ui .microlight span[style*="rgb(181, 189, 104)"],
html[data-theme="light"] .swagger-ui .microlight span[style*="rgb(204, 153, 204)"] {
    color: #1D4ED8 !important;
    font-weight: 700;
}

.swagger-ui .opblock-body,
.swagger-ui .opblock-section,
.swagger-ui .opblock-section-request-body,
.swagger-ui .body-param,
.swagger-ui .body-param__example,
.swagger-ui .example,
.swagger-ui .model-example,
.swagger-ui .model-container,
.swagger-ui .model,
.swagger-ui .response,
.swagger-ui .responses-inner,
.swagger-ui .responses-table,
.swagger-ui .parameters-container,
.swagger-ui .json-schema-2020-12,
.swagger-ui .json-schema-2020-12-body,
.swagger-ui .json-schema-2020-12-property {
    max-width: none !important;
    width: auto !important;
    box-sizing: border-box !important;
}

.swagger-ui .model-box {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    box-sizing: border-box !important;
    padding: 10px 12px !important;
}

.swagger-ui .responses-table { table-layout: fixed; width: 100% !important; }
.swagger-ui .responses-table .response-col_status { width: 70px; }
.swagger-ui .responses-table .response-col_links { width: 80px; padding-right: 0; }
.swagger-ui .responses-table .response-col_description { width: auto; }
.swagger-ui .model-box > div,
.swagger-ui .model-example {
    display: block !important;
    width: auto !important;
}
.swagger-ui .model-box .json-schema-2020-12:first-of-type {
    margin: 0 !important;
}
.swagger-ui .model-box .json-schema-2020-12 {
    margin: 6px 0 !important;
    width: auto !important;
}

.swagger-ui section.models .json-schema-2020-12,
.swagger-ui .opblock-body .json-schema-2020-12 {
    margin: 6px 10px !important;
    padding: 10px 12px !important;
    word-break: break-word;
}
.swagger-ui .json-schema-2020-12-head,
.swagger-ui .json-schema-2020-12-property-head {
    flex-wrap: wrap;
    gap: 6px;
}

.swagger-ui .tab-content,
.swagger-ui .model-example,
.swagger-ui .example {
    overflow-x: auto;
}

.swagger-ui .highlight-code,
.swagger-ui pre.microlight,
.swagger-ui .responses-inner pre {
    max-width: 100% !important;
    overflow-x: auto;
    white-space: pre;
    word-break: normal;
}
html[data-theme="light"] .swagger-ui .microlight .hljs-number,
html[data-theme="light"] .swagger-ui .microlight .hljs-literal,
html[data-theme="light"] .swagger-ui pre .hljs-number,
html[data-theme="light"] .swagger-ui pre .hljs-literal,
html[data-theme="light"] .swagger-ui .highlight-code .hljs-number,
html[data-theme="light"] .swagger-ui .highlight-code .hljs-literal {
    color: #B91C1C !important;  
    font-weight: 600;
}
html[data-theme="light"] .swagger-ui .microlight .hljs-attr,
html[data-theme="light"] .swagger-ui .microlight .hljs-keyword,
html[data-theme="light"] .swagger-ui .microlight .hljs-selector-tag,
html[data-theme="light"] .swagger-ui pre .hljs-attr,
html[data-theme="light"] .swagger-ui pre .hljs-keyword {
    color: #6B21A8 !important;  
    font-weight: 600;
}
html[data-theme="light"] .swagger-ui .microlight,
html[data-theme="light"] .swagger-ui pre.microlight {
    color: #0F172A !important;
}

html[data-theme="light"] .swagger-ui .copy-to-clipboard svg,
html[data-theme="light"] .swagger-ui .copy-to-clipboard path,
html[data-theme="light"] .swagger-ui .copy-to-clipboard button svg,
html[data-theme="light"] .swagger-ui .copy-to-clipboard button path {
    fill: #F8FAFC !important;
}

html[data-theme="light"] .swagger-ui .response-content-type button.download-contents,
html[data-theme="light"] .swagger-ui button.download-contents {
    background-color: #1F2937 !important;
    background-image: none !important;
    color: #F8FAFC !important;
    border-color: #0F172A !important;
}
html[data-theme="light"] .swagger-ui .response-content-type button.download-contents:hover,
html[data-theme="light"] .swagger-ui button.download-contents:hover {
    background-color: #0F172A !important;
    background-image: none !important;
}

.swagger-ui table tbody tr td { color: var(--text) !important; }
.swagger-ui .response-control-media-type__accept-message,
.swagger-ui .responses-inner h4,
.swagger-ui .responses-inner h5 { color: var(--text) !important; }
.swagger-ui .response-col_status { color: var(--text-strong) !important; }

.swagger-ui .tab li, .swagger-ui .tab li button { color: var(--muted) !important; }
.swagger-ui .tab li.active, .swagger-ui .tab li.active button { color: var(--text-strong) !important; }

.swagger-ui .dialog-ux {
    position: fixed !important;
    inset: 0 !important;
    display: grid !important;
    place-items: center !important;
    padding: 32px 16px !important;
    background: rgba(6, 8, 14, .55) !important;
    backdrop-filter: blur(8px) saturate(140%) !important;
    -webkit-backdrop-filter: blur(8px) saturate(140%) !important;
    z-index: 10000 !important;
    pointer-events: auto !important;
}
.swagger-ui .dialog-ux .modal-ux {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    margin: 0 !important;
    width: min(560px, calc(100vw - 32px)) !important;
    max-height: min(85vh, calc(100vh - 64px)) !important;
    overflow-y: auto !important;
    
    background: linear-gradient(180deg, var(--bg-1), var(--bg-0)) !important;
    color: var(--text) !important;
    border: 1px solid var(--stroke-strong) !important;
    border-radius: var(--r-lg) !important;
    box-shadow: 0 40px 80px -20px rgba(0, 0, 0, .7) !important;
    animation: kk-dialog-pop .22s var(--ease);
}
@keyframes kk-dialog-pop {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.swagger-ui .dialog-ux .modal-dialog-ux,
.swagger-ui .dialog-ux .modal-ux-inner,
.swagger-ui .dialog-ux .modal-ux-content,
.swagger-ui .dialog-ux .auth-container,
.swagger-ui .dialog-ux .wrapper,
.swagger-ui .dialog-ux section,
.swagger-ui .dialog-ux form { background: transparent !important; }

.swagger-ui .dialog-ux .modal-ux-header {
    border-bottom: 1px solid var(--stroke) !important;
    padding: 14px 18px !important;
    background: transparent !important;
}
.swagger-ui .dialog-ux .modal-ux-content { padding: 18px !important; }

.swagger-ui .dialog-ux .modal-ux-header h3,
.swagger-ui .dialog-ux .modal-ux-content h4,
.swagger-ui .dialog-ux .modal-ux-content h5,
.swagger-ui .dialog-ux .modal-ux-content h6,
.swagger-ui .dialog-ux .modal-ux-content p,
.swagger-ui .dialog-ux .modal-ux-content label,
.swagger-ui .dialog-ux .modal-ux-content div,
.swagger-ui .dialog-ux .modal-ux-content span,
.swagger-ui .dialog-ux .auth-container h4,
.swagger-ui .dialog-ux .auth-container h6,
.swagger-ui .dialog-ux .auth-container p,
.swagger-ui .dialog-ux .auth-container label { color: var(--text) !important; }

.swagger-ui .dialog-ux code,
.swagger-ui .dialog-ux .auth-container code,
.swagger-ui .dialog-ux p code {
    background: var(--code-bg) !important;
    color: var(--text) !important;
    border: 1px solid var(--stroke) !important;
    border-radius: 6px !important;
    padding: 1px 6px !important;
    font-family: "JetBrains Mono", ui-monospace, monospace !important;
}

.swagger-ui .dialog-ux input[type="text"],
.swagger-ui .dialog-ux input[type="password"],
.swagger-ui .dialog-ux input[type="email"],
.swagger-ui .dialog-ux input[type="search"],
.swagger-ui .dialog-ux textarea,
.swagger-ui .dialog-ux select {
    background: var(--bg-2) !important;
    color: var(--text) !important;
    border: 1px solid var(--stroke) !important;
    border-radius: 10px !important;
    padding: 9px 12px !important;
    font-family: "JetBrains Mono", ui-monospace, monospace !important;
}
.swagger-ui .dialog-ux input:focus,
.swagger-ui .dialog-ux textarea:focus,
.swagger-ui .dialog-ux select:focus {
    outline: none !important;
    border-color: #A78BFA !important;
    box-shadow: 0 0 0 3px rgba(167,139,250,.22) !important;
}

.swagger-ui .dialog-ux .close-modal {
    background: transparent !important;
    border: 0 !important;
    color: var(--muted) !important;
    cursor: pointer;
}
.swagger-ui .dialog-ux .close-modal:hover { color: var(--text) !important; }
.swagger-ui .dialog-ux .close-modal svg { fill: currentColor !important; }

.swagger-ui .dialog-ux .auth-btn-wrapper {
    display: flex !important;
    gap: 12px !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap;
    padding-top: 14px !important;
    border-top: 1px dashed var(--stroke) !important;
    margin-top: 14px !important;
}

.swagger-ui .dialog-ux .btn.modal-btn,
.swagger-ui .dialog-ux .btn-done,
.swagger-ui .dialog-ux .auth-btn-wrapper .btn:not(.authorize) {
    background: var(--panel-2) !important;
    color: var(--text) !important;
    border: 1px solid var(--stroke) !important;
    border-radius: 10px !important;
    padding: 8px 18px !important;
    font-weight: 600 !important;
    min-width: 100px;
    box-shadow: none !important;
}
.swagger-ui .dialog-ux .btn.modal-btn:hover,
.swagger-ui .dialog-ux .auth-btn-wrapper .btn:not(.authorize):hover {
    border-color: var(--stroke-strong) !important;
    background: var(--panel) !important;
}

.swagger-ui .dialog-ux .btn.authorize {
    min-width: 130px !important;
    padding: 8px 22px !important;
    white-space: nowrap !important;
}

.kk-swagger ::-webkit-scrollbar { width: 10px; height: 10px; }
.kk-swagger ::-webkit-scrollbar-track { background: transparent; }
.kk-swagger ::-webkit-scrollbar-thumb { background: var(--stroke-strong); border-radius: 10px; }
.kk-swagger ::-webkit-scrollbar-thumb:hover { background: var(--muted-2); }

.swagger-ui .loading-container {
    position: relative !important;
    padding: 28px 0 36px !important;
    min-height: 100px !important;
    background: transparent !important;
}
.swagger-ui .loading-container .loading {
    position: relative !important;
    width: 64px !important;
    height: 64px !important;
    margin: 0 auto !important;
}
.swagger-ui .loading-container .loading:before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    margin: 0 !important;
    width: 64px !important;
    height: 64px !important;
    left: auto !important;
    top: auto !important;
    border-radius: 50% !important;
    border: 3px solid rgba(255, 255, 255, .09) !important;
    border-top-color: #F59E0B !important;
    border-right-color: rgba(245, 158, 11, .55) !important;
    box-shadow: 0 0 24px -4px rgba(245, 158, 11, .45) !important;
    animation: kk-spin 720ms linear infinite !important;
    opacity: 1 !important;
}
.swagger-ui .loading-container .loading:after {
    content: "EXECUTING" !important;
    color: var(--muted) !important;
    font-family: "JetBrains Mono", ui-monospace, monospace !important;
    font-size: 9.5px !important;
    font-weight: 700 !important;
    letter-spacing: .22em !important;
    text-transform: uppercase !important;
    top: calc(100% + 12px) !important;
    transform: translate(-50%, 0) !important;
    white-space: nowrap !important;
}
html[data-theme="light"] .swagger-ui .loading-container .loading:before {
    border-color: rgba(15, 23, 42, .08) !important;
    border-top-color: #D97706 !important;
    border-right-color: rgba(217, 119, 6, .55) !important;
    box-shadow: 0 0 24px -4px rgba(217, 119, 6, .35) !important;
}
@keyframes kk-spin { to { transform: rotate(360deg); } }

.swagger-ui .loading-container::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 2px;
    background: linear-gradient(90deg,
        transparent 0%,
        rgba(245, 158, 11, .15) 30%,
        #FDE047 50%,
        rgba(245, 158, 11, .15) 70%,
        transparent 100%);
    background-size: 260% 100%;
    animation: kk-loading-stripe 1.4s linear infinite;
    border-radius: 999px;
    opacity: .9;
}
@keyframes kk-loading-stripe {
    0%   { background-position: 130% 0; }
    100% { background-position: -130% 0; }
}

.swagger-ui .btn.execute:disabled,
.swagger-ui .btn.execute.loading {
    opacity: .7 !important;
    cursor: progress !important;
    filter: saturate(.8);
}

.swagger-ui .opblock-body .opblock-loading-animation {
    color: var(--muted) !important;
}
.swagger-ui .opblock-body .opblock-loading-animation:after {
    background: linear-gradient(90deg, transparent, #F59E0B, transparent) !important;
    animation: kk-loading-stripe 1.4s linear infinite !important;
}

@media (prefers-reduced-motion: reduce) {
    .swagger-ui .loading-container .loading:before,
    .swagger-ui .loading-container::before,
    .swagger-ui .opblock-body .opblock-loading-animation:after { animation: none !important; }
}

.swagger-ui .opblock.is-kk-target {
    animation: kk-flash 1.2s var(--ease);
    border-color: #A78BFA !important;
}
@keyframes kk-flash {
    0%   { box-shadow: 0 0 0 0 rgba(167,139,250,.55); }
    100% { box-shadow: 0 0 0 22px rgba(167,139,250,0); }
}

.kk-kbar { position: fixed; inset: 0; z-index: 100; display: grid; place-items: start center; padding-top: 12vh; }
.kk-kbar[hidden] { display: none; }
.kk-kbar__backdrop { position: absolute; inset: 0; background: rgba(5,7,12,.55); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
.kk-kbar__panel {
    position: relative; width: min(680px, calc(100vw - 24px));
    border-radius: var(--r-lg); overflow: hidden;
    box-shadow: 0 40px 80px -20px rgba(0,0,0,.6);
    animation: kk-pop .22s var(--ease);
}
@keyframes kk-pop { from { transform: translateY(-8px) scale(.98); opacity: 0; } to { transform: none; opacity: 1; } }
.kk-kbar__search {
    display: flex; align-items: center; gap: 10px;
    padding: 14px 16px; border-bottom: 1px solid var(--stroke);
    color: var(--muted);
}
.kk-kbar__search input {
    flex: 1; background: transparent; border: 0; outline: none;
    color: var(--text); font: inherit; font-size: 15px;
}
.kk-kbar__results { list-style: none; padding: 6px; margin: 0; max-height: 56vh; overflow-y: auto; }
.kk-kbar__item {
    display: flex; align-items: center; gap: 10px;
    padding: 10px 12px; border-radius: 10px; cursor: pointer;
    border: 1px solid transparent;
}
.kk-kbar__item:hover,
.kk-kbar__item.is-active { background: var(--panel-2); border-color: var(--stroke); }
.kk-kbar__method {
    min-width: 56px; padding: 2px 8px; border-radius: 999px;
    font: 600 10px/1 "JetBrains Mono", monospace; text-align: center; text-transform: uppercase;
    color: #0B0D12;
}
.kk-kbar__method--get    { background: linear-gradient(135deg,#4ADE80,#22C55E); color: #0B0D12; }
.kk-kbar__method--post   { background: linear-gradient(135deg,#FDE047,#EAB308); color: #0B0D12; }
.kk-kbar__method--put    { background: linear-gradient(135deg,#FB923C,#F97316); color: #0B0D12; }
.kk-kbar__method--patch  { background: linear-gradient(135deg,#34D399,#10B981); color: #FFFFFF; }
.kk-kbar__method--delete { background: linear-gradient(135deg,#F87171,#EF4444); color: #FFFFFF; }
.kk-kbar__method--tag    { background: var(--grad); color: #0B0D12; }
.kk-kbar__method--schema { background: linear-gradient(135deg,#94A3B8,#475569); color: #FFFFFF; }
.kk-kbar__path { color: var(--text); font-family: "JetBrains Mono", monospace; font-size: 13px; }
.kk-kbar__meta { margin-left: auto; color: var(--muted); font-size: 11.5px; }
.kk-kbar__foot {
    display: flex; gap: 14px; padding: 10px 14px;
    border-top: 1px solid var(--stroke); color: var(--muted);
    font-size: 11.5px;
}
.kk-kbar__empty { padding: 20px; text-align: center; color: var(--muted); font-size: 13px; }

.kk-consent { position: fixed; inset: 0; z-index: 200; display: grid; place-items: center; padding: 20px; }
.kk-consent[hidden] { display: none; }
.kk-consent__backdrop {
    position: absolute; inset: 0;
    background: rgba(4, 6, 10, .78);
    backdrop-filter: blur(10px) saturate(140%);
    -webkit-backdrop-filter: blur(10px) saturate(140%);
}
.kk-consent__panel {
    position: relative;
    width: min(580px, calc(100vw - 40px));
    max-height: calc(100vh - 40px);
    overflow-y: auto;
    background: var(--panel);
    border: 1px solid var(--stroke-strong);
    border-radius: var(--r-xl);
    padding: 28px clamp(20px, 3vw, 32px) 24px;
    color: var(--text);
    box-shadow: 0 40px 80px -20px rgba(0,0,0,.75);
    backdrop-filter: blur(28px) saturate(140%);
    -webkit-backdrop-filter: blur(28px) saturate(140%);
    animation: kk-consent-pop .28s var(--ease);
}
html[data-theme="light"] .kk-consent__panel {
    background: rgba(255, 255, 255, .92);
}
@keyframes kk-consent-pop {
    from { transform: translateY(10px) scale(.98); opacity: 0; }
    to   { transform: none; opacity: 1; }
}
.kk-consent__brand {
    display: flex; align-items: center; gap: 12px; margin-bottom: 16px;
    padding-bottom: 16px; border-bottom: 1px dashed var(--stroke);
}
.kk-consent__logo { height: 24px; width: auto; filter: drop-shadow(0 2px 10px rgba(252, 205, 28, .25)); }
.kk-consent__brand-text { display: inline-flex; align-items: baseline; gap: 8px; }
.kk-consent__brand-name { color: #FCCD1C; font-weight: 800; font-size: 15px; letter-spacing: .02em; }
.kk-consent__brand-sub { color: var(--muted); font-size: 10.5px; letter-spacing: .12em; text-transform: uppercase; }
.kk-consent__title { margin: 0 0 8px; font-size: 24px; letter-spacing: -.02em; font-weight: 800; color: var(--text-strong); }
.kk-consent__lead { margin: 0 0 14px; font-size: 14px; line-height: 1.65; color: var(--muted); }
.kk-consent__lead strong { color: var(--text); }
.kk-consent__bullets { margin: 0 0 14px; padding-left: 18px; display: grid; gap: 8px; }
.kk-consent__bullets li { font-size: 13px; line-height: 1.55; color: var(--muted); }
.kk-consent__bullets strong { color: var(--text); font-weight: 700; }
.kk-consent__bullets code { background: var(--code-bg); border: 1px solid var(--stroke); padding: 0 5px; border-radius: 4px; font-family: "JetBrains Mono", ui-monospace, monospace; font-size: 11px; }
.kk-consent__foot-note { margin: 14px 0 18px; font-size: 12.5px; color: var(--muted); }
.kk-consent__link { color: #A78BFA; font-weight: 600; }
.kk-consent__actions { display: flex; flex-wrap: wrap; gap: 10px; }
.kk-consent__btn {
    flex: 1 1 auto;
    display: inline-flex; align-items: center; justify-content: center;
    padding: 12px 20px;
    border-radius: 12px;
    font: 700 14px/1 inherit;
    letter-spacing: .01em;
    cursor: pointer;
    border: 1px solid transparent;
    transition: transform 160ms var(--ease), box-shadow 160ms var(--ease), filter 160ms var(--ease), border-color 160ms var(--ease);
}
.kk-consent__btn--primary {
    background: linear-gradient(135deg, #FDE047 0%, #F59E0B 55%, #D97706 100%);
    color: #0B0D12;
    box-shadow: 0 12px 28px -14px rgba(245, 158, 11, .6), inset 0 1px 0 rgba(255,255,255,.55);
}
.kk-consent__btn--primary:hover { transform: translateY(-1px); filter: brightness(1.05) saturate(1.05); }
.kk-consent__btn--ghost {
    background: var(--panel-2);
    color: var(--text);
    border-color: var(--stroke);
}
.kk-consent__btn--ghost:hover { border-color: var(--stroke-strong); background: var(--panel); }

.kk-blocked { position: fixed; inset: 0; z-index: 250; display: grid; place-items: center; padding: 24px; background: var(--bg-0); }
.kk-blocked[hidden] { display: none; }
.kk-blocked__panel { max-width: 560px; text-align: center; }
.kk-blocked__icon {
    margin: 0 auto 18px;
    padding: 16px;
    border-radius: 20px;
    background: color-mix(in srgb, #EF4444 10%, var(--panel-2));
    color: #EF4444;
    border: 1px solid color-mix(in srgb, #EF4444 30%, var(--stroke));
    box-sizing: content-box;
}
.kk-blocked__title {
    font-size: clamp(28px, 3.6vw, 40px);
    letter-spacing: -.02em;
    color: var(--text-strong);
    margin: 0 0 12px;
    font-weight: 800;
}
.kk-blocked__lead { color: var(--muted); font-size: 15px; line-height: 1.7; margin: 0 0 12px; max-width: 48ch; margin-inline: auto; }
.kk-blocked__hint { color: var(--muted-2); font-size: 13px; }
.kk-blocked__hint a { color: #A78BFA; }

.kk-authority {
    position: fixed;
    right: clamp(12px, 2vw, 28px);
    bottom: clamp(12px, 2vw, 28px);
    z-index: 180;
    max-width: min(440px, calc(100vw - 32px));
    animation: kk-authority-in .32s var(--ease);
}
.kk-authority[hidden] { display: none; }
@keyframes kk-authority-in {
    from { transform: translateY(10px); opacity: 0; }
    to   { transform: none; opacity: 1; }
}
.kk-authority__panel {
    background: var(--panel);
    border: 1px solid color-mix(in srgb, #FCCD1C 35%, var(--stroke));
    border-radius: var(--r-lg);
    padding: 14px 16px;
    color: var(--text);
    backdrop-filter: blur(var(--blur)) saturate(140%);
    -webkit-backdrop-filter: blur(var(--blur)) saturate(140%);
    box-shadow: 0 24px 48px -18px rgba(0,0,0,.6);
}
html[data-theme="light"] .kk-authority__panel { background: rgba(255,255,255,.96); }
.kk-authority__head { display: flex; align-items: center; gap: 8px; font-size: 13.5px; color: var(--text-strong); }
.kk-authority__dot { width: 8px; height: 8px; border-radius: 50%; background: #FCCD1C; box-shadow: 0 0 0 4px rgba(252, 205, 28, .18); }
.kk-authority__body { margin: 8px 0 12px; font-size: 12.5px; line-height: 1.55; color: var(--muted); }
.kk-authority__actions { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.kk-authority__link { color: #A78BFA; font-size: 12.5px; font-weight: 600; }
.kk-authority__dismiss {
    background: var(--panel-2); border: 1px solid var(--stroke);
    color: var(--text); font: 600 12px inherit; padding: 6px 12px; border-radius: 8px; cursor: pointer;
    transition: border-color 160ms var(--ease);
}
.kk-authority__dismiss:hover { border-color: var(--stroke-strong); }

.kk-nav-toggle { display: none; }

@media (max-width: 960px) {
    .kk-nav-toggle { display: inline-flex; }

    .kk-sidenav {
        position: fixed;
        top: 0; left: 0; bottom: 0;
        width: min(320px, 88vw);
        max-height: 100vh;
        z-index: 150;
        border-radius: 0 var(--r-lg) var(--r-lg) 0;
        transform: translateX(-105%);
        transition: transform 280ms var(--ease), box-shadow 280ms var(--ease);
        box-shadow: 0 0 0 0 rgba(0,0,0,0);
    }
    .kk-sidenav.is-drawer-open {
        transform: translateX(0);
        box-shadow: 24px 0 48px -12px rgba(0, 0, 0, .55);
    }
    .kk-docs__inner { grid-template-columns: 1fr; }
    .kk-docs { padding-top: 18px; }

    .kk-drawer-backdrop {
        position: fixed; inset: 0;
        background: rgba(5, 7, 12, .6);
        backdrop-filter: blur(4px);
        -webkit-backdrop-filter: blur(4px);
        opacity: 0;
        pointer-events: auto;
        transition: opacity 220ms var(--ease);
        z-index: 140;
    }
    .kk-drawer-backdrop.is-visible { opacity: 1; }
    body.kk-drawer-open { overflow: hidden; }

    .kk-hero__inner { grid-template-columns: 1fr; }
    .kk-hero__title { min-height: 0; }
    .kk-hero__lead { min-height: 0; max-width: none; }
}

@media (max-width: 720px) {
    
    .kk-appbar { margin: 8px; top: 8px; }
    .kk-appbar__inner { padding: 8px 10px; gap: 10px; grid-template-columns: auto 1fr auto; }
    .kk-brand__text { display: none; }
    .kk-brand__divider { display: none; }
    .kk-brand__logo { height: 22px; }
    .kk-kbar-trigger span { display: none; }
    .kk-kbar-trigger { padding: 8px 10px; gap: 6px; justify-content: center; max-width: 180px; }
    .kk-appbar__openapi .kk-chip__text { display: none; }
    .kk-appbar__openapi { padding: 8px 10px; }

    .kk-hero { padding-top: 28px; }
    .kk-hero__title { font-size: clamp(30px, 7vw, 40px); }
    .kk-hero__lead { font-size: 14px; line-height: 1.55; }
    .kk-hero__cta { flex-direction: column; align-items: stretch; }
    .kk-hero__cta .kk-btn { justify-content: center; }
    .kk-footer__cta { flex-direction: column; align-items: stretch; }
    .kk-footer__cta .kk-btn { justify-content: center; }
    .kk-quickstart__title { font-size: clamp(22px, 5.5vw, 28px); }
    .kk-tab { padding: 7px 10px; font-size: 12.5px; }
    .kk-tabpanel { padding: 14px; font-size: 12px; }
    .kk-tabpanels__copy { top: 8px; right: 8px; }

    .kk-bento { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .kk-bento__card { padding: 14px; min-height: 124px; }
    .kk-bento__label { font-size: 10px; }
    .kk-bento__value { font-size: 24px; }
    .kk-bento__value--mono { font-size: 13px; }
    .kk-bento__hint { font-size: 11.5px; }
    .kk-env { padding: 6px 8px; gap: 8px; }
    .kk-env__label { font-size: 9.5px; }
    .kk-env__url { font-size: 11px; }
    .kk-status__text { font-size: 14px; }

    .kk-features { padding-top: 32px; }
    .kk-features__inner { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .kk-feature { padding: 12px; }
    .kk-feature h4 { font-size: 13px; }
    .kk-feature p { font-size: 12px; }

    .kk-swagger { padding: 6px; }
    .swagger-ui .wrapper { padding: 0; }
    .swagger-ui .opblock .opblock-summary { flex-wrap: wrap; padding: 10px; gap: 6px; }
    .swagger-ui .opblock .opblock-summary-path { font-size: 12px; word-break: break-all; }
    .swagger-ui .opblock .opblock-summary-description { font-size: 11.5px; width: 100%; margin-top: 4px; }
    .swagger-ui .opblock-section-header { padding: 10px; }
    .swagger-ui .opblock-tag { padding: 10px; font-size: 14px; }
    .swagger-ui .opblock-body { overflow-x: auto; }
    .swagger-ui .parameters-col_description,
    .swagger-ui .response-col_description { font-size: 13px; }
    .swagger-ui table { font-size: 13px; }
    .swagger-ui .btn.execute,
    .swagger-ui .btn.try-out__btn { width: 100%; padding: 10px 14px !important; }
    .swagger-ui .execute-wrapper,
    .swagger-ui .try-out { flex-wrap: wrap; gap: 8px; }

    .kk-kbar { padding-top: 16vh; }
    .kk-kbar__panel { width: calc(100vw - 16px); }

    .kk-consent__panel { border-radius: var(--r-lg); width: calc(100vw - 16px); padding: 18px; }
    .kk-consent__title { font-size: 20px; }
    .kk-consent__bullets li { font-size: 12.5px; }
    .kk-consent__actions { flex-direction: column; }
    .kk-consent__btn { width: 100%; }

    .kk-footer__inner { flex-direction: column; align-items: flex-start; gap: 6px; font-size: 11.5px; }

    .kk-authority { left: 8px; right: 8px; max-width: none; bottom: 8px; }

    .swagger-ui .dialog-ux .modal-ux { width: calc(100vw - 32px) !important; }
}

@media (max-width: 480px) {
    .kk-bento { grid-template-columns: 1fr; }
    .kk-features__inner { grid-template-columns: 1fr; }
    .kk-hero__title { font-size: clamp(26px, 8vw, 34px); }
    .kk-kbar-trigger { max-width: 46px; }
    .kk-kbar-trigger .kk-kbd { display: none; }
    .kk-appbar__openapi { display: none; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation-duration: .001ms !important; transition-duration: .001ms !important; }
}