.mk-page{isolation:isolate;position:relative}.mk-stage{background:radial-gradient(90rem 40rem at 50% -18rem, color-mix(in srgb, var(--brand) 13%, transparent), transparent 70%), linear-gradient(to bottom, color-mix(in srgb, var(--brand-soft) 85%, transparent), color-mix(in srgb, var(--brand-soft) 30%, transparent));isolation:isolate;position:relative;overflow:hidden}.mk-stage:before{z-index:-1;pointer-events:none;content:"";background-image:radial-gradient(color-mix(in srgb, var(--brand) 22%, transparent) 1px, transparent 1px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}.mk-dotgrid{background-image:radial-gradient(color-mix(in srgb, var(--ink-3) 34%, transparent) 1px, transparent 1px);background-size:20px 20px}.mk-grain{isolation:isolate;position:relative}.mk-grain:after{z-index:0;pointer-events:none;content:"";border-radius:inherit;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='0.72' numOctaves='2' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect filter='url(%23n)' height='100%25' width='100%25'/%3E%3C/svg%3E");position:absolute;inset:0}.mk-reveal{animation:none}@media (prefers-reduced-motion:no-preference){.mk-reveal{animation:.8s cubic-bezier(.22,1,.36,1) both mk-rise;animation-delay:var(--mk-delay,0s)}@keyframes mk-rise{0%{opacity:0;translate:0 16px}to{opacity:1;translate:0}}}.mk-navlink{position:relative}.mk-navlink:after{content:"";background:var(--brand);transform-origin:0;border-radius:1px;height:2px;transition:transform .25s cubic-bezier(.22,1,.36,1);position:absolute;bottom:-3px;left:0;right:0;transform:scaleX(0)}.mk-navlink:hover:after,.mk-navlink:focus-visible:after{transform:scaleX(1)}.mk-live-dot{position:relative}@media (prefers-reduced-motion:no-preference){.mk-live-dot:before{content:"";background:currentColor;border-radius:9999px;animation:2.2s cubic-bezier(0,0,.2,1) infinite mk-ping;position:absolute;inset:0}@keyframes mk-ping{0%{opacity:.7;transform:scale(1)}70%,to{opacity:0;transform:scale(2.4)}}}.mk-eq{align-items:center;gap:3px;height:1rem;display:inline-flex}.mk-eq>span{background:currentColor;border-radius:2px;width:3px;height:55%}@media (prefers-reduced-motion:no-preference){.mk-eq>span{animation:1.15s ease-in-out infinite mk-eq}.mk-eq>span:nth-child(2){animation-delay:.12s}.mk-eq>span:nth-child(3){animation-delay:.28s}.mk-eq>span:nth-child(4){animation-delay:.42s}.mk-eq>span:nth-child(5){animation-delay:.2s}@keyframes mk-eq{0%,to{height:30%}50%{height:100%}}}.mk-watermark{color:color-mix(in srgb, var(--brand) 9%, transparent);-webkit-user-select:none;user-select:none}.dark .mk-watermark{color:color-mix(in srgb, var(--brand) 14%, transparent)}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.mk-enter{animation:.7s cubic-bezier(.22,1,.36,1) both mk-rise;animation-timeline:view();animation-range:entry 5% cover 22%}}.mk-swap{animation:.45s cubic-bezier(.22,1,.36,1) both mk-swap-in}@keyframes mk-swap-in{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0}}.mk-dots>span{animation:1.6s ease-in-out infinite mk-dot}.mk-dots>span:nth-child(2){animation-delay:.22s}.mk-dots>span:nth-child(3){animation-delay:.44s}@keyframes mk-dot{0%,to{opacity:.3}50%{opacity:.9}}}.mk-home{--mk-slip:color-mix(in srgb, var(--red-soft) 88%, var(--surface));--mk-slip-edge:color-mix(in srgb, var(--red) 55%, var(--red-soft));--mk-pen:var(--blue);--mk-stamp:var(--brand)}.dark .mk-home{--mk-slip:color-mix(in srgb, var(--red-soft) 70%, var(--surface));--mk-slip-edge:color-mix(in srgb, var(--red) 40%, var(--red-soft))}.mk-display{font-family:var(--font-brand);letter-spacing:-.03em;font-weight:600}.mk-display-em{color:var(--ink-3);font-style:normal}.mk-pen{color:var(--mk-pen);font-style:italic;font-weight:500}.mk-slip{background:var(--mk-slip);box-shadow:0 1px 0 color-mix(in srgb, var(--ink) 6%, transparent), 0 18px 40px -18px color-mix(in srgb, var(--ink) 38%, transparent), 0 2px 6px -2px color-mix(in srgb, var(--ink) 18%, transparent);border-radius:3px;overflow:hidden}.mk-slip-edge{background:radial-gradient(circle at 6px 100%, var(--mk-slip) 2px, transparent 2.5px) 0 0 / 12px 100% repeat-x, var(--mk-slip-edge)}.mk-ruled{background-image:linear-gradient(to bottom, transparent calc(1.6rem - 1px), color-mix(in srgb, var(--ink) 18%, transparent) calc(1.6rem - 1px));background-size:100% 1.6rem}.mk-slip-drop{animation:none}.mk-stamp{color:var(--mk-stamp);background:color-mix(in srgb, var(--mk-slip) 55%, transparent);opacity:.92;border:3px double;border-radius:6px;rotate:-9deg}.dark .mk-stamp{color:var(--brand-bright)}@media (prefers-reduced-motion:no-preference){.mk-slip-drop{animation:.7s cubic-bezier(.22,1,.36,1) both mk-drop;animation-delay:var(--mk-delay,0s)}@keyframes mk-drop{0%{opacity:0;translate:0 -28px}to{opacity:1;translate:0}}.mk-stamp{animation:.34s cubic-bezier(.5,0,.75,0) both mk-stamp;animation-delay:var(--mk-delay,0s)}@keyframes mk-stamp{0%{opacity:0;scale:1.7}75%{opacity:.92;scale:.97}to{opacity:.92;scale:1}}}.mk-receipt{background:var(--surface);border-bottom:2px dashed var(--line)}.mk-leader{border-bottom:1.5px dotted color-mix(in srgb, var(--ink) 30%, transparent);flex:1;min-width:1.5rem;margin:0 .5rem .3em}.mk-range{appearance:none;cursor:pointer;background:0 0;height:1.75rem}.mk-range:focus-visible{outline:none}.mk-range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--brand) var(--mk-fill,50%), var(--line) var(--mk-fill,50%));border-radius:9999px;height:3px}.mk-range::-moz-range-track{background:var(--line);border-radius:9999px;height:3px}.mk-range::-moz-range-progress{background:var(--brand);border-radius:9999px;height:3px}.mk-range::-webkit-slider-thumb{appearance:none;background:var(--surface);border:2px solid var(--brand);border-radius:9999px;width:22px;height:22px;margin-top:-9.5px;transition:scale .15s}.mk-range::-moz-range-thumb{background:var(--surface);border:2px solid var(--brand);border-radius:9999px;width:18px;height:18px}.mk-range:hover::-webkit-slider-thumb{box-shadow:0 0 0 5px color-mix(in srgb, var(--brand) 22%, transparent);scale:1.15}.mk-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 5px color-mix(in srgb, var(--brand) 22%, transparent);scale:1.15}.mk-range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 5px color-mix(in srgb, var(--brand) 22%, transparent)}
