@layer theme, base, components, utilities;@layer components{.mkt{--cobalt:oklch(0.47 0.2 264);--cobalt-deep:oklch(0.36 0.17 264);--cobalt-bright:oklch(0.64 0.16 264);--mist:oklch(0.9 0.04 264);--butter:oklch(0.94 0.096 95);--ink:oklch(0.18 0.015 264);--ink-soft:oklch(0.45 0.02 264);--paper:oklch(0.985 0.004 264);--line:oklch(0.9 0.01 264);--pass:oklch(0.78 0.16 152);--danger:oklch(0.68 0.19 25);font-family:var(--font-archivo),sans-serif;-webkit-font-smoothing:antialiased}.mkt,.mkt-paper{--surface:var(--paper);--tint:oklch(0.955 0.012 264);--fg:var(--ink);--fg-muted:var(--ink-soft);--fg-dim:oklch(0.6 0.015 264);--rule:var(--line);--accent:var(--cobalt);--btn-bg:var(--cobalt);--btn-fg:oklch(1 0 0);--btn-hover:var(--cobalt-deep)}.mkt,.mkt-cobalt,.mkt-paper{background:var(--surface);color:var(--fg)}.mkt-cobalt{--surface:var(--cobalt);--tint:oklch(0.42 0.19 264);--fg:oklch(1 0 0);--fg-muted:var(--mist);--fg-dim:var(--mist);--rule:oklch(0.9 0.04 264/0.3);--accent:oklch(1 0 0);--btn-bg:var(--butter);--btn-fg:var(--ink);--btn-hover:oklch(0.97 0.06 95)}.mkt-chassis,.mkt-ink{--surface:var(--ink);--tint:oklch(0.22 0.017 264);--fg:oklch(0.95 0.008 264);--fg-muted:oklch(0.74 0.02 264);--fg-dim:oklch(0.6 0.02 264);--rule:oklch(0.3 0.02 264);--accent:var(--cobalt-bright);background-color:var(--surface);color:var(--fg)}.mkt ::selection{background:oklch(.47 .2 264);color:oklch(1 0 0)}.mkt-cobalt ::selection{background:oklch(.94 .096 95);color:oklch(.18 .015 264)}.mkt-paper ::selection{background:oklch(.47 .2 264);color:oklch(1 0 0)}.mkt :focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mkt h1,.mkt h2,.mkt h3{text-wrap:balance}.mkt dd,.mkt li,.mkt p{text-wrap:pretty}.mkt-label{font-size:.875rem;font-weight:600;color:var(--fg-muted)}.mkt-mono{font-family:var(--font-fragment-mono),monospace}.mkt-container{margin-inline:auto;width:100%;max-width:1160px;padding-inline:clamp(20px,4vw,40px)}.mkt-btn-primary,.mkt-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;border:1.5px solid transparent;border-radius:999px;font-weight:600;font-size:.9375rem;line-height:1;padding:.875rem 1.5rem;transition:background-color .2s ease-out,border-color .2s ease-out,color .2s ease-out}.mkt-btn-primary{background:var(--btn-bg);color:var(--btn-fg)}.mkt-btn-primary:hover{background:var(--btn-hover)}.mkt-btn-secondary{border-color:var(--fg);color:var(--fg)}.mkt-btn-secondary:hover{background:var(--fg);color:var(--surface)}.mkt-link{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.mkt-link:hover{text-decoration-thickness:2px}.mkt-nav-link{position:relative;color:var(--fg-muted);transition:color .2s ease-out}.mkt-nav-link:after{content:"";position:absolute;left:50%;right:50%;bottom:-4px;height:1px;background:var(--fg);transition:left .25s cubic-bezier(.22,1,.36,1),right .25s cubic-bezier(.22,1,.36,1)}.mkt-nav-link:hover{color:var(--fg)}.mkt-nav-link:hover:after{left:0;right:0}.mkt-chassis{border-radius:12px;background-image:linear-gradient(oklch(1 0 0/.03) 1px,transparent 0),linear-gradient(90deg,oklch(1 0 0/.03) 1px,transparent 0);background-size:22px 22px;box-shadow:0 1px 2px oklch(.18 .015 264/.1),0 18px 40px -16px oklch(.18 .015 264/.4)}.mkt-chassis-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.375rem 1.5rem;border-bottom:1px solid var(--rule);padding:.6875rem 1rem;font-family:var(--font-fragment-mono),monospace;font-size:.8125rem;letter-spacing:.02em;color:var(--fg-muted)}@media (min-width:640px){.mkt-chassis-head{padding-inline:1.25rem}}.mkt-panel{--surface:oklch(1 0 0);--tint:oklch(0.97 0.006 264);--fg:var(--ink);--fg-muted:var(--ink-soft);--fg-dim:oklch(0.6 0.015 264);--rule:var(--line);--accent:var(--cobalt);border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--fg);box-shadow:0 12px 32px -18px oklch(.18 .015 264/.25)}.mkt-frame,.mkt-panel{--pass:oklch(0.52 0.14 152);--danger:oklch(0.55 0.2 25)}.mkt-panel-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.375rem 1.5rem;border-bottom:1px solid var(--rule);padding:.75rem 1rem;font-size:.875rem;color:var(--fg-muted)}@media (min-width:640px){.mkt-panel-head{padding-inline:1.25rem}}.mkt-pill{display:inline-flex;align-items:center;border-radius:999px;padding:0 .5rem;font-size:.75rem;font-weight:500;line-height:1.25rem;white-space:nowrap;background:var(--tint);color:var(--fg-muted)}.mkt-pill[data-tone=pass]{background:oklch(.95 .05 152);color:var(--pass)}.mkt-pill[data-tone=danger]{background:oklch(.95 .035 25);color:var(--danger)}.mkt-pill[data-tone=accent]{background:oklch(.94 .035 264);color:var(--cobalt)}.mkt-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--fg-muted)}.mkt-dot[data-tone=accent]{background:var(--accent)}.mkt-dot[data-tone=pass]{background:var(--pass)}.mkt-dot[data-tone=danger]{background:var(--danger)}.mkt-mega{position:absolute;inset-inline:0;top:100%;background:var(--surface);border-bottom:1px solid var(--rule);box-shadow:0 28px 40px -28px oklch(.18 .015 264/.35);visibility:hidden;opacity:0;transform:translateY(-4px);transition:opacity .18s ease-out,transform .18s ease-out,visibility .18s}.mkt-mega[data-open=true]{visibility:visible;opacity:1;transform:none}.mkt-mega-item{display:flex;align-items:flex-start;gap:.75rem;border-radius:8px;padding:.625rem .75rem;margin-inline:-.75rem;transition:background-color .15s ease-out}.mkt-mega-item:hover{background:var(--tint)}.mkt-mega-icon{flex-shrink:0;margin-top:.125rem;color:var(--fg-muted);transition:color .15s ease-out}.mkt-mega-item:hover .mkt-mega-icon{color:var(--accent)}.mkt-scroll-x{overflow-x:auto;scrollbar-width:none}.mkt-scroll-x::-webkit-scrollbar{display:none}.mkt-enter-line{animation:mkt-enter-line .95s cubic-bezier(.16,1,.3,1) both}.mkt-enter-fade{animation:mkt-enter-fade .7s cubic-bezier(.16,1,.3,1) both}.mkt-enter-rise{animation:mkt-enter-rise .7s cubic-bezier(.16,1,.3,1) both}@keyframes mkt-enter-line{0%{transform:translateY(112%)}}@keyframes mkt-enter-fade{0%{opacity:0;transform:translateY(20px)}}@keyframes mkt-enter-rise{0%{transform:translateY(20px)}}@media (prefers-reduced-motion:reduce){.mkt *,.mkt :after,.mkt :before{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}}