.mk{--background:#f7f7f4;--foreground:#22201a;--card:#fefdfc;--card-foreground:#22201a;--popover:#fefdfc;--popover-foreground:#22201a;--primary:#22201a;--primary-foreground:#f7f7f4;--secondary:#eeede8;--secondary-foreground:#302e27;--muted:#eeede8;--muted-foreground:#636058;--accent:#eae8e1;--accent-foreground:#2b2922;--signal:#f4c423;--signal-foreground:#201d12;--signal-ink:#87660c;--destructive:#ac3225;--success:#167645;--border:#dbd9d3;--input:#d1cfc8;--ring:#ddb227}@supports (color:lab(0% 0 0)){.mk{--background:lab(97.1252% -.128865 1.51824);--foreground:lab(12.4867% -.241578 4.66825);--card:lab(99.4327% -.0656247 .758374);--card-foreground:lab(12.4867% -.241578 4.66825);--popover:lab(99.4327% -.0656247 .758374);--popover-foreground:lab(12.4867% -.241578 4.66825);--primary:lab(12.4867% -.241578 4.66825);--primary-foreground:lab(97.1252% -.128865 1.51824);--secondary:lab(93.6637% -.219136 2.66116);--secondary-foreground:lab(18.8685% -.270158 4.6427);--muted:lab(93.6576% -.189543 2.27983);--muted-foreground:lab(40.9225% -.357941 5.38111);--accent:lab(91.9419% -.303984 3.80795);--accent-foreground:lab(16.5479% -.261053 4.65066);--signal:lab(81.8133% 7.77677 77.4814);--signal-foreground:lab(10.7792% -.205614 7.75331);--signal-ink:lab(45.6004% 8.15913 49.4883);--destructive:lab(40.4807% 49.489 37.7892);--success:lab(43.4861% -36.8602 19.0331);--border:lab(86.7097% -.246882 3.04376);--input:lab(83.2417% -.301451 3.80975);--ring:lab(74.8279% 6.92728 69.7332)}}.mk :focus-visible{outline:2px solid var(--ring);outline-offset:2px}@layer components{.mk-card{background:var(--card);border:1px solid var(--border);border-radius:6px}.mk-band{background:color-mix(in oklch, var(--signal) 4%, var(--background))}.mk-grid-bg{background-image:linear-gradient(color-mix(in oklch, var(--foreground) 5%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in oklch, var(--foreground) 5%, transparent) 1px, transparent 1px), linear-gradient(color-mix(in oklch, var(--foreground) 7%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in oklch, var(--foreground) 7%, transparent) 1px, transparent 1px);background-size:8px 8px,8px 8px,40px 40px,40px 40px;-webkit-mask-image:radial-gradient(80% 75% at 50% 20%,#000 25%,#0000 100%);mask-image:radial-gradient(80% 75% at 50% 20%,#000 25%,#0000 100%)}.mk-btn{background:var(--signal);color:var(--signal-foreground);transition:background-color .15s var(--ease-out-strong), transform .16s var(--ease-out-strong);border-radius:4px;justify-content:center;align-items:center;gap:.5rem;font-weight:600;display:inline-flex}.mk-btn:hover{background:color-mix(in oklch, var(--signal) 85%, var(--signal-foreground))}@media (prefers-reduced-motion:no-preference){.mk-btn:active{transform:scale(.97)}}.mk-btn-outline{border:1px solid color-mix(in oklch, var(--foreground) 25%, transparent);color:var(--foreground);transition:border-color .15s var(--ease-out-strong), background-color .15s var(--ease-out-strong);border-radius:4px;justify-content:center;align-items:center;gap:.5rem;font-weight:600;display:inline-flex}.mk-btn-outline:hover{border-color:color-mix(in oklch, var(--foreground) 50%, transparent);background:color-mix(in oklch, var(--accent) 50%, transparent)}.mk-chip{border:1px solid var(--border);background:var(--card);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted-foreground);white-space:nowrap;border-radius:3px;align-items:center;gap:.4rem;padding:.28rem .6rem;font-size:.66rem;font-weight:500;display:inline-flex}.mk-type{vertical-align:bottom;display:inline-block}.mk-step,.mk-stamp{will-change:transform, opacity}@media (prefers-reduced-motion:no-preference){.mk-type{white-space:nowrap;border-right:2px solid var(--foreground);width:0;overflow:hidden}.mk-run .mk-type{animation:1.4s steps(28,end) .35s forwards mk-type,1.1s step-end infinite mk-caret}.mk-step{opacity:0;animation:mk-step .45s var(--ease-out-strong) forwards;transform:translateY(10px)}.mk-run .mk-step-1{animation-delay:1.85s}.mk-run .mk-step-2{animation-delay:2s}.mk-run .mk-step-3{animation-delay:2.15s}.mk-run .mk-step-4{animation-delay:2.3s}.mk-run .mk-step-5{animation-delay:2.45s}.mk-run .mk-step-6{animation-delay:2.6s}.mk-run .mk-step-7{animation-delay:2.75s}.mk-run .mk-step-8{animation-delay:2.9s}.mk-stamp{opacity:0;transform:rotate(10deg)scale(1.4)}.mk-run .mk-stamp{animation:.38s cubic-bezier(.2,1.4,.4,1) 3.4s forwards mk-stamp}}@keyframes mk-type{to{width:28ch}}@keyframes mk-caret{50%{border-right-color:#0000}}@keyframes mk-step{to{opacity:1;transform:translateY(0)}}@keyframes mk-stamp{to{opacity:1;transform:rotate(-6deg)scale(1)}}.mk-nav{background:color-mix(in oklch, var(--background) 85%, transparent);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.mk-drop-panel{visibility:hidden;opacity:0;transition:visibility 0s linear .12s, opacity .15s var(--ease-out-strong), transform .15s var(--ease-out-strong);transform:translateY(4px)}.mk-drop:hover .mk-drop-panel,.mk-drop:focus-within .mk-drop-panel{visibility:visible;opacity:1;transition-delay:0s;transform:translateY(0)}.mk-drop:hover .mk-drop-chevron,.mk-drop:focus-within .mk-drop-chevron{transform:rotate(180deg)}}