.mk{--mk-paper:#f3f2ec;--mk-paper-2:#ebe9e1;--mk-ink:#1f1e1b;--mk-ink-2:#1f1e1bb8;--mk-ink-3:#1f1e1bb8;--mk-line:#1f1e1b29;--mk-line-strong:#1f1e1b52;--mk-accent:#c43a18;--mk-accent-ink:#fff7f3;--mk-ease:cubic-bezier(.22, 1, .36, 1);background:var(--mk-paper);color:var(--mk-ink);position:relative;overflow-x:clip}.mk:before{content:"";z-index:60;pointer-events:none;opacity:.9;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.2 0 0 0 0 0.19 0 0 0 0 0.17 0 0 0 0.14 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='900' height='900'><filter id='m'><feTurbulence type='fractalNoise' baseFrequency='0.0035' numOctaves='3' seed='4' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.25 0 0 0 0 0.22 0 0 0 0 0.18 0 0 0 0.16 0'/></filter><rect width='100%' height='100%' filter='url(%23m)'/></svg>");background-size:180px 180px,900px 900px;position:fixed;inset:0}.mk-display{font-family:var(--font-archivo), system-ui, sans-serif;text-transform:uppercase;letter-spacing:-.035em;font-weight:700;line-height:.92}.mk-mono{font-family:var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.08em;text-transform:uppercase;font-size:11px}.mk-hair{border-color:var(--mk-line)}.mk-dashed{border-style:dashed}.mk-cross{position:relative}.mk-cross:before,.mk-cross:after{content:"+";font-family:var(--font-jetbrains-mono), monospace;color:var(--mk-ink-3);pointer-events:none;font-size:12px;line-height:1;position:absolute}.mk-cross:before{top:4px;left:6px}.mk-cross:after{bottom:4px;right:6px}.mk-btn{border:1px solid var(--mk-line-strong);min-height:46px;color:var(--mk-ink);font-family:var(--font-jetbrains-mono), monospace;letter-spacing:.1em;text-transform:uppercase;transition:background .35s var(--mk-ease), color .35s var(--mk-ease), border-color .35s var(--mk-ease);background:0 0;align-items:center;gap:14px;padding:0 18px;font-size:11px;display:inline-flex;position:relative;overflow:hidden}.mk-btn .mk-btn-label{white-space:nowrap;height:1em;line-height:1;display:block;position:relative;overflow:hidden}.mk-btn .mk-btn-label>span{transition:transform .5s var(--mk-ease);display:block}.mk-btn .mk-btn-label>span+span{position:absolute;top:100%;left:0}.mk-btn:hover .mk-btn-label>span{transform:translateY(-100%)}.mk-btn .mk-btn-arrow{transition:transform .5s var(--mk-ease)}.mk-btn:hover .mk-btn-arrow{transform:translate(4px)}.mk-btn--accent{background:var(--mk-accent);border-color:var(--mk-accent);color:var(--mk-accent-ink)}.mk-btn--accent:hover{background:var(--mk-ink);border-color:var(--mk-ink)}.mk-btn--ink:hover{background:var(--mk-ink);color:var(--mk-paper)}.mk-marquee{white-space:nowrap;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.mk-marquee-track{will-change:transform;gap:0;animation:38s linear infinite mk-marquee;display:inline-flex}.mk-marquee:hover .mk-marquee-track{animation-play-state:paused}@keyframes mk-marquee{0%{transform:translate(0,0)}to{transform:translate(-50%)}}.mk-ready [data-reveal]{opacity:0;transform:translateY(28px)}.mk-ready [data-reveal-clip]{clip-path:inset(100% 0 0)}.mk-ready .mk-line-mask{overflow:hidden}.mk-loader{z-index:80;background:var(--mk-paper);color:var(--mk-ink);grid-template-rows:auto 1fr auto;padding:20px 24px;display:grid;position:fixed;inset:0}.mk-loader-bar{transform-origin:0;background:var(--mk-accent);width:100%;height:2px;position:absolute;top:0;left:0;transform:scaleX(0)}.mk-scene{height:100svh;position:relative;overflow:hidden}.mk-scene-title{text-align:center;pointer-events:none;opacity:0;place-items:center;padding:0 24px;display:grid;position:absolute;inset:0}.mk-plan{aspect-ratio:1;opacity:0;width:min(72vh,86vw);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mk-plan .wall{fill:none;stroke:var(--mk-ink);stroke-width:7px;stroke-linecap:square;stroke-linejoin:miter}.mk-plan .thin{fill:none;stroke:var(--mk-ink);stroke-width:1.2px;opacity:.8}.mk-plan .room-fill{fill:var(--mk-accent);opacity:0}.mk-plan .room-hit{fill:#0000;cursor:pointer}.mk-plan .room-hit:focus-visible{outline:none}.mk-plan .room-hit:focus-visible+.room-outline,.mk-plan .room-hit:hover+.room-outline{stroke:var(--mk-accent);opacity:1}.mk-plan .room-outline{fill:none;stroke:var(--mk-accent);stroke-width:1.5px;stroke-dasharray:4 4;opacity:0;pointer-events:none}.mk-plan .room-label{font-family:var(--font-jetbrains-mono), monospace;letter-spacing:.08em;fill:var(--mk-ink);opacity:0;font-size:11px}.mk-plan .dim{fill:none;stroke:var(--mk-ink-3);stroke-width:1px}.mk-plan .dim-text{font-family:var(--font-jetbrains-mono), monospace;fill:var(--mk-ink-2);font-size:9px}.mk-plan .dims,.mk-plan .furn,.mk-plan .openings,.mk-plan .cam{opacity:0}.mk-scene-card{border:1px solid var(--mk-line-strong);background:var(--mk-paper);opacity:0;width:min(300px,100vw - 48px);position:absolute;bottom:24px;left:24px}.mk-scene-card-head{background:var(--mk-ink);color:var(--mk-paper);padding:8px 12px}.mk-scene-step{opacity:0;padding:14px 12px 12px;position:absolute;inset:0}.mk-scene-step:first-child{position:relative}.mk-scene-aside{border-left:1px solid var(--mk-line);opacity:0;flex-direction:column;justify-content:center;width:min(460px,42vw);height:100%;padding:0 32px;display:flex;position:absolute;top:0;right:0;transform:translate(40px)}@media (max-width:1023px){.mk-scene-aside{display:none}}.mk-room-card{z-index:3;border:1px solid var(--mk-ink);background:var(--mk-paper);opacity:0;pointer-events:none;width:240px;transition:opacity .35s var(--mk-ease), transform .35s var(--mk-ease);position:absolute;transform:translateY(8px);box-shadow:0 18px 40px -24px #1f1e1b80}.mk-room-card.is-open{opacity:1;pointer-events:auto;transform:none}.mk-problem{transition:background .4s var(--mk-ease)}.mk-problem:hover{background:var(--mk-paper-2)}.mk-problem svg .draw{fill:none;stroke:var(--mk-ink-2);stroke-width:1.1px;stroke-dasharray:600;stroke-dashoffset:600px}.mk-problem svg .draw-soft{fill:none;stroke:var(--mk-ink-3);stroke-width:1px;stroke-dasharray:3 4}.mk-wordmark text{font-family:var(--font-archivo), system-ui, sans-serif;letter-spacing:-.04em;fill:none;stroke:var(--mk-ink);stroke-width:1.2px;font-weight:800}.mk-wordmark .guide{stroke:var(--mk-ink-3);stroke-width:.8px;stroke-dasharray:2 4}.mk-nav-menu{transition:background .3s var(--mk-ease)}@media (prefers-reduced-motion:reduce){.mk-ready [data-reveal],.mk-ready [data-reveal-clip]{opacity:1;clip-path:none;transform:none}.mk-marquee-track{animation:none}.mk-plan,.mk-plan .room-label,.mk-plan .dims,.mk-plan .furn,.mk-plan .openings,.mk-plan .cam,.mk-scene-aside,.mk-scene-card,.mk-scene-step{opacity:1;transform:none}.mk-problem svg .draw{stroke-dashoffset:0}.mk-scene-title{display:none}.mk-scene-step{position:static}}.mk-cursor{z-index:70;pointer-events:none;opacity:0;width:0;height:0;transition:opacity .3s var(--mk-ease);position:fixed;top:0;left:0}.mk-cursor.is-on{opacity:1}.mk-cursor>span{background:var(--mk-accent);width:8px;height:8px;transition:transform .35s var(--mk-ease), opacity .35s var(--mk-ease);border-radius:50%;position:absolute;top:-4px;left:-4px}.mk-cursor.is-big>span{opacity:.35;transform:scale(3)}@media (hover:none),(pointer:coarse){.mk-cursor{display:none}}.mk-loader-art{pointer-events:none;width:min(880px,70vw);height:fit-content;margin:auto;position:absolute;inset:-6vh 0 0}.mk-loader-art>img{opacity:.55}.mk-loader-scan{background:var(--mk-accent);height:1.5px;position:absolute;top:0;left:-4vw;right:-4vw;box-shadow:0 0 12px #c43a1866}.mk-loader-scan>span{color:var(--mk-accent);position:absolute;bottom:6px;right:0}@media (max-width:639px){.mk-loader-art{display:none}}.mk-hero-stage{cursor:crosshair;touch-action:pan-y}.mk-hero-ui{pointer-events:none;opacity:0;transition:opacity .3s var(--mk-ease);position:absolute;inset:0}.mk-hero-ui.is-on{opacity:1}.mk-hero-cross{width:0;height:0;position:absolute;top:0;left:0}.mk-hero-cross-h,.mk-hero-cross-v{background:var(--mk-ink);opacity:.25;position:absolute}.mk-hero-cross-h{width:200vw;height:1px;top:0;left:-100vw}.mk-hero-cross-v{width:1px;height:200vh;top:-100vh;left:0}.mk-hero-cross-plus{width:14px;height:14px;position:absolute;top:-7px;left:-7px}.mk-hero-cross-plus:before,.mk-hero-cross-plus:after{content:"";background:var(--mk-accent);position:absolute}.mk-hero-cross-plus:before{width:2px;height:14px;top:0;left:6px}.mk-hero-cross-plus:after{width:14px;height:2px;top:6px;left:0}.mk-hero-coords{text-align:right;width:56px;color:var(--mk-ink-3);font-size:10px;line-height:1.3;position:absolute;top:10px;left:-64px}.mk-hero-tip{color:var(--mk-paper);background:#3b3a36;max-width:190px;padding:8px 10px;line-height:1.4;position:absolute;top:0;left:0}.mk-hero-stage:active .mk-hero-tip{opacity:0}.mk-pin{z-index:3;pointer-events:auto;width:16px;height:16px;position:absolute;transform:translate(-50%,-50%)}.mk-pin-bg{background:var(--mk-accent);opacity:.85;width:16px;height:16px;transition:width .45s var(--mk-ease), height .45s var(--mk-ease), top .45s var(--mk-ease), right .45s var(--mk-ease);animation:2.2s ease-in-out infinite mk-pin-pulse;position:absolute;top:0;right:0}@keyframes mk-pin-pulse{0%,to{opacity:.85}50%{opacity:.45}}.mk-pin-ic{width:16px;height:16px;font-family:var(--font-jetbrains-mono), monospace;color:var(--mk-accent-ink);transition:transform .45s var(--mk-ease);place-items:center;font-size:12px;line-height:1;display:grid;position:absolute;top:0;right:0}.mk-pin-txt{opacity:0;pointer-events:none;width:210px;transition:opacity .3s var(--mk-ease) .1s;text-transform:none;letter-spacing:.04em;gap:4px;padding:26px 12px 10px;display:grid;position:absolute;top:0;right:0}.mk-pin:hover .mk-pin-bg,.mk-pin:focus-within .mk-pin-bg{opacity:.94;width:210px;height:78px;animation:none}.mk-pin:hover .mk-pin-ic,.mk-pin:focus-within .mk-pin-ic{transform:rotate(45deg)}.mk-pin:hover .mk-pin-txt,.mk-pin:focus-within .mk-pin-txt{opacity:1}.mk-ready [data-ink-reveal]{--ink-r:0%;-webkit-mask-image:radial-gradient(circle var(--ink-r) at 50% 50%, #000 70%, transparent 100%);-webkit-mask-image:radial-gradient(circle var(--ink-r) at 50% 50%, #000 70%, transparent 100%);mask-image:radial-gradient(circle var(--ink-r) at 50% 50%, #000 70%, transparent 100%)}.mk-plan .renderframe{opacity:0}.mk-wordmark text.filled{fill:var(--mk-ink);stroke:none}.mk-wordmark{cursor:crosshair}@media (prefers-reduced-motion:reduce){.mk-pin-bg{animation:none}.mk-plan .renderframe{opacity:1}.mk-ready [data-ink-reveal]{-webkit-mask-image:none;mask-image:none}}.mk-time{z-index:4;border:1px solid var(--mk-line-strong);background:var(--mk-paper);align-items:stretch;display:flex;position:absolute;bottom:0;right:0}.mk-time-label{color:var(--mk-ink-3);border-right:1px solid var(--mk-line);padding:10px 12px}.mk-time button{color:var(--mk-ink-2);font:inherit;letter-spacing:inherit;text-transform:inherit;transition:background .3s var(--mk-ease), color .3s var(--mk-ease);padding:10px 14px}.mk-time button+button{border-left:1px solid var(--mk-line)}.mk-time button.is-on{background:var(--mk-ink);color:var(--mk-paper)}.mk-time button:hover:not(.is-on){background:var(--mk-paper-2);color:var(--mk-ink)}.mk-iso{aspect-ratio:1;pointer-events:none;width:min(82vh,86vw);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mk-iso img{opacity:0;width:100%;height:100%;position:absolute;inset:0}.mk-iso-label{background:var(--mk-ink);color:var(--mk-paper);white-space:nowrap;opacity:0;padding:6px 10px;position:absolute;bottom:4%;left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.mk-iso img:last-of-type,.mk-iso-label{opacity:1}}.mk-shutter{z-index:75;pointer-events:none;position:fixed;inset:0}.mk-shutter i{background:var(--mk-ink-3);opacity:0;position:absolute}.mk-shutter i:first-child,.mk-shutter i:nth-child(2){height:1px;left:0;right:0}.mk-shutter i:nth-child(3),.mk-shutter i:nth-child(4){width:1px;top:0;bottom:0}.mk-hold{background:var(--mk-paper);min-height:100vh}.mk-shutter--closed i{opacity:1}.mk-shutter--closed i:first-child,.mk-shutter--closed i:nth-child(2){top:50%}.mk-shutter--closed i:nth-child(3),.mk-shutter--closed i:nth-child(4){left:50%}.mk-problem svg rect[fill="var(--mk-accent)"]{transition:transform .4s var(--mk-ease);transform-origin:50%;transform-box:fill-box}.mk-problem:hover svg rect[fill="var(--mk-accent)"]{transform:scale(1.8)}.mk-problem:hover svg .draw-soft{stroke:var(--mk-accent)}.mk-problem svg .draw-soft{transition:stroke .4s var(--mk-ease)}.mk-problem:hover .mk-cross:before,.mk-problem:hover:before,.mk-problem:hover:after{color:var(--mk-accent)}.mk-chat{z-index:2;border:1px solid var(--mk-ink);background:var(--mk-paper);width:min(320px,70%);margin:-34% 0 0 auto;position:relative;box-shadow:0 24px 50px -30px #1f1e1b99}.mk-msg{max-width:92%;color:var(--mk-ink-2);opacity:0;background:#1f1e1b0f;padding:8px 10px;font-size:12px;line-height:1.45;transform:translateY(8px)}.mk-msg--you{background:var(--mk-paper-2);color:var(--mk-ink);border:1px solid var(--mk-line);margin-left:auto}.mk-typing{opacity:0;gap:4px;padding:4px 10px;display:flex}.mk-typing span{background:var(--mk-ink-3);border-radius:50%;width:5px;height:5px;animation:1s ease-in-out infinite mk-typing}.mk-typing span:nth-child(2){animation-delay:.15s}.mk-typing span:nth-child(3){animation-delay:.3s}@keyframes mk-typing{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.mk-logo{width:26px;height:26px}.mk-intro-stage{cursor:crosshair}.mk-problem-art{position:relative}.mk-problem-corner{opacity:0;width:10px;height:10px;transition:opacity .4s var(--mk-ease), transform .5s var(--mk-ease);position:absolute}.mk-problem-corner:before,.mk-problem-corner:after{content:"";background:var(--mk-ink-3);position:absolute}.mk-problem-corner:before{width:1px;height:10px;top:0;left:4px}.mk-problem-corner:after{width:10px;height:1px;top:4px;left:0}.mk-problem-corner--tl{top:12%;left:18%;transform:translate(8px,8px)}.mk-problem-corner--br{bottom:12%;right:18%;transform:translate(-8px,-8px)}.mk-problem:hover .mk-problem-corner{opacity:1;transform:none}.mk-problem-dot{background:var(--mk-accent);opacity:0;width:6px;height:6px;transition:opacity .3s var(--mk-ease);border-radius:50%;position:absolute;top:70%;left:22%}.mk-problem:hover .mk-problem-dot{opacity:1;animation:3.2s ease-in-out infinite mk-roam}@keyframes mk-roam{0%{transform:translate(0)}35%{transform:translate(140px,-70px)}70%{transform:translate(60px,-140px)}to{transform:translate(0)}}.mk-problem svg{transition:transform .6s var(--mk-ease)}.mk-problem:hover svg{animation:3s ease-in-out infinite mk-float;transform:translateY(-6px)rotate(-2deg)}@keyframes mk-float{0%,to{transform:translateY(-6px)rotate(-2deg)}50%{transform:translateY(2px)rotate(1deg)}}.mk-problem:hover .draw{animation:mk-redraw 1.4s var(--mk-ease)}@keyframes mk-redraw{0%{stroke-dashoffset:600px}to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.mk-problem:hover svg,.mk-problem:hover .mk-problem-dot,.mk-problem:hover .draw{animation:none}}
