.mk-top{position:relative;z-index:5;padding:22px 64px;justify-content:space-between;gap:20px}.mk-brand,.mk-top{display:flex;align-items:center}.mk-brand{gap:12px;text-decoration:none;color:inherit}.mk-brand-mark{width:28px;height:28px;border-radius:7px;background:var(--brand-gradient);box-shadow:0 4px 12px -2px color-mix(in oklch,var(--brand-primary) 30%,transparent)}.mk-brand-name{font-family:var(--font-audiowide);font-size:16px;letter-spacing:.08em;color:var(--foreground)}.mk-nav{display:flex;gap:28px;font-size:14px;font-weight:500;align-items:center}.mk-nav a{color:var(--muted-foreground);text-decoration:none;position:relative;padding:4px 0;transition:color .15s ease}.mk-nav a:hover{color:var(--brand-primary)}.mk-nav a[aria-current=page]{color:var(--foreground);font-weight:600}.mk-nav a[aria-current=page]:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:2px;border-radius:2px;background:var(--brand-gradient)}.mk-top-right{display:flex;gap:12px;align-items:center}.mk-signin{font-size:14px;color:var(--foreground);text-decoration:none;font-weight:600}.mk-signin:hover{color:var(--brand-primary)}.mk-cta-pill{padding:9px 18px;border-radius:999px;background:var(--brand-gradient);color:var(--brand-primary-foreground);font-size:14px;font-weight:700;text-decoration:none;box-shadow:0 6px 18px -4px color-mix(in oklch,var(--brand-primary) 45%,transparent);gap:6px;white-space:nowrap}.mk-cta-pill,.mk-theme-toggle{display:inline-flex;align-items:center}.mk-theme-toggle{justify-content:center;width:36px;height:36px;background:none;border:1px solid var(--border);border-radius:10px;color:var(--muted-foreground);cursor:pointer;transition:color .15s ease,border-color .15s ease}.mk-theme-toggle:hover{color:var(--brand-primary);border-color:color-mix(in oklch,var(--brand-primary) 40%,transparent)}.mk-theme-toggle:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.mk-burger{display:none;background:none;border:1px solid var(--border);border-radius:10px;padding:8px;cursor:pointer;color:var(--foreground);align-items:center;justify-content:center}.mk-burger:hover{border-color:color-mix(in oklch,var(--brand-primary) 40%,transparent);color:var(--brand-primary)}.mk-burger:focus-visible{outline:2px solid var(--ring);outline-offset:2px}@media (max-width:899px){.mk-top{padding:16px 24px}.mk-nav,.mk-top-right{display:none}.mk-burger{display:inline-flex}}.mk-sheet-overlay{position:fixed;inset:0;background:color-mix(in oklch,var(--brand-ink) 40%,transparent);backdrop-filter:blur(4px);z-index:60}.mk-sheet-overlay[data-state=open]{animation:mk-fade-in .16s var(--motion-ease)}.mk-sheet-overlay[data-state=closed]{animation:mk-fade-out .14s var(--motion-ease)}@keyframes mk-fade-in{0%{opacity:0}to{opacity:1}}@keyframes mk-fade-out{0%{opacity:1}to{opacity:0}}.mk-sheet{position:fixed;top:0;right:0;bottom:0;z-index:61;width:min(86vw,360px);background:var(--card);box-shadow:-20px 0 60px -20px color-mix(in oklch,var(--brand-ink) 25%,transparent);display:flex;flex-direction:column;padding:22px 22px 28px;gap:14px;overflow-y:auto;font-family:Inter,sans-serif;color:var(--foreground)}.mk-sheet[data-state=open]{animation:mk-slide-in .2s cubic-bezier(.22,1,.36,1)}.mk-sheet[data-state=closed]{animation:mk-slide-out .18s var(--motion-ease)}@keyframes mk-slide-in{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes mk-slide-out{0%{transform:translateX(0)}to{transform:translateX(100%)}}.mk-sheet-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid var(--border)}.mk-sheet-close{background:none;border:1px solid var(--border);border-radius:10px;padding:8px;cursor:pointer;color:var(--foreground);display:inline-flex;align-items:center;justify-content:center}.mk-sheet-close:hover{border-color:color-mix(in oklch,var(--brand-primary) 40%,transparent);color:var(--brand-primary)}.mk-sheet-close:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.mk-sheet-links{display:flex;flex-direction:column;gap:4px;margin-top:6px}.mk-sheet-link{display:flex;align-items:center;justify-content:space-between;padding:14px;border-radius:12px;font-size:16px;font-weight:500;color:var(--foreground);text-decoration:none;border:1px solid transparent}.mk-sheet-link:hover{background:color-mix(in oklch,var(--brand-primary) 6%,transparent);border-color:color-mix(in oklch,var(--brand-primary) 18%,transparent)}.mk-sheet-link:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.mk-sheet-link[aria-current=page]{background:linear-gradient(135deg,color-mix(in oklch,var(--brand-primary) 12%,transparent),color-mix(in oklch,var(--brand-pink) 8%,transparent));border-color:color-mix(in oklch,var(--brand-primary) 28%,transparent);font-weight:700}.mk-sheet-extras{flex-direction:column}.mk-sheet-extras,.mk-sheet-theme{margin-top:6px;padding-top:14px;border-top:1px solid var(--border);display:flex;gap:10px}.mk-sheet-theme{align-items:center}.mk-sheet-foot{margin-top:auto;padding-top:18px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:12px}.mk-sheet-signin{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:12px;border:1px solid var(--border);color:var(--foreground);font-size:15px;font-weight:600;text-decoration:none}.mk-sheet-signin:hover{border-color:color-mix(in oklch,var(--brand-primary) 40%,transparent);color:var(--brand-primary)}.mk-sheet-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;border-radius:12px;background:var(--brand-gradient);color:var(--brand-primary-foreground);font-size:15px;font-weight:700;text-decoration:none;box-shadow:0 8px 18px -6px color-mix(in oklch,var(--brand-primary) 45%,transparent)}.mk-foot{padding:32px 64px;font-family:var(--font-mono);font-size:11px;color:var(--muted-foreground);letter-spacing:.12em;text-transform:uppercase;font-weight:600;text-align:center;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:18px;align-items:center}.mk-foot-links{display:flex;gap:24px;flex-wrap:wrap;justify-content:center}.mk-foot a{color:inherit;text-decoration:none}.mk-foot a:hover{color:var(--brand-primary)}@media (max-width:700px){.mk-foot{padding:28px 24px}.mk-foot-links{gap:14px 18px}}