.vc{--ok:var(--green);--ok-lip:var(--green-lip);--ok-soft:var(--green-soft);--no:var(--red);--no-lip:var(--red-lip);--no-soft:var(--red-soft);--opt-h:58px;--mochi:clamp(80px, 13vh, 128px);width:100%;height:100%;min-height:0;padding:var(--s2) var(--gutter) calc(var(--s3) + env(safe-area-inset-bottom));touch-action:manipulation;-webkit-user-select:none;user-select:none;justify-content:center;display:flex;position:relative;overflow:hidden}.vc[data-safe="1"]{--ok:var(--d-memory);--ok-lip:var(--d-memory-lip);--ok-soft:var(--blue-soft);--no:var(--d-speed);--no-lip:var(--d-speed-lip)}.vc[data-large="1"]{--opt-h:68px}.vc[data-large="1"] .vc-hear{width:60px;height:60px}.vc[data-large="1"] .vc-next{min-height:60px;padding-inline:var(--s5) var(--s4)}.vc-in{gap:var(--s3);flex-direction:column;width:100%;max-width:640px;height:100%;min-height:0;display:flex}.vc-top{align-items:center;gap:var(--s3);min-height:32px;display:flex}.vc-prog{border-radius:var(--r-pill);background:var(--line);flex:1;height:16px;position:relative;overflow:hidden}.vc-prog__fill{border-radius:inherit;background:var(--dc);min-width:16px;height:100%;transition:width var(--dur-scene) var(--ease-out);display:block;position:relative}.vc-prog__fill:after{content:"";background:#fff6;border-radius:2px;height:4px;position:absolute;top:3px;left:7px;right:7px}.vc-count{font-weight:700;font-size:var(--t-sm);color:var(--ink-2);flex:none}.vc-combo{background:var(--orange);border-color:var(--orange-lip);color:#fff;min-height:30px;animation:vc-pop .36s var(--ease-bounce);flex:none}.vc-ask{min-height:calc(var(--mochi) * .6 - var(--s3));padding-right:calc(var(--mochi) + var(--s3));font-family:var(--font-display);font-weight:var(--fw-display);font-synthesis:none;font-size:var(--t-xl);line-height:var(--lh-display);letter-spacing:var(--ls-display);align-items:flex-end;display:flex}.vc-cardwrap{flex:1;min-height:150px;display:flex;position:relative}.vc-card{z-index:1;border-radius:var(--r-xl);background:var(--surface);border:2px solid var(--line);min-width:0;min-height:0;box-shadow:0 var(--lip) 0 var(--line);isolation:isolate;transition:background var(--dur-ui), border-color var(--dur-ui), box-shadow var(--dur-ui);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden;container-type:size}.vc-card--good,.vc-card--hard{background:var(--ok-soft);border-color:var(--ok);box-shadow:0 var(--lip) 0 var(--ok)}.vc-card--again{background:var(--no-soft);border-color:var(--no);box-shadow:0 var(--lip) 0 var(--no)}.vc-speed{top:0;left:var(--r-xl);right:var(--r-xl);z-index:2;border-radius:0 0 var(--r-pill) var(--r-pill);background:var(--line);height:8px;position:absolute;overflow:hidden}.vc-speed>span{border-radius:inherit;background:var(--dc);transform-origin:0;height:100%;animation:linear forwards vc-drain;display:block}@keyframes vc-drain{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.vc-prompt{justify-content:center;align-items:center;gap:var(--s1);padding:var(--s10) var(--s5) var(--s6);text-align:center;animation:vc-in .24s var(--ease-out);flex-direction:column;flex:1;display:flex;position:relative}.vc-tag{top:var(--s4);left:var(--s4);min-height:28px;padding:0 var(--s3);border-radius:var(--r-pill);background:var(--dc-soft);color:var(--ink);font-size:var(--t-xs);align-items:center;gap:5px;font-weight:800;line-height:1;display:inline-flex;position:absolute}.vc-tag svg{color:var(--dc-lip)}.vc-tag--new{background:var(--yellow-soft)}.vc-tag--new svg{color:var(--yellow-lip)}.vc-tag--retry{background:var(--pink-soft)}.vc-tag--retry svg{color:var(--pink-lip)}.vc-word{font-family:var(--font-num);font-synthesis:none;letter-spacing:-.01em;overflow-wrap:anywhere;font-size:clamp(2.25rem,min(15cqw,24cqh),5.5rem);font-weight:700;line-height:1.1}.vc-mean{max-width:16em;font-family:var(--font-display);font-weight:var(--fw-display);font-synthesis:none;font-size:clamp(1.5rem,min(8.5cqw,13cqh),3rem);line-height:var(--lh-display)}.vc-pos{color:var(--ink-3);font-size:var(--t-sm);font-weight:700}.vc-hear{top:var(--s3);right:var(--s3);background:var(--dc-soft);width:48px;height:48px;color:var(--dc-lip);box-shadow:0 var(--lip-sm) 0 var(--dc);transition:transform var(--dur-press) ease-out, box-shadow var(--dur-press) ease-out;border-radius:50%;place-items:center;display:grid;position:absolute}.vc-hear:active{transform:translateY(var(--lip-sm));box-shadow:0 0 0 var(--dc)}.vc-play{aspect-ratio:1;background:var(--dc);width:clamp(96px,38cqh,150px);color:var(--dc-ink);box-shadow:inset 0 0 0 8px #ffffff2e, 0 var(--lip) 0 var(--dc-lip);transition:transform var(--dur-press) ease-out, box-shadow var(--dur-press) ease-out;animation:vc-breathe 1.8s var(--ease-out) infinite;border-radius:50%;place-items:center;display:grid}.vc-play:active{transform:translateY(var(--lip));box-shadow:inset 0 0 0 8px #ffffff2e, 0 0 0 var(--dc-lip)}@keyframes vc-breathe{50%{scale:1.05}}.vc-fb{gap:var(--s1);min-height:0;padding:var(--s4) var(--s4) var(--s4) var(--s5);text-align:left;flex-direction:column;flex:1;display:flex;position:relative}.vc-fb__head{align-items:center;gap:var(--s3);display:flex}.vc-fb__title{align-items:center;gap:var(--s2);min-width:0;font-family:var(--font-display);font-weight:var(--fw-display);font-synthesis:none;font-size:clamp(1.25rem,min(6cqw,8cqh),2rem);line-height:var(--lh-display);animation:vc-in .2s var(--ease-out);flex:1;display:flex}.vc-fb__badge{background:var(--ok);color:#fff;width:32px;height:32px;box-shadow:0 var(--lip-sm) 0 var(--ok-lip);animation:vc-pop .36s var(--ease-bounce);border-radius:50%;flex:none;place-items:center;display:grid}.vc-card--again .vc-fb__badge{background:var(--no);box-shadow:0 var(--lip-sm) 0 var(--no-lip)}.vc-fb__body{gap:var(--s1);padding-block:var(--s2);flex-direction:column;margin-block:auto;display:flex}.vc-fb__word{align-items:baseline;gap:2px var(--s2);font-family:var(--font-num);flex-wrap:wrap;font-size:clamp(1.6rem,min(9cqw,12cqh),3rem);font-weight:700;line-height:1.15;display:flex}.vc-fb__mean{font-size:clamp(1.125rem,min(5.5cqw,7.5cqh),1.875rem);font-weight:800;line-height:1.4}.vc-ex{margin-top:var(--s1);color:var(--ink-2);word-break:normal;font-size:clamp(1rem,min(4.6cqw,6.2cqh),1.5rem);font-weight:600;line-height:1.5}.vc-ex mark{background:var(--surface);color:var(--ink);box-shadow:inset 0 -3px 0 var(--dc);border-radius:6px;padding:0 3px;font-weight:800}.vc-next{--c:var(--ok);--c-lip:var(--ok-lip);min-height:48px;padding:0 var(--s3) 0 var(--s4);border-radius:var(--r-pill);background:var(--surface);color:var(--ink);border:2px solid var(--c);box-shadow:0 var(--lip-sm) 0 var(--c-lip);isolation:isolate;font-family:var(--font-display);font-weight:var(--fw-display);font-synthesis:none;font-size:var(--t-md);white-space:nowrap;transition:transform var(--dur-press) ease-out, box-shadow var(--dur-press) ease-out;flex:none;align-items:center;gap:2px;line-height:1;display:inline-flex;position:relative;overflow:hidden}.vc-card--again .vc-next{--c:var(--no);--c-lip:var(--no-lip)}.vc-next:active{transform:translateY(var(--lip-sm));box-shadow:0 0 0 var(--c-lip)}.vc-next svg{color:var(--c)}.vc-next__fill{z-index:-1;background:color-mix(in srgb, var(--c) 24%, transparent);transform-origin:0;animation:linear forwards vc-grow;position:absolute;inset:0}@keyframes vc-grow{0%{transform:scaleX(0)}}.vc-mochi{right:var(--s4);z-index:0;width:var(--mochi);height:auto;margin-bottom:calc(var(--mochi) * -.36);pointer-events:none;transform-origin:50% 100%;animation:vc-peek .4s var(--ease-bounce);position:absolute;bottom:100%}.vc-mochi--cheer,.vc-mochi--flex{animation:vc-peek .34s var(--ease-bounce), vc-hop .5s var(--ease-out) .3s}.vc-mochi--oops{animation:vc-peek .34s var(--ease-bounce), vc-wobble .5s var(--ease-out) .25s}@keyframes vc-peek{0%{transform:translateY(42%)}}@keyframes vc-hop{40%{transform:translateY(-12%)scale(1.03,.97)}}@keyframes vc-wobble{30%{transform:rotate(-7deg)}65%{transform:rotate(5deg)}}.vc-opts{gap:var(--s2);padding-bottom:var(--lip);grid-template-columns:1fr;display:grid}.vc-opt{align-items:center;gap:var(--s3);min-width:0;min-height:var(--opt-h);padding:var(--s2) var(--s4) var(--s2) var(--s3);border-radius:var(--r-lg);background:var(--surface);color:var(--ink);border:2px solid var(--line-strong);box-shadow:0 var(--lip) 0 var(--line-strong);text-align:left;font-weight:700;font-size:var(--t-lg);transition:transform var(--dur-press) ease-out, box-shadow var(--dur-press) ease-out, background var(--dur-ui), border-color var(--dur-ui), opacity var(--dur-ui);line-height:1.3;display:flex;position:relative}.vc-opt.is-idle:active{transform:translateY(var(--lip));box-shadow:0 0 0 var(--line-strong)}@media (hover:hover){.vc-opt.is-idle:hover{border-color:var(--dc);background:var(--surface-2)}}.vc-key{border:2px solid var(--line);width:30px;height:30px;color:var(--ink-3);font-size:var(--t-sm);border-radius:10px;flex:none;place-items:center;line-height:1;display:grid}.vc-opt__t{overflow-wrap:anywhere;flex:1;min-width:0}.vc-opt__t[lang=en]{font-family:var(--font-num);font-size:var(--t-xl);letter-spacing:.005em;font-weight:700}.vc-opt.is-right{background:var(--ok-soft);border-color:var(--ok);box-shadow:0 var(--lip) 0 var(--ok);animation:vc-bump .34s var(--ease-bounce)}.vc-opt.is-right .vc-key{border-color:var(--ok);background:var(--ok);color:#fff}.vc-opt.is-wrong{background:var(--no-soft);border-color:var(--no);box-shadow:0 var(--lip) 0 var(--no);animation:vc-shake .34s var(--ease-out)}.vc-opt.is-wrong .vc-key{border-color:var(--no);background:var(--no);color:#fff}.vc-opt.is-dim{opacity:.45}.vc-foot{color:var(--ink-3);font-size:var(--t-xs);text-align:center;flex-direction:column;align-items:center;gap:2px;line-height:1.4;display:flex}.vc-keys{color:var(--ink-2);font-weight:700;display:none}@media (hover:hover) and (pointer:fine){.vc-keys{display:block}}@media (height<=700px){.vc-foot:not(.vc-foot--always){display:none}}.vc--empty{align-items:center;overflow-y:auto}.vc-done{align-items:center;gap:var(--s3);width:100%;max-width:440px;padding:var(--s4) 0;text-align:center;flex-direction:column;margin:auto;display:flex}.vc-done__mochi{width:clamp(150px,44vw,200px);height:auto}.vc-done__title{font-size:var(--t-2xl)}.vc-done__body{color:var(--ink-2);font-weight:600}.vc-done__stats{justify-content:center;gap:var(--s2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.vc-done__stats li{min-height:40px;padding:0 var(--s4);border-radius:var(--r-pill);background:var(--dc-soft);align-items:center;gap:6px;font-weight:800;display:inline-flex}.vc-done__stats svg{color:var(--dc-lip)}.vc-done .btn{margin-top:var(--s2)}@keyframes vc-in{0%{opacity:0;transform:translateY(8px)}}@keyframes vc-pop{0%{transform:scale(.5)}}@keyframes vc-bump{45%{transform:scale(1.035)}}@keyframes vc-shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.vc .vc-speed>span,.vc .vc-next__fill{animation-duration:var(--dur,3s)!important}.vc[data-rm="1"] *,.vc[data-rm="1"]{transition-duration:0s!important}.vc[data-rm="1"] .vc-prompt,.vc[data-rm="1"] .vc-fb__title,.vc[data-rm="1"] .vc-fb__badge,.vc[data-rm="1"] .vc-combo,.vc[data-rm="1"] .vc-mochi,.vc[data-rm="1"] .vc-play,.vc[data-rm="1"] .vc-opt{animation:none!important}@media (width>=600px){.vc-opts{gap:var(--s3);grid-template-columns:1fr 1fr}.vc-in{gap:var(--s4)}}@media (width>=900px) and (height>=700px){.vc{padding-top:var(--s5)}}@container (height<=270px){.vc-fb{padding:var(--s3) var(--s4) var(--s1);gap:0}.vc-fb__title{font-size:1.125rem}.vc-fb__badge{width:26px;height:26px}.vc-fb__badge svg{width:16px;height:16px}.vc-fb__body{gap:0;padding-block:2px}.vc-fb__word{font-size:1.375rem}.vc-fb__mean{font-size:1rem;line-height:1.35}.vc-ex{margin-top:2px;font-size:.9375rem;line-height:1.4}.vc-prompt{padding-top:var(--s8);padding-bottom:var(--s3)}}@media (height<=700px){.vc{--opt-h:52px}.vc[data-large="1"]{--opt-h:60px}.vc-opt{font-size:var(--t-md)}.vc-done{gap:var(--s2);padding:var(--s2) 0}.vc-done__mochi{width:clamp(104px,21vh,150px)}.vc-done__title{font-size:var(--t-xl)}.vc-done__body{font-size:var(--t-sm)}.vc-done__stats li{min-height:34px;padding:0 var(--s3);font-size:var(--t-sm)}.vc-done .btn{margin-top:0}}@media (height<=640px){.vc-in{gap:var(--s2)}.vc-ask{font-size:var(--t-lg)}}