.vars[data-v-9b4438e7]{background:var(--bg)}.vars-head[data-v-9b4438e7]{left:6vw;position:absolute;right:6vw;top:7vh}.vars-progress[data-v-9b4438e7]{align-items:center;display:flex;gap:1.4vh;margin-bottom:1.8vh}.vars-count[data-v-9b4438e7],.vars-eyebrow[data-v-9b4438e7]{color:var(--text-muted);font-size:clamp(.65rem,1.35vh,.9rem);font-weight:700;letter-spacing:.16em;text-transform:uppercase}.vars-dots[data-v-9b4438e7]{align-items:center;display:flex;gap:.6vh}.vars-dot[data-v-9b4438e7]{background:var(--border);border-radius:999px;height:1vh;width:1vh}.vars-dot.is-done[data-v-9b4438e7]{background:var(--text-dim)}.vars-dot.is-now[data-v-9b4438e7]{background:var(--text);width:2.8vh}.vars-headline[data-v-9b4438e7]{color:var(--text);font-size:clamp(1.6rem,5.2vh,3.8rem);font-weight:900;letter-spacing:-.03em;line-height:1.05}.inline-code[data-v-9b4438e7]{background:var(--bg-off);border-radius:.25em;color:var(--lavender);padding:0 .2em}.vars-scene[data-v-9b4438e7]{background:var(--bg-off);border-radius:2.4vh;height:50vh;left:6vw;overflow:hidden;position:absolute;top:24vh;width:44vw}.scene[data-v-9b4438e7]{top:0;right:0;bottom:0;left:0;list-style:none;margin:0;padding:0;position:absolute}.sprite-fill[data-v-9b4438e7]{height:100%;width:100%}.vbox[data-v-9b4438e7]{align-items:center;display:flex;flex-direction:column;gap:1.2vh}.vbox-art[data-v-9b4438e7]{aspect-ratio:1;border-radius:1.6vh;position:relative;width:13vh}.vbox-value[data-v-9b4438e7]{background:var(--bg);border:2px solid var(--text);border-radius:1vh;color:var(--text);font-size:clamp(.75rem,1.9vh,1.3rem);left:50%;padding:calc(.5vh + .3em) 1vh;position:absolute;top:64%;transform:translate(-50%,-50%);white-space:nowrap}.vbox-label[data-v-9b4438e7],.vbox-value[data-v-9b4438e7]{font-family:var(--font-code);font-weight:800}.vbox-label[data-v-9b4438e7]{background:var(--text);border-radius:999px;color:var(--bg);font-size:clamp(.7rem,1.7vh,1.15rem);padding:calc(.4vh + .3em) 1.2vh}.vbox-type[data-v-9b4438e7]{align-items:center;border-radius:1vh;color:#fff;display:flex;flex-direction:column;gap:.5vh;padding:.8vh 1.1vh}.type-code[data-v-9b4438e7]{font-family:var(--font-code);font-size:clamp(.7rem,1.6vh,1.1rem);font-weight:900}.type-label[data-v-9b4438e7]{font-size:clamp(.55rem,1.2vh,.85rem);font-weight:700;white-space:nowrap}.scene-hello[data-v-9b4438e7]{display:grid;place-items:center}.vbox-big .vbox-art[data-v-9b4438e7]{width:26vh}.vbox-big .vbox-value[data-v-9b4438e7]{font-size:clamp(.9rem,2.4vh,1.7rem)}.value-momo[data-v-9b4438e7]{opacity:0}.type-row[data-v-9b4438e7]{display:grid;gap:1vw;grid-template-columns:repeat(4,minmax(0,1fr));left:2vw;position:absolute;right:2vw;top:7vh}.age-4[data-v-9b4438e7],.age-5[data-v-9b4438e7]{opacity:0}.plus-one[data-v-9b4438e7]{background:var(--mint);border-radius:999px;color:#fff;font-family:var(--font-code);font-size:clamp(.7rem,1.6vh,1.1rem);font-weight:900;opacity:0;padding:calc(.3vh + .3em) .9vh;position:absolute;right:-1vh;top:-1.4vh}.sentence[data-v-9b4438e7]{background:var(--bg);border:2px solid var(--text);border-radius:1.6vh;bottom:3.5vh;color:var(--text);font-size:clamp(.95rem,2.5vh,1.7rem);font-weight:800;left:2vw;padding:1.8vh 2vh;position:absolute;right:2vw;text-align:center}.sentence-chip[data-v-9b4438e7]{border-radius:.35em;color:#fff;display:inline-block;padding:0 .4em}.convert-row[data-v-9b4438e7]{gap:2vw;justify-content:center;left:2vw;position:absolute;right:2vw;top:4vh}.convert-arrow[data-v-9b4438e7],.convert-row[data-v-9b4438e7]{align-items:center;display:flex}.convert-arrow[data-v-9b4438e7]{flex-direction:column;gap:.8vh}.convert-arrow svg[data-v-9b4438e7]{height:2.4vh;width:7vh}.convert-fn[data-v-9b4438e7]{background:var(--lavender);border-radius:999px;color:#fff;font-family:var(--font-code);font-size:clamp(.75rem,1.8vh,1.2rem);font-weight:800;padding:calc(.4vh + .3em) 1vh}.convert-checks[data-v-9b4438e7]{bottom:3vh;display:grid;gap:1.2vh;left:2vw;position:absolute;right:2vw}.check[data-v-9b4438e7]{align-items:center;background:var(--bg);border-radius:1.2vh;display:flex;gap:1vw;justify-content:space-between;padding:1.1vh 1.6vh}.check-code[data-v-9b4438e7]{color:var(--text);font-family:var(--font-code);font-size:clamp(.8rem,2vh,1.35rem);font-weight:700}.check-result[data-v-9b4438e7]{border-radius:999px;color:#fff;font-size:clamp(.7rem,1.6vh,1.1rem);font-weight:800;padding:calc(.3vh + .3em) 1vh;white-space:nowrap}.is-bad .check-result[data-v-9b4438e7]{background:var(--coral)}.is-good .check-result[data-v-9b4438e7]{background:var(--mint)}.scene-names[data-v-9b4438e7]{align-content:center;display:grid;gap:2.2vh 1.6vw;grid-template-columns:repeat(2,minmax(0,1fr));padding:3vh 2vw}.name-rule[data-v-9b4438e7]{align-items:center;display:flex;gap:1vw;min-width:0}.name-mark[data-v-9b4438e7]{border-radius:999px;color:#fff;display:grid;flex:none;font-size:clamp(.8rem,2vh,1.3rem);font-weight:900;height:4.2vh;place-items:center;width:4.2vh}.is-ok .name-mark[data-v-9b4438e7]{background:var(--mint)}.is-bad .name-mark[data-v-9b4438e7]{background:var(--coral)}.is-warn .name-mark[data-v-9b4438e7]{background:var(--sun);color:var(--text)}.name-text[data-v-9b4438e7]{display:flex;flex-direction:column;gap:.3vh;min-width:0}.name-code[data-v-9b4438e7]{color:var(--text);font-family:var(--font-code);font-size:clamp(.85rem,2.2vh,1.5rem);font-weight:800}.is-bad .name-code[data-v-9b4438e7]{text-decoration:line-through;text-decoration-color:var(--coral)}.name-why[data-v-9b4438e7]{color:var(--text-dim);font-size:clamp(.65rem,1.5vh,1rem);font-weight:600}.vars-code[data-v-9b4438e7]{left:54vw;position:absolute;top:24vh;width:40vw}.vars-output[data-v-9b4438e7]{background:var(--bg-off);border:2px solid var(--border);border-radius:2vh;display:flex;flex-direction:column;gap:.8vh;margin-top:1.8vh;padding:1.4vh 2vh}.output-label[data-v-9b4438e7]{color:var(--text-muted);font-size:clamp(.6rem,1.3vh,.85rem);font-weight:800;letter-spacing:.12em;text-transform:uppercase}.out-line[data-v-9b4438e7]{color:var(--text);font-family:var(--font-code);font-size:clamp(.85rem,2vh,1.35rem);white-space:pre}.out-empty[data-v-9b4438e7]{color:var(--text-muted);font-size:clamp(.8rem,1.8vh,1.2rem);font-style:italic}@media (max-aspect-ratio:3/2){.vars-scene[data-v-9b4438e7]{width:38vw}.vars-code[data-v-9b4438e7]{left:47vw;width:47vw}.type-row .vbox-art[data-v-9b4438e7]{width:11vh}}.vars-note[data-v-9b4438e7]{color:var(--text-dim);display:flex;font-size:clamp(.9rem,2.3vh,1.6rem);gap:1.4vw;left:6vw;line-height:1.5;position:absolute;right:6vw;top:78vh}.note-rail[data-v-9b4438e7]{background:var(--coral);border-radius:999px;flex:none;width:.6vh}.note-text[data-v-9b4438e7],.vars-headline[data-v-9b4438e7]{animation:appear-9b4438e7 .35s ease both}.stage-1 .note-text[data-v-9b4438e7],.stage-1 .vars-headline[data-v-9b4438e7]{animation:none}.out-line.is-new[data-v-9b4438e7]{animation:appear-9b4438e7 .3s ease .45s both}.stage-1 .value-hello[data-v-9b4438e7]{animation:drop-9b4438e7 .5s cubic-bezier(.22,1,.36,1) .45s both}.stage-2 .vbox-big .vbox-art[data-v-9b4438e7]{animation:ring-9b4438e7 .9s ease .25s both}.stage-3 .value-hello[data-v-9b4438e7]{animation:lift-out-9b4438e7 .4s ease-in .35s both}.stage-3 .value-momo[data-v-9b4438e7]{animation:drop-9b4438e7 .5s cubic-bezier(.22,1,.36,1) .8s both}.stage-4 .scene-types[data-v-9b4438e7],.stage-7 .scene-convert[data-v-9b4438e7],.stage-8 .scene-names[data-v-9b4438e7]{animation:appear-9b4438e7 .4s ease both}.stage-5 .vbox[data-v-9b4438e7]:not(.vb-age){animation:dim-9b4438e7 .35s ease .15s both}.stage-5 .age-3[data-v-9b4438e7]{animation:lift-out-9b4438e7 .35s ease-in .6s both}.stage-5 .age-4[data-v-9b4438e7]{animation:drop-9b4438e7 .4s cubic-bezier(.22,1,.36,1) .75s both,lift-out-9b4438e7 .35s ease-in 1.55s forwards}.stage-5 .age-5[data-v-9b4438e7]{animation:drop-9b4438e7 .4s cubic-bezier(.22,1,.36,1) 1.7s both}.stage-5 .plus-a[data-v-9b4438e7]{animation:plus-9b4438e7 .8s ease .55s both}.stage-5 .plus-b[data-v-9b4438e7]{animation:plus-9b4438e7 .8s ease 1.5s both}.stage-6 .age-3[data-v-9b4438e7],.stage-6 .age-4[data-v-9b4438e7]{opacity:0}.stage-6 .age-5[data-v-9b4438e7]{opacity:1}.stage-6 .vb-hungry[data-v-9b4438e7],.stage-6 .vb-weight[data-v-9b4438e7]{opacity:.35}.stage-6 .vb-name[data-v-9b4438e7]{animation:undim-9b4438e7 .35s ease .1s both}.stage-6 .vb-age .vbox-label[data-v-9b4438e7],.stage-6 .vb-name .vbox-label[data-v-9b4438e7]{background:var(--lavender)}.stage-6 .vb-age .vbox-value[data-v-9b4438e7],.stage-6 .vb-name .vbox-value[data-v-9b4438e7]{border-color:var(--lavender);box-shadow:0 0 0 2px var(--lavender)}.stage-6 .sentence[data-v-9b4438e7]{animation:appear-9b4438e7 .4s ease .4s both}.stage-7 .convert-arrow[data-v-9b4438e7],.stage-7 .convert-checks[data-v-9b4438e7],.stage-7 .convert-result[data-v-9b4438e7]{animation:appear-9b4438e7 .4s ease .6s both}@keyframes appear-9b4438e7{0%{opacity:0}to{opacity:1}}@keyframes drop-9b4438e7{0%{opacity:0;transform:translate(-50%,-160%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes lift-out-9b4438e7{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-170%)}}@keyframes ring-9b4438e7{0%{outline:3px solid transparent;outline-offset:0}35%{outline:3px solid var(--lavender);outline-offset:.8vh}to{outline:3px solid transparent;outline-offset:1.8vh}}@keyframes dim-9b4438e7{0%{opacity:1}to{opacity:.35}}@keyframes undim-9b4438e7{0%{opacity:.35}to{opacity:1}}@keyframes plus-9b4438e7{0%{opacity:0;transform:translateY(0) scale(.6)}25%{opacity:1;transform:translateY(-.4vh) scale(1)}70%{opacity:1;transform:translateY(-1.4vh) scale(1)}to{opacity:0;transform:translateY(-2.4vh) scale(1)}}@media (orientation:portrait) and (max-width:760px){.vars[data-v-9b4438e7]{display:flex;flex-direction:column;gap:1.25rem;overflow-x:hidden;overflow-y:auto;padding:3.5rem 1rem 5rem}.vars-code[data-v-9b4438e7],.vars-head[data-v-9b4438e7],.vars-note[data-v-9b4438e7]{inset:auto;position:static;width:auto}.vars-progress[data-v-9b4438e7]{flex-wrap:wrap;gap:.5rem 1rem}.vars-headline[data-v-9b4438e7]{font-size:clamp(1.5rem,7vw,2.2rem)}.vars-scene[data-v-9b4438e7]{height:46vh;inset:auto;position:relative;width:auto}.type-row .vbox-art[data-v-9b4438e7]{width:20vw}.type-label[data-v-9b4438e7]{font-size:clamp(.72rem,3vw,.85rem)}.vars-code[data-v-9b4438e7] .code-panel{overflow-x:auto}.vars-code[data-v-9b4438e7] .code-content{white-space:nowrap}[data-v-9b4438e7] .code-tabbar .ml-auto span{font-size:.72rem}.output-label[data-v-9b4438e7]{font-size:clamp(.75rem,3vw,.85rem)}}