.mk{container-type:inline-size;width:100%;--gap: 3px}.mk-inner{display:grid;gap:var(--gap);--u: 30px}@supports (width: 1cqw){.mk-inner{--u: calc((100cqw - 14 * var(--gap)) / 15)}}.mk-tabs{display:flex;justify-content:center;gap:calc(var(--u) * .12);margin-bottom:calc(var(--u) * .28)}.mk-tab{display:inline-flex;align-items:center;gap:calc(var(--u) * .18);height:calc(var(--u) * .72);padding:0 calc(var(--u) * .45);border-radius:calc(var(--u) * .13);font-size:calc(var(--u) * .31);font-weight:500;color:var(--text-dim);background:color-mix(in srgb,var(--page-color, var(--accent)) 11%,transparent);white-space:nowrap}.mk-tab-active{background:var(--page-color, var(--accent));color:#0c1016}.mk-tab-num{display:inline-flex;align-items:center;justify-content:center;min-width:calc(var(--u) * .4);height:calc(var(--u) * .4);padding:0 calc(var(--u) * .08);border-radius:calc(var(--u) * .1);font-size:calc(var(--u) * .26);font-weight:600;font-variant-numeric:tabular-nums;color:var(--page-color, var(--text-faint));background:color-mix(in srgb,var(--page-color, transparent) 16%,transparent)}.mk-tab-active .mk-tab-num{color:#0a0e14d9;background:#0a0e1424}.mk-row{display:flex;gap:var(--gap)}.mk-key{--w: 1;flex:0 0 auto;box-sizing:border-box;width:calc(var(--u) * var(--w) + var(--gap) * (var(--w) - 1));height:calc(var(--u) * .86);padding:calc(var(--u) * .11) calc(var(--u) * .075);border:1px solid var(--border);border-radius:calc(var(--u) * .16);background:var(--keycap);overflow:hidden;transition:filter 90ms ease,transform 90ms ease,background-color 90ms ease}.mk-inert{background:var(--keycap-inert)}.mk-label{display:block;font-size:calc(var(--u) * .245);font-weight:600;letter-spacing:.02em;line-height:1;white-space:nowrap;overflow:hidden;text-transform:uppercase;color:var(--text-faint)}.mk-panic .mk-label{color:var(--warning)}.mk-lit{background:var(--key-color);border-color:transparent}.mk-lit .mk-label{font-size:calc(var(--u) * .205);letter-spacing:0;text-transform:none;color:#0a0e14c7;font-weight:700}.mk-hit{transform:translateY(1px);filter:brightness(1.22);transition-duration:0ms}.mk-key.mk-hit:not(.mk-lit){background:var(--keycap-hover);border-color:var(--border-strong)}.mk-on{box-shadow:inset 0 0 0 2px #0a0e1473}.mk-land{animation:mk-receive .26s var(--ease-out) both}@keyframes mk-receive{0%{background-color:var(--keycap);border-color:var(--border);transform:scale(1)}45%{transform:scale(.93)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.mk-key{transition:none;animation:none}}.dd{position:relative;display:grid;grid-template-columns:minmax(150px,200px) minmax(0,1fr);gap:24px;align-items:center;padding:22px;border:1px solid var(--border-strong);border-radius:10px;background:linear-gradient(color-mix(in srgb,var(--accent) 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--accent) 4%,transparent) 1px,transparent 1px),var(--bg-raised);background-size:28px 28px,28px 28px,auto;box-shadow:0 24px 60px -30px #0009;overflow:hidden;text-align:left}.dd-folder{border:1px solid var(--border-strong);border-radius:8px;background:var(--bg-panel);overflow:hidden;font-size:12.5px}.dd-folder-bar{display:flex;align-items:center;gap:8px;padding:7px 10px;border-bottom:1px solid var(--border);background:var(--bg-float);color:var(--text-dim);font-size:12px;font-weight:600}.dd-folder-glyph{position:relative;width:14px;height:10px;border-radius:2px;background:var(--accent);flex:0 0 auto}.dd-folder-glyph:before{content:"";position:absolute;left:0;top:-3px;width:6px;height:4px;border-radius:2px 2px 0 0;background:var(--accent)}.dd-files{list-style:none;margin:0;padding:4px 0 8px}.dd-file{display:flex;align-items:center;gap:7px;padding:4px 10px;color:var(--text-dim);white-space:nowrap;transition:background-color .1s ease,opacity .12s ease}.dd-file-sel{background:var(--accent-soft);color:var(--text)}.dd-file-drag{opacity:.4}.dd-ext{flex:0 0 auto;padding:1px 4px;border-radius:3px;background:var(--keycap);color:var(--text-faint);font-size:9px;font-weight:700;letter-spacing:.04em}.dd-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.dd-dur{flex:0 0 auto;font-size:11px;color:var(--text-faint);font-variant-numeric:tabular-nums}.dd-board{min-width:0}.dd-cursor{position:absolute;left:0;top:0;z-index:3;pointer-events:none;opacity:0;transition:opacity .32s ease;will-change:transform}.dd-cursor-shown{opacity:1}.dd-arrow{display:block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.7))}.dd-chip{position:absolute;left:17px;top:-4px;padding:3px 10px;font-size:12.5px;white-space:nowrap;color:var(--text);background:var(--bg-float);border:1px solid var(--accent);border-radius:var(--radius);box-shadow:0 10px 24px -10px #000000e6}@media(max-width:640px){.dd{grid-template-columns:1fr;gap:14px;padding:14px}.dd-files{display:flex;flex-wrap:wrap;gap:4px;padding:6px}.dd-file{padding:3px 8px;border-radius:4px;background:var(--keycap)}.dd-file-sel{background:var(--accent-soft)}.dd-dur{display:none}}.typed-word{--u: min(.96em, calc((100vw - 48px)*.091) );--gap: calc(var(--u) * .1);--sp: calc(var(--u) * .45);--tr: calc(var(--u) * .09);--n: 0;--s: 0;position:relative;display:flex;gap:var(--gap);height:var(--u);width:calc(var(--n) * var(--u) + var(--s) * var(--sp) + (var(--n) + var(--s) - 1) * var(--gap));margin:.24em auto calc(var(--tr) + .12em);transition:width .24s var(--ease-out);letter-spacing:0;text-align:left}.typed-slot{position:relative;flex:none;width:var(--u);height:var(--u)}.typed-slot.is-space{width:var(--sp)}.typed-cap{--top: var(--keycap);--side: color-mix(in srgb, var(--top) 60%, #000);--sh-up: inset 0 1px 0 rgba(255, 255, 255, .07), inset 0 -1px 0 rgba(0, 0, 0, .25), 0 var(--tr) 0 var(--side), 0 calc(var(--tr) + 8px) 16px -8px rgba(0, 0, 0, .7), 0 0 22px 2px transparent;--sh-down: inset 0 1px 0 rgba(255, 255, 255, .04), inset 0 -1px 0 rgba(0, 0, 0, .3), 0 0 0 var(--side), 0 2px 6px -4px rgba(0, 0, 0, .7), 0 0 22px 2px color-mix(in srgb, var(--accent) 34%, transparent);--sh-sink: inset 0 1px 0 rgba(255, 255, 255, .04), inset 0 -1px 0 rgba(0, 0, 0, .3), 0 0 0 var(--side), 0 2px 6px -4px rgba(0, 0, 0, .7), 0 0 22px 2px transparent;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:calc(var(--u) * .15);background:linear-gradient(180deg,color-mix(in srgb,var(--top) 90%,white) 0%,var(--top) 34%);box-shadow:var(--sh-up);opacity:0}.typed-leg{font-weight:700;font-size:calc(var(--u) * .56);line-height:1;letter-spacing:.01em;color:var(--text);text-transform:uppercase;transform:translateY(.02em)}.typed-cap.on{animation:typed-strike .3s both}.typed-cap.on .typed-leg{animation:typed-cool .42s ease-out both}@keyframes typed-strike{0%{opacity:0;transform:translateY(var(--tr));box-shadow:var(--sh-down);animation-timing-function:linear}12%{opacity:1;transform:translateY(var(--tr));box-shadow:var(--sh-down);animation-timing-function:linear(0,.42 26%,1.07 56%,.985 78%,1)}to{opacity:1;transform:translateY(0);box-shadow:var(--sh-up)}}@keyframes typed-cool{0%{color:var(--accent)}to{color:var(--text)}}.typed-cap.off{animation:typed-backspace .17s forwards}@keyframes typed-backspace{0%{opacity:1;transform:translateY(0);box-shadow:var(--sh-up);animation-timing-function:cubic-bezier(.2,.8,.3,1)}35%{opacity:1;transform:translateY(var(--tr));box-shadow:var(--sh-sink);animation-timing-function:ease-in}to{opacity:0;transform:translateY(var(--tr)) scale(.92);box-shadow:var(--sh-sink)}}@media(prefers-reduced-motion:reduce){.typed-word{transition:none}.typed-cap{animation:none!important;transition:opacity .22s ease}.typed-cap.on{opacity:1}.typed-cap.on .typed-leg{animation:none}.typed-cap.off{opacity:0}}