@font-face{font-family:JBM;src:url(./jbm-400.woff2)format("woff2");font-weight:400 500;font-display:swap}@font-face{font-family:JBM;src:url(./jbm-700.woff2)format("woff2");font-weight:600 800;font-display:swap}:root{--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--pad-x:clamp(20px, 3.2vw, 48px);--pad-y:clamp(18px, 3.6vh, 40px);--ease:cubic-bezier(.2, .8, .2, 1);--ease-io:cubic-bezier(.65, 0, .35, 1);--ok:#2fd47a;--warn:#ffb020;--idle:#8b939d;--panel-w:min(430px, 34vw)}[data-theme=dark]{--ok:#3be08a}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;transition:background-color .6s,color .6s}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit}kbd{font:500 10px/1 var(--mono);opacity:.55;border:1px solid;border-radius:3px;padding:3px 5px}:focus-visible{outline:1.5px solid var(--accent);outline-offset:3px}.app{-webkit-user-select:none;-moz-user-select:none;user-select:none;height:100dvh;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.stage{touch-action:none;cursor:grab;position:absolute;top:0;bottom:0;left:0;right:0}.stage.dragging{cursor:grabbing}.stage canvas.gl{width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.hud{pointer-events:none;padding:calc(var(--pad-y) + var(--safe-t)) calc(var(--pad-x) + var(--safe-r)) calc(var(--pad-y) + var(--safe-b)) calc(var(--pad-x) + var(--safe-l));position:absolute;top:0;bottom:0;left:0;right:0}.hud>*{pointer-events:auto}[data-mode=boot] .hud>*,.hud .vf,.hud .slot,.hud .term,.hud .whisper,.hud .toast{pointer-events:none}.hud-top{left:calc(var(--pad-x) + var(--safe-l));right:calc(var(--pad-x) + var(--safe-r));top:calc(var(--pad-y) + var(--safe-t));pointer-events:none;align-items:flex-start;gap:24px;display:flex;position:absolute}.hud-top>*{pointer-events:auto}.brand{-webkit-touch-callout:none;align-items:center;gap:12px;text-decoration:none;display:flex}.brand-mark{flex:none;width:30px;height:35px}.brand-mark .o,.brand-mark .l{fill:none;stroke:var(--ink);stroke-width:2.6px;stroke-linejoin:round;stroke-linecap:round}.brand-mark .c{fill:var(--accent)}.brand.pressing .brand-mark .c{animation:.65s linear forwards mk-press}@keyframes mk-press{to{opacity:.3;transform:scale(1.6)}}.brand-mark .c{transform-origin:20px 19px}.brand-txt{gap:4px;display:grid}.brand-txt b{letter-spacing:.06em;font-size:25px;font-weight:800;line-height:1}.brand-txt i{white-space:nowrap;font:normal 600 9.5px/1 var(--mono);letter-spacing:.2em;color:var(--ink2)}.rec{font:600 10px/1 var(--mono);letter-spacing:.16em;color:var(--ink2);border-left:1px solid var(--line);align-items:center;gap:7px;height:28px;margin-top:4px;padding:6px 0 0 18px;display:flex}.rec-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;animation:1.6s steps(2,jump-none) infinite mk-blink}@keyframes mk-blink{50%{opacity:.15}}.rec-dev{margin-left:2px}.tools{gap:4px;margin-left:auto;display:flex}.tool{height:36px;font:600 10.5px/1 var(--mono);letter-spacing:.12em;color:var(--ink2);border-radius:4px;align-items:center;gap:7px;padding:0 10px;transition:color .2s,background-color .2s;display:flex}.tool:hover{color:var(--ink);background:color-mix(in srgb, var(--ink) 6%, transparent)}.tool svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.tool svg .f{fill:currentColor;stroke:none}#btn-sound .f{fill:none;stroke:currentColor}#btn-sound[aria-pressed=true] .off,#btn-sound[aria-pressed=false] .on{display:none}.vf{opacity:0;will-change:transform;width:100px;height:100px;transition:opacity .35s;position:absolute;top:0;left:0}.vf.on{opacity:1}.vf-c{border:0 solid var(--ink);width:14px;height:14px;position:absolute}.vf-c.tl{border-width:1.5px 0 0 1.5px;top:0;left:0}.vf-c.tr{border-width:1.5px 1.5px 0 0;top:0;right:0}.vf-c.bl{border-width:0 0 1.5px 1.5px;bottom:0;left:0}.vf-c.br{border-width:0 1.5px 1.5px 0;bottom:0;right:0}.vf-tag{font:600 9.5px/1 var(--mono);letter-spacing:.16em;white-space:nowrap;color:var(--ink);position:absolute;top:-18px;left:0}.vf-tag:before{content:"";vertical-align:1px;background:var(--accent);border-radius:50%;width:5px;height:5px;margin-right:6px;display:inline-block}.panel:before{content:"";z-index:-1;background:radial-gradient(closest-side, color-mix(in srgb, var(--bg) 82%, transparent), transparent);pointer-events:none;position:absolute;top:-60px;bottom:-60px;left:-70px;right:-70px}.panel{right:calc(var(--pad-x) + var(--safe-r) + 2vw);width:var(--panel-w);transition:transform .6s var(--ease), opacity .4s ease;position:absolute;top:50%;transform:translateY(-46%)}[data-mode=read] .panel,[data-mode=insert] .panel{transform:translateY(-50%)}.p-meta{font:600 10.5px/1 var(--mono);letter-spacing:.16em;color:var(--ink2);align-items:center;gap:8px;margin-bottom:14px;display:flex}.p-code{color:var(--ink)}.p-led{background:var(--led,var(--idle));width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb, var(--led,var(--idle)) 18%, transparent);border-radius:50%;margin-left:4px}.p-led.blink{animation:1.6s steps(2,jump-none) infinite mk-blink}.p-title{letter-spacing:.02em;margin:0;font-size:max(34px,min(3.4vw,50px));font-weight:800;line-height:1.12}.p-en{font:600 11px/1.2 var(--mono);letter-spacing:.26em;color:var(--ink2);margin-top:8px}.p-tag{border-top:1.5px solid var(--ink);margin:18px 0 0;padding-top:16px;font-size:15px;line-height:1.65}.p-chips{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.chip{height:24px;color:var(--ink2);border:1px solid var(--line);white-space:nowrap;border-radius:3px;align-items:center;gap:6px;padding:0 9px;font-size:12px;display:inline-flex}.chip.status{color:var(--ink)}.chip.status:before{content:"";background:var(--led,var(--idle));border-radius:50%;width:6px;height:6px}.chip.pc:before{content:"";border:1.2px solid;border-radius:1.5px;width:11px;height:8px;box-shadow:0 3px 0 -2px}.p-detail{opacity:0;transition:grid-template-rows .5s var(--ease), opacity .3s ease;grid-template-rows:0fr;display:grid}.p-detail>*,.p-detail-in{min-height:0;overflow:hidden}[data-mode=read] .p-detail,[data-mode=insert] .p-detail{opacity:1;grid-template-rows:1fr}.p-fields{grid-template-columns:1fr 1fr;gap:14px 20px;margin:22px 0 0;display:grid}.p-fields div{min-width:0}.p-fields dt{font:600 9.5px/1 var(--mono);letter-spacing:.16em;color:var(--ink2);margin-bottom:6px}.p-fields dd{overflow-wrap:anywhere;margin:0;font-size:13.5px;line-height:1.45}.p-fields .wide{grid-column:1/-1}.p-intro{color:color-mix(in srgb, var(--ink) 82%, var(--bg));margin:18px 0 0;font-size:14px;line-height:1.85}.p-actions{align-items:center;gap:8px;margin-top:24px;display:flex}.btn{letter-spacing:.06em;white-space:nowrap;border-radius:3px;align-items:center;gap:10px;height:46px;padding:0 18px;font-size:14.5px;font-weight:700;transition:background-color .25s,color .25s,opacity .25s,transform .15s;display:inline-flex;position:relative}.btn:active{transform:scale(.97)}.btn.primary{background:var(--ink);max-width:260px;color:var(--bg);flex:1}.btn.primary:hover{background:var(--accent);color:#fff}.btn.primary kbd{margin-left:auto}.btn-dot{background:var(--accent);border-radius:50%;width:7px;height:7px}.btn.primary:hover .btn-dot{background:#fff}.btn.ghost{height:46px;color:var(--ink2);padding:0 12px;font-weight:600}.btn.ghost:hover{color:var(--ink)}.btn.ghost kbd{margin-left:2px}.btn[disabled]{opacity:.35;pointer-events:none}#btn-copy,#btn-back,#btn-copy[hidden]{display:none!important}[data-mode=read] #btn-copy:not([hidden]),[data-mode=read] #btn-back,[data-mode=insert] #btn-copy:not([hidden]),[data-mode=insert] #btn-back{display:inline-flex!important}[data-mode=insert] .p-actions{opacity:.4;pointer-events:none}.p-note{min-height:1.5em;color:var(--ink2);margin:12px 0 0;font-size:12.5px;line-height:1.6}.redacting{position:relative}.rd-win{pointer-events:none;z-index:1;position:absolute;overflow:hidden}.rd-ink{background:var(--redact,var(--ink));position:absolute;top:0;bottom:0;left:0;right:0}.rnum{display:inline-flex}.rd{height:1em;line-height:1em;display:inline-block;overflow:hidden}.rd-strip{will-change:transform;flex-direction:column;display:flex}.rd-strip>span{text-align:center;height:1em;line-height:1em}.roll{display:block;position:relative;overflow:hidden}.roll>span{display:block}.roll>span.out{width:100%;position:absolute;top:0;left:0}.counter{left:calc(var(--pad-x) + var(--safe-l));bottom:calc(var(--pad-y) + var(--safe-b) + 34px);position:absolute}.c-label{font:600 9.5px/1 var(--mono);letter-spacing:.18em;color:var(--ink2)}.c-num{font:400 54px/1 var(--mono);letter-spacing:-.02em;align-items:baseline;gap:10px;margin-top:10px;display:flex}.c-num #c-tot{color:var(--ink2);font-size:18px}.c-sl{color:var(--line);font-size:22px}.c-ticks{gap:2px;margin-top:14px;display:flex}.c-tick{width:22px;height:22px;position:relative}.c-tick:after{content:"";background:var(--line);width:1.5px;height:7px;transition:height .4s var(--ease), background-color .3s;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.c-tick.on:after{background:var(--ink);height:15px}.c-tick i{background:var(--tc,var(--line));opacity:.85;border-radius:50%;width:4px;height:4px;position:absolute;top:0;left:50%;transform:translate(-50%)}[data-mode=read] .hint,[data-mode=insert] .hint{opacity:0}.hint{left:50%;bottom:calc(var(--pad-y) + var(--safe-b));font:500 10.5px/1 var(--mono);letter-spacing:.1em;color:var(--ink2);white-space:nowrap;pointer-events:none;transition:opacity .3s;position:absolute;transform:translate(-50%)}.hint b{color:var(--ink);font-weight:600}.hud-foot{right:calc(var(--pad-x) + var(--safe-r));bottom:calc(var(--pad-y) + var(--safe-b));font:500 10.5px/1 var(--mono);letter-spacing:.12em;color:var(--ink2);pointer-events:none;gap:8px;display:flex;position:absolute}#tempo:not(:empty){color:var(--accent);margin-right:10px}.slot{left:50%;bottom:calc(var(--safe-b) + 14px);background:var(--ink);opacity:0;width:min(300px,60vw);height:2px;transition:opacity .3s, transform .5s var(--ease), background-color .2s;position:absolute;transform:translate(-50%)scaleX(.2)}.slot.on{opacity:1;transform:translate(-50%)scaleX(1)}.slot i{background:radial-gradient(closest-side, var(--slot,var(--accent)), transparent);opacity:0;transition:opacity .2s;position:absolute;top:-6px;bottom:-6px;left:10%;right:10%}.slot.ok{--slot:var(--ok);background:var(--ok)}.slot.err{--slot:var(--accent);background:var(--accent)}.slot.ok i,.slot.err i{opacity:.8}.slot.err i{animation:.36s steps(2,jump-none) 4 mk-blink}.term{left:50%;bottom:calc(var(--safe-b) + 40px);min-width:min(340px,86vw);font:500 12px/1.9 var(--mono);letter-spacing:.04em;color:var(--ink);white-space:pre;position:absolute;transform:translate(-50%)}.term .err{color:var(--accent)}.term .ok{color:var(--ok)}.term .dim{color:var(--ink2)}.whisper{left:50%;top:calc(var(--pad-y) + var(--safe-t) + 70px);letter-spacing:.08em;color:var(--ink2);opacity:0;white-space:nowrap;font-size:14px;transition:opacity .6s;position:absolute;transform:translate(-50%)}.whisper.on{opacity:1}.toast{left:50%;bottom:calc(var(--pad-y) + var(--safe-b) + 34px);color:var(--bg);background:var(--ink);opacity:0;transition:opacity .25s, transform .35s var(--ease);white-space:nowrap;text-overflow:ellipsis;border-radius:3px;max-width:90vw;padding:10px 16px;font-size:13px;position:absolute;overflow:hidden;transform:translate(-50%,8px)}.toast.on{opacity:1;transform:translate(-50%)}.about{border:1px solid var(--line);width:min(560px,100vw - 32px);max-height:min(86dvh,760px);color:var(--ink);background:var(--bg2);-webkit-user-select:text;-moz-user-select:text;user-select:text;border-radius:4px;padding:0;overflow:auto;box-shadow:0 30px 80px -20px #00000059}.about::backdrop{background:color-mix(in srgb, var(--bg) 60%, transparent);-webkit-backdrop-filter:blur(6px)}.about[open]{animation:mk-pop .3s var(--ease)}@keyframes mk-pop{0%{opacity:0;transform:translateY(12px)}}.ab-in{padding:24px 26px 26px;font-size:14px;line-height:1.75}.ab-head{justify-content:space-between;align-items:center;display:flex}.ab-head h2{margin:0;font-size:20px}.ab-x{width:40px;height:40px;color:var(--ink2);font-size:24px;line-height:1}.about h3{font:600 10.5px/1 var(--mono);letter-spacing:.18em;color:var(--ink2);margin:22px 0 6px}.ab-set{border-top:1px solid var(--line);margin-top:16px}.ab-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:52px;display:flex}.seg{border:1px solid var(--line);border-radius:3px;display:inline-flex;overflow:hidden}.seg button{min-width:52px;height:34px;color:var(--ink2);padding:0 10px;font-size:13px}.seg button+button{border-left:1px solid var(--line)}.seg button.on{color:var(--bg);background:var(--ink)}.ab-keys{color:var(--ink2);margin:0;font-size:13px}.ab-credits{color:var(--ink2);margin:0;padding-left:18px;font-size:13px}.ab-credits li{margin:6px 0}.ab-egg{color:var(--ink2);opacity:.7;margin:18px 0 0;font-size:12.5px}.launch{z-index:60;pointer-events:none;width:100%;height:100%;display:none;position:fixed;top:0;bottom:0;left:0;right:0}.launch.on{display:block}.deck{perspective:1400px;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.deck:before{content:"";background:repeating-linear-gradient(62deg, transparent 0 34px, color-mix(in srgb, var(--line) 55%, transparent) 34px 35px, transparent 35px 52px);opacity:.55;position:absolute;top:-20%;bottom:-20%;left:-20%;right:-20%;transform:rotate(-8deg);-webkit-mask-image:radial-gradient(70% 60% at 40% 45%,#000 20%,#0000 75%);mask-image:radial-gradient(70% 60% at 40% 45%,#000 20%,#0000 75%)}.c2{width:var(--cw);height:calc(var(--cw) * 1.1875);will-change:transform, opacity;transform-origin:50% 100%;position:absolute;top:0;left:0}.c2-body{clip-path:polygon(0 0,81% 0,100% 15.8%,100% 100%,0 100%);background:var(--shell2d);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink) 10%, transparent);border-radius:6px;position:absolute;top:0;bottom:0;left:0;right:0}.c2-core{aspect-ratio:1;width:94%;position:absolute;top:4%;left:3%;overflow:hidden}.c2-core canvas{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.c2-core canvas.frost{filter:blur(calc(var(--cw) * .035)) saturate(1.2);opacity:.92;transform:scale(1.06)}.c2-milk{background:var(--milk2d);position:absolute;top:0;bottom:0;left:0;right:0}.c2-label{color:#111;background:#f7f7f4;border-radius:2px;align-items:center;gap:6%;width:58%;height:12%;padding:0 5%;display:flex;position:absolute;bottom:4.5%;left:5%;overflow:hidden;box-shadow:0 1px 2px #0000001f}.c2-label:before{content:"";background:var(--gc,#ccc);flex:none;width:5%;height:60%}.c2-label b{font:700 calc(var(--cw) * .045) / 1 var(--mono);letter-spacing:.05em;white-space:nowrap}.c2-label span{font-size:calc(var(--cw) * .05);white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.c2-led{aspect-ratio:1;background:var(--led,var(--idle));width:4%;box-shadow:0 0 calc(var(--cw) * .03) var(--led,transparent);border-radius:50%;position:absolute;top:-1.2%;right:22%}.c2-led.blink{animation:1.6s steps(2,jump-none) infinite mk-blink}.c2-sheen{clip-path:polygon(0 0,81% 0,100% 15.8%,100% 100%,0 100%);pointer-events:none;background:linear-gradient(118deg,#0000 30%,#ffffff29 42%,#0000 52%);position:absolute;top:0;bottom:0;left:0;right:0}.c2-scan{background:var(--accent);height:2px;box-shadow:0 0 12px var(--accent);opacity:0;position:absolute;left:0;right:0}@media (max-width:760px),(max-aspect-ratio:4/5){:root{--pad-x:18px;--pad-y:14px}.brand-mark{width:24px;height:28px}.brand-txt b{font-size:20px}.brand-txt i{letter-spacing:.12em;font-size:7.5px}.rec{display:none}.tool{justify-content:center;width:40px;height:40px;padding:0}.tool-lbl{display:none}.panel{width:auto;padding:18px calc(18px + var(--safe-r)) calc(14px + var(--safe-b)) calc(18px + var(--safe-l));background:linear-gradient(transparent, var(--bg) 26px);overscroll-behavior:contain;touch-action:pan-y;max-height:62dvh;top:auto;bottom:0;left:0;right:0;overflow-y:auto;transform:none}[data-mode=read] .panel,[data-mode=insert] .panel{max-height:56dvh;transform:none}.p-meta{margin-bottom:8px}.p-title{font-size:30px}.p-en{margin-top:6px;font-size:10px}.p-tag{margin-top:12px;padding-top:12px;font-size:14px;line-height:1.6}.p-chips{margin-top:10px}.p-fields{gap:12px 16px;margin-top:16px}.p-actions{background:var(--bg);margin-top:16px;padding-top:6px;position:-webkit-sticky;position:sticky;bottom:0}.btn.primary{max-width:none;height:50px}.btn.primary kbd,.btn.ghost kbd{display:none}.p-note{min-height:0;margin-top:8px}.counter{left:auto;right:calc(var(--pad-x) + var(--safe-r));top:calc(var(--pad-y) + var(--safe-t) + 52px);text-align:right;bottom:auto}.c-label{display:none}.c-num{justify-content:flex-end;gap:6px;margin-top:0;font-size:30px}.c-num #c-tot{font-size:12px}.c-sl{font-size:14px}.c-ticks{justify-content:flex-end;margin-top:6px}.c-tick{width:16px;height:18px}.hint,.hud-foot{display:none}.whisper{top:calc(var(--pad-y) + var(--safe-t) + 56px);font-size:13px}.toast{bottom:calc(var(--safe-b) + 140px)}.term{font-size:11.5px;top:38%;bottom:auto}[data-mode=read] .counter,[data-mode=insert] .counter{opacity:0;pointer-events:none}}@media (max-height:520px) and (min-aspect-ratio:4/3){.p-title{font-size:28px}.p-tag{margin-top:10px;padding-top:10px;font-size:13px}.p-fields{display:none}.p-intro{margin-top:8px;font-size:12.5px;line-height:1.6}.btn{height:40px}.counter,.hint{display:none}.panel{max-height:calc(100dvh - 90px);overflow-y:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.12s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--shell2d:linear-gradient(160deg, #f7f9fb, #e2e7ec);--milk2d:#eef1f466}[data-theme=dark]{--shell2d:linear-gradient(160deg, #262d36, #171c23);--milk2d:#1d232b57}.og-shot .panel,.og-shot .counter,.og-shot .hint,.og-shot .hud-foot,.og-shot .tools,.og-shot .rec,.og-shot .vf{display:none!important}.og-card{background:color-mix(in srgb, var(--bg) 78%, transparent);border:1px solid var(--line);border-radius:4px;gap:10px;padding:34px 38px;display:grid;position:absolute;top:50%;right:64px;transform:translateY(-50%)}.og-card b{letter-spacing:.06em;font-size:76px;line-height:1}.og-card span{color:var(--ink2);letter-spacing:.08em;font-size:22px}.og-card ul{border-top:1.5px solid var(--ink);gap:10px;margin:14px 0 6px;padding:16px 0 0;font-size:22px;font-weight:700;list-style:none;display:grid}.og-card li{align-items:center;gap:12px;display:flex}.og-card li i{border-radius:50%;width:12px;height:12px}.og-card em{font:normal 600 14px/1 var(--mono);letter-spacing:.12em;color:var(--ink2)}.aura{pointer-events:none;mix-blend-mode:multiply;position:absolute;top:0;bottom:0;left:0;right:0}[data-theme=dark] .aura{mix-blend-mode:screen}.aura i{opacity:0;background:radial-gradient(42% 46% at var(--ax,40%) var(--ay,46%), var(--a1,transparent), transparent 70%), radial-gradient(38% 34% at calc(var(--ax,40%) + 34%) 12%, var(--a2,transparent), transparent 72%);transition:opacity 1.1s;position:absolute;top:0;bottom:0;left:0;right:0}.aura i.on{opacity:1}.hud-top>*,.panel,.counter,.hint,.hud-foot{transition-property:opacity,transform,translate}[data-mode=boot] .hud-top>*,[data-mode=boot] .panel,[data-mode=boot] .counter,[data-mode=boot] .hint,[data-mode=boot] .hud-foot{opacity:0;translate:0 14px}.hud-enter .hud-top>*,.hud-enter .panel,.hud-enter .counter,.hud-enter .hint,.hud-enter .hud-foot{transition:opacity .7s ease, translate .9s var(--ease), transform .6s var(--ease)}.hud-enter .tools{transition-delay:80ms}.hud-enter .rec{transition-delay:.14s}.hud-enter .panel{transition-delay:.2s}.hud-enter .counter{transition-delay:.32s}.hud-enter .hint,.hud-enter .hud-foot{transition-delay:.45s}@media (max-width:760px),(max-aspect-ratio:4/5){.aura i{--ax:50%;--ay:30%}}
/*$vite$:1*/