@charset "UTF-8";
/*! MKM Labs frontend 2026-10-04 - kronika-ai (fala 2 / D1).
 * The AiChronicles Astro island (SSR markup + client hydration, /_astro/AiChronicles.*.js) styles itself with
 * Tailwind utility classes that lived in the old /css/site.<hash>.css. That file is no longer loaded, so the
 * subset of utilities the island actually uses was extracted below (generated by
 * scratchpad/w2/d1/kron_css.py from css/site.f6f5dbed.css, unchanged rules) and re-themed to the new tokens.
 * Everything is scoped to the island by class; layout around it is page-d1.20261004.css.
 */
/* island theme: the Tailwind utilities of the AiChronicles island resolve --cn-*/--cg-* here */
.ai-chronicles,.fe-kronika{--cn-black:#0a0c10;--cn-white:#fff;--cn-200:#e5e8ee;--cn-300:#c3c8d3;--cn-500:#aeb4c2;--cn-600:#474a52;--cn-700:#2a2f3b;--cn-800:#1a1f2b;--cn-900:#12161f;--c_brand--200:#99baff;--c_brand--500:#0057FF;--cg-400:#4dff9f;--fw-medium:500;--ls-xl:-1.25px;--ls-xxl:-1.75px}

/* Tailwind preflight, scoped to the island, specificity 0 */
:where(.ai-chronicles) *,:where(.ai-chronicles) *::before,:where(.ai-chronicles) *::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:rgba(255,255,255,.1)}
:where(.ai-chronicles) h1,:where(.ai-chronicles) h2,:where(.ai-chronicles) h3,:where(.ai-chronicles) h4,:where(.ai-chronicles) p,:where(.ai-chronicles) ul,:where(.ai-chronicles) ol,:where(.ai-chronicles) blockquote{margin:0;font-size:inherit;font-weight:inherit}
:where(.ai-chronicles) ul,:where(.ai-chronicles) ol{list-style:none;padding:0}
:where(.ai-chronicles) button{font:inherit;color:inherit;background:transparent;cursor:pointer;padding:0;text-align:inherit}
:where(.ai-chronicles) a{color:inherit;text-decoration:inherit}
:where(.ai-chronicles) svg,:where(.ai-chronicles) img{display:block;max-width:100%}
:where(.ai-chronicles) .lucide{flex:none}
.bento-card{border-radius:1rem;padding:1.5rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s;transition-timing-function:cubic-bezier(.16,1,.3,1)}.bento-card:hover{transform:translateY(-3px)}.reveal-section.visible{opacity:1;transform:translateY(0)}.stagger-children.visible>*:nth-child(1){transition-delay:.1s}.stagger-children.visible>*:nth-child(2){transition-delay:.25s}.stagger-children.visible>*:nth-child(3){transition-delay:.4s}.stagger-children.visible>*:nth-child(4){transition-delay:.55s}.stagger-children.visible>*:nth-child(5){transition-delay:.7s}.stagger-children.visible>*:nth-child(6){transition-delay:.85s}.stagger-children.visible>*:nth-child(7){transition-delay:1s}.stagger-children.visible>*:nth-child(8){transition-delay:1.15s}.stagger-children.visible>*:nth-child(9){transition-delay:1.3s}.stagger-children.visible>*:nth-child(10){transition-delay:1.45s}.stagger-children.visible>*:nth-child(11){transition-delay:1.6s}.stagger-children.visible>*:nth-child(12){transition-delay:1.75s}.stagger-children.visible>*:nth-child(13){transition-delay:1.9s}.stagger-children.visible>*:nth-child(14){transition-delay:2.05s}.stagger-children.visible>*:nth-child(15){transition-delay:2.2s}.stagger-children.visible>*:nth-child(16){transition-delay:2.35s}.stagger-children.visible>*{opacity:1;transform:translateY(0)}.btn-magnetic{position:relative;overflow:hidden;transition:transform .3s cubic-bezier(.16,1,.3,1)}.btn-magnetic:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .3s}.btn-magnetic:hover:before{opacity:1}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.bottom-0{bottom:0}.left-1\/2{left:50%}.left-\[-22px\]{left:-22px}.left-\[-26px\]{left:-26px}.left-\[5px\]{left:5px}.right-\[-26px\]{right:-26px}.top-0{top:0}.top-3{top:.75rem}.top-\[56px\]{top:56px}.z-10{z-index:10}.z-30{z-index:30}.-mx-6{margin-left:-1.5rem;margin-right:-1.5rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-2\.5{margin-top:.625rem}.mt-6{margin-top:1.5rem}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-2\.5{height:.625rem}.h-3{height:.75rem}.max-h-0{max-height:0px}.max-h-\[400px\]{max-height:400px}.min-h-10{min-height:2.5rem}.w-12{width:3rem}.w-2\.5{width:.625rem}.w-3{width:.75rem}.w-full{width:100%}.w-px{width:1px}.min-w-\[600px\]{min-width:600px}.min-w-\[700px\]{min-width:700px}.max-w-2xl{max-width:42rem}.max-w-\[1000px\]{max-width:1000px}.max-w-\[1340px\]{max-width:1340px}.max-w-\[860px\]{max-width:860px}.max-w-\[960px\]{max-width:960px}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.-translate-x-px{--tw-translate-x: -1px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes pulse{50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0px}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.whitespace-nowrap{white-space:nowrap}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l-4{border-left-width:4px}.border-t{border-top-width:1px}.border-\[var\(--cn-700\)\]{border-color:var(--cn-700)}.border-l-\[var\(--c_brand--200\)\]{border-left-color:var(--c brand--200)}.border-l-\[var\(--c_brand--500\)\]{border-left-color:var(--c brand--500)}.border-l-\[var\(--cg-400\)\]{border-left-color:var(--cg-400)}.border-l-\[var\(--cn-500\)\]{border-left-color:var(--cn-500)}.bg-\[var\(--c_brand--200\)\]{background-color:var(--c brand--200)}.bg-\[var\(--c_brand--500\)\]{background-color:var(--c brand--500)}.bg-\[var\(--cg-400\)\]{background-color:var(--cg-400)}.bg-\[var\(--cn-500\)\]{background-color:var(--cn-500)}.bg-\[var\(--cn-800\)\]{background-color:var(--cn-800)}.bg-\[var\(--cn-900\)\]{background-color:var(--cn-900)}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-3{padding-bottom:.75rem}.pl-4{padding-left:1rem}.pl-6{padding-left:1.5rem}.pt-1{padding-top:.25rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-body,.font-display{font-family:DM Sans,system-ui,sans-serif}.font-mono{font-family:SF Mono,Fira Code,Cascadia Code,ui-monospace,monospace}.text-2xl{font-size:1.5625rem;line-height:2.1rem}.text-3xl{font-size:2.0625rem;line-height:2.45rem}.text-\[0\.65rem\]{font-size:.65rem}.text-\[0\.6rem\]{font-size:.6rem}.text-base{font-size:1.0625rem;line-height:1.65rem}.text-lg{font-size:1.1875rem;line-height:1.75rem}.text-sm{font-size:.9375rem;line-height:1.375rem}.text-xl{font-size:1.3125rem;line-height:1.85rem}.text-xs{font-size:.8125rem;line-height:1.15rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.tracking-\[0\.25em\]{letter-spacing:.25em}.tracking-tight{letter-spacing:-.025em}.tracking-wider{letter-spacing:.05em}.text-\[\#dc2626\]{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-\[var\(--c_brand--200\)\]{color:var(--c brand--200)}.text-\[var\(--cg-400\)\]{color:var(--cg-400)}.text-\[var\(--cn-300\)\]{color:var(--cn-300)}.text-\[var\(--cn-white\)\]{color:var(--cn-white)}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-60{opacity:.6}.shadow-\[0_4px_20px_rgba\(0\,0\,0\,0\.4\)\]{--tw-shadow: 0 4px 20px rgba(0,0,0,.4);--tw-shadow-colored: 0 4px 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_8px_24px_rgba\(0\,0\,0\,0\.5\)\]{--tw-shadow: 0 8px 24px rgba(0,0,0,.5);--tw-shadow-colored: 0 8px 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-\[3px\]{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-\[var\(--cn-800\)\]{--tw-ring-color: var(--cn-800)}.ring-red-200\/30{--tw-ring-color: rgb(254 202 202 / .3)}.backdrop-blur-md{--tw-backdrop-blur: blur(12px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.hover\:border-\[var\(--cn-600\)\]:hover{border-color:var(--cn-600)}.hover\:bg-\[var\(--c_brand--500\)\]:hover{background-color:var(--c brand--500)}.hover\:text-\[var\(--c_brand--200\)\]:hover{color:var(--c brand--200)}.hover\:shadow-\[0_4px_20px_rgba\(0\,0\,0\,0\.4\)\]:hover{--tw-shadow: 0 4px 20px rgba(0,0,0,.4);--tw-shadow-colored: 0 4px 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-sm:hover{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}@media(min-width:640px){.sm\:inline{display:inline}}@media(min-width:768px){.md\:col-span-2{grid-column:span 2 / span 2}.md\:mx-0{margin-left:0;margin-right:0}.md\:mb-2{margin-bottom:.5rem}.md\:mb-8{margin-bottom:2rem}.md\:block{display:block}.md\:hidden{display:none}.md\:w-\[calc\(50\%-20px\)\]{width:calc(50% - 20px)}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:items-center{align-items:center}.md\:gap-2{gap:.5rem}.md\:gap-4{gap:1rem}.md\:gap-6{gap:1.5rem}.md\:self-start{align-self:flex-start}.md\:self-end{align-self:flex-end}.md\:p-8{padding:2rem}.md\:px-0{padding-left:0;padding-right:0}.md\:px-10{padding-left:2.5rem;padding-right:2.5rem}.md\:px-4{padding-left:1rem;padding-right:1rem}.md\:py-12{padding-top:3rem;padding-bottom:3rem}.md\:py-16{padding-top:4rem;padding-bottom:4rem}.md\:py-2{padding-top:.5rem;padding-bottom:.5rem}.md\:py-24{padding-top:6rem;padding-bottom:6rem}.md\:py-3{padding-top:.75rem;padding-bottom:.75rem}.md\:pb-4{padding-bottom:1rem}.md\:pl-0{padding-left:0}.md\:pl-8{padding-left:2rem}.md\:pr-8{padding-right:2rem}.md\:text-2xl{font-size:1.5625rem;line-height:2.1rem}.md\:text-3xl{font-size:2.0625rem;line-height:2.45rem}.md\:text-6xl{font-size:4.125rem;line-height:4.3rem}.md\:text-base{font-size:1.0625rem;line-height:1.65rem}.md\:text-sm{font-size:.9375rem;line-height:1.375rem}.md\:text-xs{font-size:.8125rem;line-height:1.15rem}}.h2{font-size:72px;line-height:80px;letter-spacing:var(--ls-xxl);font-weight:var(--fw-medium)}.h3{font-size:60px;line-height:66px;letter-spacing:var(--ls-xl);font-weight:var(--fw-medium)}@keyframes pulse{0%{box-shadow:#4dff9fb3 0 0;transform:scale(.95)}70%{box-shadow:#fff0 0 0 0 10px;transform:scale(1)}to{box-shadow:#fff0 0 0;transform:scale(.95)}}.reveal-section.visible{opacity:1;transform:none}.stagger-children.visible>*{opacity:1;transform:none}.stagger-children.visible>*:nth-child(1){transition-delay:0s}.stagger-children.visible>*:nth-child(2){transition-delay:.08s}.stagger-children.visible>*:nth-child(3){transition-delay:.16s}.stagger-children.visible>*:nth-child(4){transition-delay:.24s}.stagger-children.visible>*:nth-child(5){transition-delay:.32s}.stagger-children.visible>*:nth-child(6){transition-delay:.4s}.stagger-children.visible>*:nth-child(7){transition-delay:.48s}.stagger-children.visible>*:nth-child(8){transition-delay:.56s}@media(max-width:768px){.h2{font-size:clamp(1.6rem,7vw,2.5rem);line-height:1.15}.h3{font-size:40px;line-height:48px}}.text-\[var\(--cn-300\)\]{color:var(--cn-200)!important}body>.relative.z-10{background-color:var(--alpha-surface)!important;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px)!important;background-size:80px 80px,80px 80px!important;background-position:center top!important}.bento-card{background:var(--alpha-panel)!important;border-color:var(--alpha-border)!important}
/* opacity colour utilities the old build never compiled (the old design faked them with attribute selectors) */
.ai-chronicles [class~="bg-[var(--cn-900)]/95"]{background-color:rgba(10,12,16,.92)}
.ai-chronicles [class~="bg-[var(--cn-900)]/60"],.ai-chronicles [class~="hover:bg-[var(--cn-900)]/60"]:hover{background-color:rgba(18,22,31,.6)}
.ai-chronicles [class~="bg-[var(--cn-700)]/60"]{background-color:rgba(255,255,255,.1)}
.ai-chronicles [class~="bg-[var(--cn-500)]/10"]{background-color:rgba(174,180,194,.1)}
.ai-chronicles [class~="bg-[var(--cn-500)]/5"]{background-color:rgba(174,180,194,.05)}
.ai-chronicles [class~="bg-[var(--c_brand--200)]/10"]{background-color:rgba(153,186,255,.1)}
.ai-chronicles [class~="bg-[var(--c_brand--200)]/5"]{background-color:rgba(153,186,255,.05)}
.ai-chronicles [class~="bg-[var(--c_brand--500)]/10"]{background-color:rgba(0,87,255,.14)}
.ai-chronicles [class~="bg-[var(--c_brand--500)]/5"]{background-color:rgba(0,87,255,.08)}
.ai-chronicles [class~="bg-[var(--cg-400)]/10"]{background-color:rgba(77,255,159,.1)}
.ai-chronicles [class~="bg-[var(--cg-400)]/5"]{background-color:rgba(77,255,159,.05)}
.ai-chronicles [class~="border-[var(--cn-700)]/50"]{border-color:rgba(255,255,255,.09)}
.ai-chronicles [class~="border-[var(--c_brand--200)]/30"]{border-color:rgba(153,186,255,.3)}
.ai-chronicles [class~="border-[var(--c_brand--500)]/30"]{border-color:rgba(0,87,255,.4)}
.ai-chronicles [class~="border-[var(--cg-400)]/30"]{border-color:rgba(77,255,159,.3)}
.ai-chronicles .space-y-3>:not([hidden])~:not([hidden]){margin-top:.75rem}
.ai-chronicles .backdrop-blur-md{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}

/* theme */
.fe-kronika .ai-chronicles{background:#0a0c10;color:#fff;font-family:'DM Sans',system-ui,sans-serif}
.fe-kronika .ai-chronicles .reveal-section,.fe-kronika .ai-chronicles .stagger-children>*{opacity:1!important;transform:none!important;transition:none!important}
.fe-kronika .ai-chronicles [class~="bg-[var(--cn-900)]"]{background-color:#12161f}
.fe-kronika .ai-chronicles .bento-card{border-radius:26px;border:1px solid rgba(255,255,255,.07)}
.fe-kronika .ai-chronicles .bento-card:hover{transform:none}
.fe-kronika .ai-chronicles .sticky{top:0}
.fe-kronika .ai-chronicles [class*="rounded-xl"],.fe-kronika .ai-chronicles [class*="rounded-md"]{border-radius:14px}
.fe-kronika .ai-chronicles .sticky button{min-height:44px}
.fe-kronika .chronicle-shell{background:#0a0c10;padding:0 0 clamp(40px,6vw,80px)}
.fe-kronika .ai-chronicles table{width:100%;border-collapse:collapse}
.fe-kronika .ai-chronicles :focus-visible{outline:2px solid #99baff;outline-offset:3px}
@media (prefers-reduced-motion:reduce){.fe-kronika .ai-chronicles *{animation:none!important;transition:none!important}}