.mkh{--h-bone:var(--color-bone,#f3eee5);--h-paper:var(--color-paper,#fbf8f2);--h-oat:var(--color-oat,#ebe2d3);--h-sand:var(--color-sand,#e1d4bf);--h-ink:var(--color-baobab,var(--color-charcoal,#2a2420));--h-soft:var(--color-stone,#5f5348);--h-accent:var(--color-terracotta-deep,#8a4630);--h-accent-top:var(--color-terracotta,#a4583d);--h-accent-bot:var(--color-terracotta-bot,#7c3f2b);--h-tint:var(--color-terracotta-tint,#eedfd2);--h-ochre:var(--color-ochre,#c9a05a);--h-olive:var(--color-olive-deep,#464b2d);--h-line:var(--hairline,#5a3f3224);--h-radius:var(--radius-card,16px);--h-shadow:inset 0 1.5px 2px #ffffffd9, inset 0 -4px 6px #6e4b3212, 0 1px 2px #3b2a221a, 0 6px 10px -5px #3b2a2229;--h-shadow-press:inset 0 4px 8px #6e4b3233, inset 0 -2px 3px #ffffff8c;--h-ease:var(--ease-soft,cubic-bezier(.22, 1, .36, 1));--h-bar-gap:calc(var(--dock-h,0px) + env(safe-area-inset-bottom,0px) + 8px);color:var(--h-ink)}.mkh-card{background:linear-gradient(175deg, var(--h-paper), var(--h-oat));border-radius:var(--h-radius);box-shadow:var(--h-shadow)}.mkh-well{background:var(--h-oat);border-radius:12px;box-shadow:inset 0 2px 4px #6e4b3224,inset 0 -1px 2px #fff9}.mkh-eyebrow{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.1em;text-transform:uppercase;color:var(--h-accent);font-size:.75rem;line-height:1.2}.mkh-muted{color:var(--h-soft)}.mkh-media{background:var(--h-sand);border-radius:8px;position:relative;overflow:hidden}.mkh-option{cursor:pointer;background:var(--h-paper);border:1.5px solid var(--h-line);height:100%;min-height:2.75rem;transition:transform .2s var(--h-ease), box-shadow .2s var(--h-ease), border-color .2s var(--h-ease), background-color .2s;border-radius:14px;align-items:center;gap:.5rem;padding:.5rem .625rem;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #3b2a220f}@media (hover:hover){.mkh-option:hover{border-color:var(--h-accent);box-shadow:var(--h-shadow)}}.mkh-option:before{content:"";pointer-events:none;background:linear-gradient(#e9c57d,#ad7b37 55%,#754a22);width:4px;position:absolute;top:0;bottom:0;left:0}.mkh-option:active{transform:scale(.98)}.mkh-option:has(input:checked){border-color:var(--h-accent);background:var(--h-tint);box-shadow:0 0 0 1.5px var(--h-accent), var(--h-shadow)}.mkh-option:has(input:focus-visible){outline:3px solid var(--h-accent);outline-offset:3px}.mkh-option .mkh-tick{border:1.5px solid var(--h-line);background:var(--h-paper);color:#0000;border-radius:999px;flex:none;place-items:center;width:1.25rem;height:1.25rem;margin-left:auto;display:grid}.mkh-option:has(input:checked) .mkh-tick{background:var(--h-accent);border-color:var(--h-accent);color:#fff8ee}.mkh-seg{grid-template-columns:repeat(4,minmax(0,1fr));gap:.25rem;max-width:100%;padding:.25rem;display:grid}@media (max-width:479px){.mkh-seg{grid-template-columns:repeat(2,minmax(0,1fr))}}.mkh-seg button{min-height:2.75rem;color:var(--h-ink);transition:background-color .15s, color .15s, transform .15s var(--h-ease);border-radius:12px;padding-inline:.25rem;font-size:.8125rem;font-weight:600;line-height:1.1}.mkh-seg button[aria-pressed=true]{background:var(--h-ink);color:var(--h-bone)}.mkh-seg button:active{transform:scale(.95)}.mkh-pill{background:var(--h-sand);min-height:1.75rem;color:var(--h-ink);border-radius:999px;align-items:center;padding:0 .625rem;font-size:.8125rem;font-weight:600;line-height:1;display:inline-flex}.mkh-pill-line{box-shadow:inset 0 0 0 1.5px var(--h-line);background:0 0}.mkh-btn-text{min-height:2.75rem;color:var(--h-accent);background:var(--h-paper);box-shadow:inset 0 0 0 1.5px var(--h-line);text-align:center;border-radius:999px;justify-content:center;align-items:center;gap:.3rem;padding:0 .75rem;font-size:.8125rem;font-weight:600;line-height:1.15;display:inline-flex}@media (hover:hover){.mkh-btn-text:hover{box-shadow:inset 0 0 0 1.5px var(--h-accent)}}.mkh-btn-text:active{transform:scale(.97)}.mkh-bar{bottom:var(--h-bar-gap);z-index:20;background:color-mix(in srgb, var(--h-paper) 94%, transparent);box-shadow:var(--h-shadow), 0 0 0 1px var(--h-line);border-radius:999px;align-items:center;gap:.5rem;margin-top:1rem;padding:.5rem;display:flex;position:sticky}.mkh :focus-visible{outline:3px solid var(--h-accent);outline-offset:3px}.mkh-input{width:100%;min-height:2.75rem;color:var(--h-ink);background-color:var(--h-paper);border:1.5px solid var(--h-line);border-radius:12px;padding:0 .75rem;font-size:1rem}.mkh select{width:100%;min-height:2.75rem;color:var(--h-ink);background-color:var(--h-paper);border:1.5px solid var(--h-line);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%232A2420' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6l5 5 5-5'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;border-radius:12px;padding:0 2rem 0 .75rem;font-size:1rem}.mkh .mkh-scroll-pad{scroll-margin-top:6rem;scroll-margin-bottom:7rem}@media (prefers-reduced-motion:no-preference){@keyframes mkh-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes mkh-pop{0%{opacity:0;transform:scale(.6)}70%{transform:scale(1.06)}to{opacity:1;transform:scale(1)}}.mkh-rise{animation:mkh-rise .4s var(--h-ease) both}.mkh-pop{animation:mkh-pop .35s var(--h-ease) both}}@media (prefers-reduced-motion:reduce){.mkh *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (max-width:767px){.mkh-bar{padding-right:4.5rem}}.mkh-seg button,.mkh-btn-text{position:relative}.mkh-seg button:after,.mkh-btn-text:after{content:"";height:44px;position:absolute;top:50%;left:0;right:0;translate:0 -50%}