/* AMOLED Sky: translucent lenses over moving cloud fields. */
:root{--sky:#8ed8ff;--line:#b8e6ff26!important;--muted:#a9b9c8!important;--green:#91d8ff!important;--red:#91d8ff!important;color-scheme:dark;background:#000!important;color:#edf7ff}
html body{background:#000!important;color:#edf7ff;isolation:isolate}
.sky-atmosphere{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;contain:strict;background:#000}
.sky-cloud{position:absolute;width:105vw;height:65vh;min-height:400px;left:-30vw;top:-20vh;opacity:.58;background-image:radial-gradient(ellipse at 37% 48%,#d4efff30 0,transparent 34%),radial-gradient(ellipse at 55% 37%,#eaf8ff26 0,transparent 27%),radial-gradient(ellipse at 65% 57%,#71c6fa30 0,transparent 38%),radial-gradient(ellipse at 45% 64%,#9cdcff26 0,transparent 30%)!important;animation:sky-drift 38s ease-in-out infinite alternate;will-change:transform}
.sky-cloud:nth-child(2){left:40vw;top:35vh;width:90vw;height:90vh;opacity:.42;animation-duration:48s;animation-delay:-19s;transform:rotate(170deg)}
.sky-cloud:nth-child(3){left:-10vw;top:75vh;width:70vw;opacity:.2;animation-duration:55s;animation-delay:-27s}
@keyframes sky-drift{from{transform:translate3d(-2%,0,0) rotate(-8deg)}to{transform:translate3d(9%,6%,0) rotate(9deg)}}
body header,body .nav,body .benchmark,body .cta,body .termbar,body .workspace-content{background:transparent!important}
body .card,body .panel,body .key,body .model,body .terminal,body .wallet-card,body .benchmark-score,body .auth,body .envelope,body .mcp-card{background:linear-gradient(145deg,#d9f2ff0c,#8ed8ff04)!important;background-image:linear-gradient(145deg,#d9f2ff0c,#8ed8ff04)!important;border-color:#b8e6ff26!important;border-radius:22px}
body .note,body .demo,body .metric-pills,body .range-pills,body .method,body .scenario-tabs,body .codehead,body .key-overview,body .sidebar-wallet{background:#bedfff08!important;border-color:#b8e6ff26!important}
body input,body select,body textarea,body pre,body .endpoint,body .secret{background-color:#080e15c9!important;border-color:#b8e6ff2b!important;color:#e8f6ff}
body option{background:#0b1520;color:#edf7ff}
body button,body a.button{border-radius:12px;transition:background-color .18s ease,border-color .18s ease,transform .18s ease}
body button:hover,body a.button:hover{border-color:#b8e6ff70;background-color:#b8e6ff14}
body button:active,body a.button:active{transform:scale(.97)}
body .primary,body button.primary,body a.button.primary,body .add-credits,body .create-key,body .console-create{background:#9bddff!important;color:#04121d!important;border-color:#bceaff!important}
body a:focus-visible,body button:focus-visible,body input:focus-visible,body select:focus-visible{outline:2px solid #b3e6ff;outline-offset:4px}
body .usage-line{stroke:#a6dfff!important}body .usage-area{fill:#8ed8ff0b!important}
/* Refraction is on a separate backing layer so text is never displaced. */
body .sky-lens{position:relative;isolation:isolate;background:transparent!important;border:1px solid #d9f3ff38!important;border-radius:24px}
body .sky-lens::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:linear-gradient(145deg,#e8f8ff16,#b6e4ff06 40%,#c8eeff0b)!important;background-image:linear-gradient(145deg,#e8f8ff16,#b6e4ff06 40%,#c8eeff0b)!important;backdrop-filter:blur(12px) saturate(1.2)!important;-webkit-backdrop-filter:blur(12px) saturate(1.2)!important;box-shadow:inset 0 1px 0 #effbff45,inset 0 -1px 0 #82b5d11c!important}
html.sky-refracts body .sky-lens::before{backdrop-filter:url('#sky-refraction') blur(2px) saturate(1.15)!important}
body .workspace-sidebar.sky-lens{padding:18px 14px;border-radius:26px;top:98px}
body .desktop-navigation button{justify-content:flex-start!important;letter-spacing:.1px}
body .desktop-navigation button .nav-icon{flex-shrink:0}
body .desktop-navigation button.active,body .metric-pills button.active,body .range-pills button.active,body .tabs button.active{color:#eaf8ff!important;background:#c1eaff18!important;border-color:#d5f1ff3b!important}
body .desktop-navigation .menu-group-label{color:#8aafc3!important;font-size:9px!important;letter-spacing:1.8px!important}
body.workspace-open>header{border:0;position:sticky;top:0;z-index:15}
body.workspace-open>header .nav{margin:10px 20px 0;padding:12px 20px;border-radius:22px;max-width:none}
body #workspaceMenu,body #landingMenu{background:#02070dee!important;color:#edf7ff;border-color:#c1eaff30!important}
body #workspaceMenu::backdrop,body #landingMenu::backdrop{background:#0009;backdrop-filter:blur(8px)!important}
body #workspaceMenu .menu-top{background:transparent!important}
body #workspaceMenu .tabs button{justify-content:flex-start;font-size:clamp(22px,3vw,34px);letter-spacing:-.7px;border-radius:14px;gap:18px;padding:12px 18px}
body #workspaceMenu .tabs button::before{content:attr(data-sky-index);font:10px monospace;color:#8bb6cd;letter-spacing:0;min-width:22px}
body #workspaceMenu .menu-group-label{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:#8bb6cd;margin-top:22px}
body dialog[open]{animation:sky-dialog .32s cubic-bezier(.2,.8,.2,1)}
body [data-section]:not([hidden]){animation:sky-arrive .38s cubic-bezier(.2,.8,.2,1)}
@keyframes sky-arrive{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@keyframes sky-dialog{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
.sky-entry{position:fixed;inset:0;z-index:9999;pointer-events:none;display:grid;place-items:center;background:#000;animation:sky-entry-out 1.05s ease forwards;overflow:hidden}
.sky-vortex{position:absolute;width:120vmax;height:120vmax;border-radius:50%;background-image:repeating-conic-gradient(from 40deg,transparent 0deg 36deg,#b8eaff16 48deg,transparent 62deg 90deg)!important;mask-image:radial-gradient(circle,transparent 2%,#000 18%,transparent 66%);animation:sky-hyperzoom 1.05s cubic-bezier(.3,.05,.3,1) forwards}
.sky-entry img{width:72px;height:72px;object-fit:contain;animation:sky-mark .9s ease both}
@keyframes sky-hyperzoom{from{transform:rotate(-110deg) scale(.3);opacity:0}25%{opacity:1}to{transform:rotate(120deg) scale(3);opacity:0}}
@keyframes sky-entry-out{0%,35%{opacity:1}100%{opacity:0;visibility:hidden}}
@keyframes sky-mark{from{opacity:0;transform:scale(.7)}40%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.25)}}
@media(max-width:1099px){body .sky-cloud{opacity:.4}body.workspace-open>header .nav{margin:8px 10px 0;padding:8px 10px;border-radius:19px}body .sky-lens::before{backdrop-filter:blur(10px)!important}html.sky-refracts body .sky-lens::before{backdrop-filter:url('#sky-refraction') blur(2px)!important}}
@media(prefers-reduced-motion:reduce){body .sky-cloud,body .sky-entry,body .sky-vortex,body .sky-entry img,body [data-section]:not([hidden]),body dialog[open]{animation:none!important}body .sky-entry{display:none}body button,body a.button{transition:none}}
body .pricing,body .ollama,body[data-page=landing]>nav{background:#ffffff03!important}
body .hero em,body .row-label strong,body .codehead .active,body .model a{color:#a3dfff!important}
body .console-search,body .menu-toggle{background:#d5efff08!important;border-color:#b8e6ff28!important}
body .range-pills button[aria-pressed=true],body .metric-pills button[aria-pressed=true]{background:#d4f0ff20!important;color:#f0faff!important}
body .sky-cloud{background-size:100% 100%;background-repeat:no-repeat}
/* Small grouped cloud lobes remain diffuse, with black space between fields. */
body .sky-cloud::after{content:'';position:absolute;inset:20% 10%;background-image:radial-gradient(ellipse at 30% 62%,#d4efff18,transparent 29%),radial-gradient(ellipse at 44% 43%,#e7f6ff1d,transparent 24%),radial-gradient(ellipse at 56% 51%,#a9deff20,transparent 29%),radial-gradient(ellipse at 69% 63%,#dbf1ff15,transparent 25%)!important}
body #workspaceMenu,body #landingMenu{background:#02070dce!important;isolation:isolate}
body #workspaceMenu::before,body #landingMenu::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(ellipse at 80% 20%,#b3e6ff12,transparent 48%)!important;backdrop-filter:blur(14px)!important}
html.sky-refracts body #workspaceMenu::before,html.sky-refracts body #landingMenu::before{backdrop-filter:url('#sky-refraction') blur(4px)!important}
body #workspaceMenu .menu-center{max-width:540px}
body #workspaceMenu .tabs button.active{box-shadow:inset 0 1px #effbff30!important}
body #workspaceMenu .tabs button:hover{background:#c7edff0b}
.sky-menu-caption{font:10px monospace;letter-spacing:3px;text-transform:uppercase;color:#a3c8dc;text-align:left;margin-bottom:22px}
@media(min-width:1100px){body #workspaceMenu .menu-center{max-width:900px}body #workspaceMenu #menuSections{width:100%}body #workspaceMenu .tabs{display:grid!important;grid-template-columns:1fr 1fr;gap:24px 64px}body #workspaceMenu .tabs>.menu-group:first-child{grid-column:1/-1}body #workspaceMenu .tabs>.menu-group:last-child{grid-column:1/-1;display:flex;gap:18px}body #workspaceMenu .tabs>.menu-group:last-child button{flex:1}}
html body[data-page],html body[data-page].workspace-open{background:#000!important;--green:#9bddff;--accent:#9bddff;--muted:#aec2cf;--line:#b8e6ff26}
@media(min-width:1100px){html body[data-page=account].workspace-open .workspace-sidebar.sky-lens{padding:16px 12px;top:98px;border:1px solid #d9f3ff38!important}}
body .metric-pills button[aria-pressed=true],body .range-pills button[aria-pressed=true]{background-color:#c3eaff24!important}
/* Component finish: one geometry and surface vocabulary across all templates. */
html body[data-page]{--sky-control-radius:999px;--sky-field-radius:16px;--sky-tile-radius:20px;--sky-panel-radius:24px;--sky-edge:#c8edff2b;--sky-ink:#e9f6ff;--sky-surface:#c8eaff08}
html body[data-page] :is(button,a.button,a.mcp-download,[role=button]){border-radius:var(--sky-control-radius)!important;border-color:var(--sky-edge)!important;background-color:var(--sky-surface)!important;color:var(--sky-ink);font-weight:500}
html body[data-page] :is(button,a.button,a.mcp-download,[role=button]):hover{background-color:#c8eaff16!important;border-color:#c8edff62!important}
html body[data-page] :is(button,a.button).primary,html body[data-page] a.button.lime{background:#9bddff!important;border-color:#c9eeff!important;color:#031420!important;font-weight:650}
html body[data-page] :is(button,a.button).primary:hover,html body[data-page] a.button.lime:hover{background:#bceaff!important}
html body[data-page] :is(button,a.button).danger{background:#ff8f9d0a!important;border-color:#f5a3b838!important;color:#f4bccb!important}
html body[data-page] :is(.console-search,.menu-toggle,#menuClose,#landingMenuButton,#landingMenuClose){border-radius:16px!important}
html body[data-page] :is(.method,.auth-methods button){border-radius:var(--sky-tile-radius)!important;background:#c5eaff07!important;border-color:var(--sky-edge)!important}
html body[data-page] :is(.method,.auth-methods button)[aria-pressed=true]{background:#bfe8ff17!important;border-color:#aadeff8c!important}
html body[data-page] :is(.desktop-navigation button,#workspaceMenu .tabs button){border-radius:16px!important;background:transparent!important;border-color:transparent!important}
html body[data-page] :is(.desktop-navigation button,#workspaceMenu .tabs button).active{background:#ceefff17!important;border-color:#d4f1ff45!important;color:#f1faff!important}
html body[data-page] :is(.desktop-navigation button,#workspaceMenu .tabs button):hover{background:#ceefff0b!important}
html body[data-page] :is(input:not([type=checkbox]):not([type=radio]),select,textarea){border-radius:var(--sky-field-radius)!important;border-color:var(--sky-edge)!important;background-color:#080e14cf!important;color:var(--sky-ink)!important}
html body[data-page] :is(.card,.panel,.key,.model,.wallet-card,.benchmark-score,.auth,.envelope,.mcp-card,.terminal,.codebox,.calculator,.billing-alert,.auth-provider-notice){border-radius:var(--sky-panel-radius)!important;border-color:var(--sky-edge)!important;background-color:transparent!important;background-image:linear-gradient(145deg,#d9f2ff0a,#8ed8ff03)!important}
html body[data-page] :is(.note,.demo,.success,.address,.secret,.endpoint,.key-empty,.admin-tool-links a,.card-preview){border-radius:var(--sky-field-radius)!important;border-color:var(--sky-edge)!important;background-color:#c8eaff07!important}
html body[data-page] :is(.request-header,.key-footer,.termbar,.codehead,.auth-provider-notice,.mcp-scope,.workspace-badge){background-color:#c7eaff06!important;border-color:var(--sky-edge)!important}
html body[data-page] :is(.key-footer,.termbar,.codehead){background-image:none!important}
html body[data-page] :is(.badge,.pill,.tag,.model-chip,.auth-intro-tags span){border-radius:999px!important;background-color:#bde5ff0a!important;border-color:#c8edff29!important;color:#b8d5e5}
html body[data-page] :is(.badge.active,.badge.approved,.badge.settled){background-color:#9be8c00d!important;color:#afe4cc!important}
html body[data-page] :is(.badge.blocked,.badge.rejected,.badge.expired,.badge.exhausted){background-color:#f6a4b90d!important;color:#e6b0bf!important}
html body[data-page] :is(.metric-pills,.range-pills){border-radius:999px!important;border-color:var(--sky-edge)!important}
html body[data-page] :is(.range-pills,.metric-pills) button[aria-pressed=true],html body[data-page] .scenario-tabs button.selected{background:#c7edff20!important;border-color:#c8edff30!important;color:#f2faff!important}
html body[data-page] .scenario-tabs button{font-size:11px}
html body[data-page] :is(.bar span,.fill,.score-track div){background-color:#9bddff!important;border-radius:999px}
html body[data-page] :is(.bar,.score-track){background-color:#bde5ff12!important;border-radius:999px}
html body[data-page] #toast{border:1px solid #c8edff38;border-radius:18px!important;background:#14212bf5!important;color:#e8f6ff!important}
html body[data-page] dialog:not(#workspaceMenu):not(#landingMenu){border:1px solid #c8edff3d!important;border-radius:28px!important;background:#091018f5!important;color:var(--sky-ink)}
html body[data-page] :is(.mcp-config,.mcp-prompt,pre){border-radius:16px;border-color:var(--sky-edge)!important}
/* An inline checkout summary belongs to its parent panel on narrow screens. */
@media(max-width:760px){html body[data-page=top-up] #setup>.summary{border:0!important;border-top:1px solid var(--sky-edge)!important;border-radius:0!important;background:transparent!important;background-image:none!important}}
/* One navigation component, public and signed-in. Public link layout is canonical. */
html body[data-page] dialog:is(#landingMenu,#workspaceMenu).sky-navigation{padding:24px max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));border:0!important;border-radius:0!important}
html body[data-page] :is(#landingMenu,#workspaceMenu).sky-navigation .sky-navigation-top{display:flex;justify-content:space-between;align-items:center;position:static;padding:0;flex-shrink:0;background:transparent!important}
html body[data-page] :is(#landingMenu,#workspaceMenu).sky-navigation .sky-navigation-top img{width:160px;height:auto}
html body[data-page] :is(#landingMenu,#workspaceMenu).sky-navigation .sky-navigation-top button{width:44px;height:44px;min-height:44px;padding:10px;border-radius:16px!important;flex-shrink:0}
html body[data-page] :is(#landingMenu,#workspaceMenu).sky-navigation .sky-navigation-top button svg{width:22px;height:22px;display:block}
html body[data-page] :is(#landingMenu,#workspaceMenu).sky-navigation .sky-navigation-content{display:flex;flex-direction:column;align-items:stretch;gap:10px;width:min(100%,420px);max-width:420px;margin:auto;padding:32px 0;flex-shrink:0}
html body[data-page] #workspaceMenu #menuSections{width:100%}
html body[data-page] #workspaceMenu .tabs{display:flex!important;flex-direction:column;gap:10px;margin:0;padding:0;width:100%}
html body[data-page] #workspaceMenu .tabs>.menu-group{display:contents!important}
html body[data-page] #workspaceMenu .tabs>.menu-group[hidden]{display:none!important}
html body[data-page] #workspaceMenu :is(.menu-group-label,.nav-icon,.sky-menu-caption){display:none!important}
html body[data-page] #workspaceMenu #menuTitle{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}
html body[data-page] :is(#landingMenu,#workspaceMenu).sky-navigation :is(.landing-menu-links>a,.tabs button){display:flex;align-items:center;justify-content:flex-start;gap:0;min-height:54px;width:100%;margin:0;padding:12px 18px;font-size:22px;font-weight:400;line-height:1.35;letter-spacing:0;text-align:left;text-decoration:none;color:#dce7f5!important;border:0!important;border-bottom:1px solid #b8e6ff24!important;border-radius:16px!important;background:transparent!important;box-shadow:none!important}
html body[data-page] :is(#landingMenu,#workspaceMenu).sky-navigation .tabs button::before{content:none}
html body[data-page] :is(#landingMenu,#workspaceMenu).sky-navigation :is(.landing-menu-links>a,.tabs button):hover{background:#c7edff0b!important;color:#f3faff!important}
html body[data-page] #workspaceMenu.sky-navigation .tabs button.active{background:transparent!important;border-color:#addfff80!important;color:#a9dfff!important;box-shadow:none!important}
html body[data-page] #workspaceMenu #menuSearch{margin:0 0 12px;font-size:14px;background:#c8eaff06!important;min-height:46px}
html body[data-page] #workspaceMenu #menuAdmin{justify-content:flex-start;gap:18px;padding:12px 18px}
html body[data-page] #workspaceMenu .menu-bottom{width:min(100%,420px);align-self:center;gap:12px;padding-top:18px;font-size:12px}
html body[data-page] :is(#menuToggle,#landingMenuButton){width:44px;height:44px;min-height:44px;padding:10px;border-radius:16px!important}
html body[data-page] :is(#menuToggle,#landingMenuButton) svg{width:22px;height:22px;stroke-width:1.7}
html body[data-page] dialog:is(#landingMenu,#workspaceMenu).sky-navigation{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
html body[data-page] :is(#landingMenu,#workspaceMenu).sky-navigation :is(.landing-menu-links>a,.tabs button){font-family:inherit!important}
/* Desktop legibility: native UI text, real font weights and unscaled glyphs. */
@keyframes sky-text-fade{from{opacity:0}to{opacity:1}}
@media(min-width:1100px){
 html body[data-page]{font-family:"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif!important;font-size:15px;line-height:1.6;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;text-rendering:auto;font-synthesis:none}
 html body[data-page] :is(button,input,select,textarea){font-family:inherit}
 html body[data-page] :is(h1,h2,h3){font-family:inherit;font-weight:600!important;letter-spacing:-.025em}
 html body[data-page] :is(button,a.button,.mcp-download){font-weight:600;transition-property:background-color,border-color,color;transform:none!important}
 html body[data-page] :is(.card,.key,.auth,.terminal,.workspace-sidebar,.workspace-content){transform:none!important;will-change:auto}
 html body[data-page] dialog[open],html body[data-page] [data-section]:not([hidden]){animation-name:sky-text-fade}
 html body[data-page] :is(.desktop-navigation button,.key-footer button,.request-row,.model-docs,.console-search){font-size:14px!important}
 html body[data-page] :is(label,.muted,.auth p){font-size:14px}
 html body[data-page] :is(.eyebrow,.menu-group-label,.key-overview span,.mcp-checksum,.request-id){font-size:11px;letter-spacing:1px}
 html body[data-page] :is(.stat,.balance-number,#balance,#sidebarBalance,.usage-total strong,.key-cap-value){font-family:inherit!important;font-weight:500!important;font-variant-numeric:tabular-nums;letter-spacing:-.025em}
 html body[data-page] :is(code,pre,.endpoint,.secret,.request-id){font-family:"Cascadia Mono",Consolas,"SFMono-Regular",Menlo,monospace!important;font-weight:400;text-rendering:auto;letter-spacing:normal}
 html body[data-page] :is(.endpoint,.secret,.request-id){font-size:12px!important}
 html body[data-page] .usage-chart svg text{font-family:inherit;font-size:11px}
 html body[data-page] .muted{color:#b8cbd7!important}
}
@media(min-width:1100px){
 html body[data-page] :is(button,a.button).primary,html body[data-page] a.button.lime{font-weight:600!important}
 html body[data-page] :is(.keymodels,.model-chip,.badge,.key-protection){font-size:12px}
 html body[data-page] .key-overview strong{font-family:inherit;font-weight:600;font-variant-numeric:tabular-nums}
}
/* Imported landing typography also applies to the signed-in fullscreen navigation. */
html body[data-page] dialog:is(#landingMenu,#workspaceMenu).sky-navigation :is(.landing-menu-links>a,.tabs button){font-weight:500!important;letter-spacing:-.02em!important;justify-content:space-between!important}
html body[data-page] #workspaceMenu.sky-navigation .tabs button::after{content:'↗';font:16px ui-monospace,monospace;color:#9bddff;opacity:.7;margin-left:auto}

/* Fullscreen navigation entries are text links, without glass tiles or dividers. */
html body[data-page] dialog:is(#landingMenu,#workspaceMenu).sky-navigation .sky-navigation-content :is(.landing-menu-links>a,.tabs button),
html body[data-page] dialog:is(#landingMenu,#workspaceMenu).sky-navigation .sky-navigation-content :is(.landing-menu-links>a,.tabs button):is(:hover,:active,:focus-visible,.active,:last-child),
html body[data-page] #workspaceMenu :is(#menuAdmin a,.menu-bottom a,.menu-bottom button){background:none!important;background-image:none!important;border:0!important;box-shadow:none!important;text-shadow:none!important;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html body[data-page] dialog:is(#landingMenu,#workspaceMenu).sky-navigation .sky-navigation-content :is(.landing-menu-links>a,.tabs button)::before,
html body[data-page] dialog:is(#landingMenu,#workspaceMenu).sky-navigation .sky-navigation-content :is(.landing-menu-links>a,.tabs button)::after{content:none!important;box-shadow:none!important;background:none!important}
html body[data-page] dialog:is(#landingMenu,#workspaceMenu).sky-navigation .sky-navigation-content :is(.landing-menu-links>a,.tabs button):focus-visible{outline:none!important;text-decoration:underline!important;text-underline-offset:6px}
html body[data-page] #landingMenu.sky-navigation .landing-menu-links>a:last-child{color:#dce7f5!important}