.kana-cell-dual{aspect-ratio:.85;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border-radius:10px;padding:var(--space-xs);position:relative;transition:background .25s ease,transform .3s var(--ease-quart),box-shadow .25s ease;animation:cell-reveal .55s var(--ease-expo) both;animation-delay:calc(var(--row, 0) * .04s + var(--col, 0) * 25ms)}.kana-cell-dual.empty{pointer-events:none;animation:none}.kana-cell-dual:not(.empty):hover{background:var(--bg-surface);transform:scale(1.06)}.kana-cell-dual:not(.empty):active{transform:scale(.97);transition-duration:.1s}.kana-cell-dual:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.kana-cell-dual.has-animation{cursor:pointer}.kana-cell-dual.has-animation:after{content:"";position:absolute;bottom:5px;right:6px;width:4px;height:4px;border-radius:50%;background:var(--accent);opacity:.4;transition:opacity .25s ease,transform .25s var(--ease-quart);pointer-events:none}.kana-cell-dual.has-animation:hover:after{opacity:.85;transform:scale(1.3)}.kana-cell-dual__hiragana{font-family:var(--font-kana);font-size:clamp(1.2rem,3.6vw,1.5rem);line-height:1;text-shadow:0 0 1px oklch(.22 .015 50 / .08)}.kana-cell-dual__katakana{font-family:var(--font-ui);font-size:clamp(.7rem,2vw,.85rem);line-height:1;color:var(--ink-soft)}.kana-cell-dual__romaji{font-family:var(--font-latin);font-size:clamp(.55rem,1.4vw,.6rem);font-weight:400;color:var(--ink-faint);letter-spacing:.04em;margin-top:1px}@keyframes cell-reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.kana-cell-dual{animation:none}.kana-cell-dual:not(.empty):hover{transform:none}}@media(max-width:420px){.kana-grid,.vowel-labels{gap:var(--space-xs)}}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;backface-visibility:hidden;overflow:hidden}.kana-player{display:flex;flex-direction:column;align-items:center;gap:var(--space-ms)}.kana-player__canvas{position:relative;width:120px;height:120px;background:#f1eadf;border-radius:12px;display:flex;align-items:center;justify-content:center}.kana-player__svg-host{width:90px;height:90px;display:flex;align-items:center;justify-content:center}.kana-player__svg-host svg[data-strokesvg]{width:100%;height:100%;display:block;overflow:visible;--shadow: oklch(.83 .008 75);--stroke: oklch(.18 .015 50)}.kana-player__svg-host svg[data-strokesvg]>g[data-strokesvg=strokes]>*{--time: .78s;--gap: .46s;--delay: .22s;animation:kana-stroke-draw var(--time) linear forwards calc(var(--i) * var(--gap) + var(--delay));stroke-dasharray:3333;stroke-dashoffset:3333}@keyframes kana-stroke-draw{to{stroke-dashoffset:0}}.kana-player__stroke-counter{position:absolute;bottom:6px;right:8px;font-family:var(--font-latin);font-size:.6rem;color:var(--ink-faint)}.kana-player__replay-btn{min-height:44px;background:none;border:1.5px solid var(--border);border-radius:8px;padding:var(--space-sm) var(--space-lg);font-family:var(--font-latin);font-size:.75rem;color:var(--ink-soft);cursor:pointer;letter-spacing:.04em;transition:border-color .2s ease,color .2s ease}.kana-player__replay-btn:hover{border-color:var(--accent);color:var(--ink)}@media(prefers-reduced-motion:reduce){.kana-player__svg-host svg[data-strokesvg]>g[data-strokesvg=strokes]>*{animation:none;stroke-dashoffset:0}}@media(max-width:420px){.kana-player__canvas{width:100px;height:100px}.kana-player__svg-host{width:76px;height:76px}}@media(max-height:700px){.kana-player{flex:1;min-height:0}.kana-player__canvas{width:auto;height:auto;flex:1;min-height:0;aspect-ratio:1;border-radius:10px}.kana-player__svg-host{width:75%;height:75%}.kana-player__replay-btn{flex-shrink:0;padding:var(--space-xs) var(--space-md);font-size:.7rem}}.stroke-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:color-mix(in oklch,var(--bg) 92%,white 8%);display:flex;flex-direction:column;align-items:center;padding:var(--space-xs) var(--space-md);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;animation:overlay-fade-in .25s ease both}.stroke-overlay::-webkit-scrollbar{display:none}.stroke-overlay__dialog{position:relative;display:flex;flex-direction:column;width:100%;max-width:396px;margin-block:auto;overflow:visible;animation:overlay-card-in .3s var(--ease-expo) both}.stroke-overlay__close{position:absolute;top:var(--space-lg);right:var(--space-lg);z-index:4;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid color-mix(in oklch,var(--border) 78%,white 22%);background:color-mix(in oklch,var(--bg) 90%,white 10%);cursor:pointer;color:var(--ink-faint);border-radius:50%;box-shadow:0 8px 18px color-mix(in oklch,var(--ink) 5%,transparent);transition:background .15s ease,color .15s ease,transform .15s ease}.stroke-overlay__close:hover{background:color-mix(in oklch,var(--bg) 84%,white 16%);color:var(--ink);transform:translateY(-1px)}.stroke-overlay__close:active{transform:translateY(0)}.stroke-overlay__body{padding:var(--space-md) var(--space-md) var(--space-sm)}.stroke-overlay__deck{position:relative}.stroke-overlay__swiper{position:relative;z-index:1;overflow:visible}.stroke-overlay__swiper .swiper-wrapper,.stroke-overlay__swiper .swiper-slide{overflow:visible}.stroke-overlay__swiper .swiper-slide{display:flex;height:auto}.stroke-overlay__slide-surface{width:100%;border-radius:26px;background:linear-gradient(180deg,#fefdfa,#f8f5f1);border:1px solid color-mix(in oklch,var(--border) 76%,white 24%);box-shadow:0 10px 18px color-mix(in oklch,var(--ink) 5%,transparent);overflow:hidden;transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease,filter .2s ease}.stroke-overlay__slide-surface.is-active{box-shadow:0 18px 38px color-mix(in oklch,var(--ink) 8%,transparent),0 2px 8px color-mix(in oklch,var(--ink) 4%,transparent)}.stroke-overlay__swiper .swiper-slide.swiper-slide-prev .stroke-overlay__slide-surface,.stroke-overlay__swiper .swiper-slide.swiper-slide-next .stroke-overlay__slide-surface{box-shadow:0 4px 12px color-mix(in oklch,var(--ink) 4%,transparent);filter:saturate(.98)}.stroke-overlay__swiper .swiper-slide:not(.swiper-slide-active):not(.swiper-slide-prev):not(.swiper-slide-next) .stroke-overlay__slide-surface{opacity:0;box-shadow:none;border-color:transparent;filter:none}.stroke-overlay__card-content{padding:var(--space-lg) var(--space-md) var(--space-md)}.stroke-overlay__card-content--placeholder{min-height:360px}.stroke-overlay__card-placeholder{min-height:320px;border-radius:18px;background:linear-gradient(180deg,color-mix(in oklch,var(--bg) 84%,white 16%),color-mix(in oklch,var(--bg) 92%,white 8%));border:1px dashed color-mix(in oklch,var(--border) 66%,white 34%)}.stroke-overlay__card-header{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:var(--space-md)}.stroke-overlay__card-meta{display:flex;align-items:center;gap:6px}.stroke-overlay__audio-btn{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:50%;background:transparent;cursor:pointer;flex-shrink:0;transition:background .15s ease,transform .15s ease,opacity .15s ease}.stroke-overlay__audio-btn:hover{background:color-mix(in oklch,var(--bg) 82%,white 18%);transform:translateY(-1px)}.stroke-overlay__audio-btn:active{transform:translateY(0)}.stroke-overlay__audio-btn:disabled{cursor:default;opacity:.42;transform:none}.stroke-overlay__audio-icon{width:20px;height:20px;display:block}.stroke-overlay__audio-note{font-size:.68rem;line-height:1.3;color:var(--ink-faint);text-align:left}.stroke-overlay__romaji{font-family:var(--font-latin);font-size:1.22rem;color:var(--ink-faint);letter-spacing:.03em;line-height:1;margin-bottom:0}.stroke-overlay__player-section{margin-bottom:var(--space-md)}.stroke-overlay__kana-label{font-family:var(--font-latin);font-size:.65rem;color:var(--ink-faint);letter-spacing:.06em;text-transform:uppercase;margin-bottom:2px}.stroke-overlay__kana-char{font-family:var(--font-kana);font-size:3rem;line-height:1;margin-bottom:var(--space-sm)}.stroke-overlay__divider{height:1px;background:var(--border);margin:var(--space-ms) 0}.stroke-overlay__no-data{padding:var(--space-2xl) var(--space-md);color:var(--ink-faint);font-size:.85rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}.stroke-overlay__error-title{font-family:var(--font-latin);font-size:.95rem;color:var(--ink-soft);letter-spacing:.01em;margin:0}.stroke-overlay__error-detail{font-family:var(--font-latin);font-size:.82rem;line-height:1.5;color:var(--ink-faint);max-width:28ch;margin:0}.stroke-overlay__retry-btn{display:inline-flex;align-items:center;justify-content:center;margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md);border:1px solid color-mix(in oklch,var(--accent) 28%,var(--border) 72%);border-radius:8px;background:transparent;color:var(--accent);font-family:var(--font-latin);font-size:.85rem;letter-spacing:.02em;cursor:pointer;min-height:44px;min-width:44px;transition:background .15s ease,border-color .15s ease,color .15s ease}.stroke-overlay__retry-btn:hover{background:var(--accent-bg);border-color:color-mix(in oklch,var(--accent) 45%,var(--border) 55%)}.stroke-overlay__retry-btn:active{background:color-mix(in oklch,var(--accent-bg) 70%,var(--accent) 30%)}.stroke-overlay__retry-btn:disabled{background:transparent;border-color:var(--border);color:var(--ink-faint);cursor:not-allowed}.stroke-overlay__nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-top:var(--space-sm);padding:0 var(--space-md);flex-shrink:0}.stroke-overlay__nav-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid color-mix(in oklch,var(--border) 80%,white 20%);background:color-mix(in oklch,var(--bg) 88%,white 12%);cursor:pointer;color:var(--ink-faint);border-radius:50%;box-shadow:0 6px 18px color-mix(in oklch,var(--ink) 4%,transparent);transition:background .15s ease,color .15s ease,transform .15s ease;flex-shrink:0}.stroke-overlay__nav-btn:hover{background:color-mix(in oklch,var(--bg) 78%,white 22%);color:var(--accent);transform:translateY(-1px)}.stroke-overlay__nav-btn:active{transform:translateY(0)}.stroke-overlay__nav-indicator{display:flex;flex:1;justify-content:center;align-items:center;min-width:0}.stroke-overlay__nav-position{font-family:var(--font-latin);font-size:.7rem;color:var(--ink-faint);letter-spacing:.04em}.stroke-overlay__slide-surface:not(.is-active) .kana-player__svg-host svg[data-strokesvg]>g[data-strokesvg=strokes]>*{animation:none}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes overlay-card-in{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(prefers-reduced-motion:reduce){.stroke-overlay,.stroke-overlay__dialog{animation:none}.stroke-overlay__dialog,.stroke-overlay__slide-surface,.stroke-overlay__close,.stroke-overlay__nav-btn{transition:none}}@media(max-width:420px){.stroke-overlay__dialog{max-width:340px}.stroke-overlay{padding:var(--space-xs) var(--space-sm)}.stroke-overlay__close{top:var(--space-md);right:var(--space-md)}.stroke-overlay__body{padding:var(--space-ms) var(--space-ms) var(--space-xs)}.stroke-overlay__card-content{padding:var(--space-md) var(--space-ms)}.stroke-overlay__card-header{gap:2px}.stroke-overlay__audio-btn{width:32px;height:32px}.stroke-overlay__nav{padding:0 var(--space-ms)}.stroke-overlay__kana-char{font-size:2.4rem}}@media(max-height:700px){.stroke-overlay__card-content{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;gap:0 var(--space-md)}.stroke-overlay__card-header{grid-column:1 / -1}.stroke-overlay__divider{display:none}.stroke-overlay__player-section{display:flex;flex-direction:column;margin-bottom:0}.stroke-overlay__kana-char{font-size:2rem;margin-bottom:var(--space-xs)}.stroke-overlay__kana-label{margin-bottom:1px}}.exam-selection,.exam-session,.exam-summary,.exit-dialog{--correct: oklch(.58 .11 145);--correct-bg: oklch(.95 .035 145);--correct-ink: oklch(.32 .09 145)}.kana{font-family:var(--font-kana)}.exam-selection{position:relative;animation:exam-fade-in .32s var(--ease-expo) both;display:flex;flex-direction:column}.exam-selection__top{margin-bottom:var(--space-2xl)}.exam-selection__back{display:inline-flex;align-items:center;gap:6px;padding:10px 12px 10px 10px;margin-left:-10px;min-height:44px;font-family:var(--font-latin);font-size:.78rem;letter-spacing:.06em;color:var(--ink-faint);border-radius:8px;transition:color .18s ease,transform .18s var(--ease-quart)}.exam-selection__back svg{transition:transform .18s var(--ease-quart)}.exam-selection__back:hover{color:var(--accent)}.exam-selection__back:hover svg{transform:translate(-2px)}.exam-selection__back:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.exam-selection__hero{display:flex;flex-direction:column;gap:var(--space-xl);animation:exam-card-rise .5s var(--ease-expo) both;animation-delay:.08s}.exam-selection__heading{display:flex;flex-direction:column;align-items:flex-start;gap:0}.exam-selection__title{font-family:var(--font-kana);font-size:clamp(3.4rem,10vw,4.8rem);font-weight:400;letter-spacing:.18em;line-height:1;color:var(--ink);margin:0}.exam-selection__brush{display:block;width:96px;height:5px;color:var(--accent);margin-top:var(--space-sm)}.exam-selection__eyebrow{margin:10px 0 0;font-family:var(--font-latin);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint)}.exam-selection__desc{font-family:var(--font-latin);font-size:.96rem;line-height:1.55;color:var(--ink-soft);max-width:42ch;margin:0}.exam-selection__meta{font-family:var(--font-latin);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);margin:calc(var(--space-md) * -1) 0 0}.exam-selection__actions{margin-top:var(--space-sm)}.exam-selection__cta{display:inline-flex;align-items:center;gap:8px;padding:14px 22px;border-radius:12px;background:var(--accent);color:#fdfaf4;font-family:var(--font-latin);font-size:.98rem;font-weight:500;letter-spacing:.04em;border:1px solid color-mix(in oklch,var(--accent) 70%,black 30%);min-height:52px;cursor:pointer;transition:background .2s ease,transform .2s var(--ease-quart),box-shadow .25s ease}.exam-selection__cta svg{transition:transform .22s var(--ease-quart)}.exam-selection__cta:hover{background:color-mix(in oklch,var(--accent) 88%,black 12%);transform:translateY(-1px);box-shadow:0 12px 28px color-mix(in oklch,var(--accent) 28%,transparent)}.exam-selection__cta:hover svg{transform:translate(3px)}.exam-selection__cta:active{transform:translateY(0)}.exam-selection__cta:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.exam-session{position:relative;animation:exam-fade-in .28s var(--ease-expo) both}.exam-session__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-lg)}.exam-session__exit{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid color-mix(in oklch,var(--border) 78%,white 22%);background:color-mix(in oklch,var(--bg) 92%,white 8%);color:var(--ink-soft);transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s var(--ease-quart)}.exam-session__exit:hover{color:var(--accent);border-color:color-mix(in oklch,var(--accent) 30%,var(--border) 70%);transform:translateY(-1px)}.exam-session__exit:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.exam-session__score{font-family:var(--font-latin);font-size:.95rem;letter-spacing:.04em;color:var(--ink-soft);display:inline-flex;align-items:baseline;gap:4px;font-variant-numeric:tabular-nums}.exam-session__score-num{color:var(--ink);font-weight:600;font-size:1.05rem}.exam-session__score-sep,.exam-session__score-total{color:var(--ink-faint)}.exam-card{position:relative;border-radius:22px;background:linear-gradient(180deg,#fefdfa,#f8f5f1);border:1px solid color-mix(in oklch,var(--border) 76%,white 24%);box-shadow:0 12px 28px color-mix(in oklch,var(--ink) 6%,transparent);padding:var(--space-md) var(--space-md) var(--space-ms);display:flex;flex-direction:column;gap:var(--space-md);animation:exam-card-rise .36s var(--ease-expo) both}.exam-card__meta{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-sm);font-family:var(--font-latin);font-size:.78rem;color:var(--ink-faint)}.exam-card__mode{color:var(--ink-soft)}.exam-card__syll{font-variant-caps:all-small-caps;letter-spacing:.12em}.exam-prompt{display:flex;align-items:center;justify-content:center;min-height:168px;padding:var(--space-md) var(--space-sm)}.exam-prompt__kana{font-family:var(--font-kana);font-size:clamp(5rem,22vw,7.5rem);line-height:1;color:var(--ink);text-shadow:0 1px 0 oklch(.22 .015 50 / .04);position:relative}.exam-prompt__romaji-wrap{display:flex;align-items:center;gap:var(--space-md);position:relative}.exam-prompt__romaji{font-family:var(--font-latin);font-size:clamp(3rem,12vw,4.4rem);font-weight:500;letter-spacing:.04em;color:var(--ink);line-height:1}.exam-prompt__audio{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:color-mix(in oklch,var(--bg) 84%,white 16%);border:1px solid color-mix(in oklch,var(--border) 78%,white 22%);color:var(--ink-soft);transition:background .18s ease,transform .18s var(--ease-quart),border-color .18s ease}.exam-prompt__audio:hover{background:var(--accent-bg);border-color:color-mix(in oklch,var(--accent) 35%,var(--border) 65%);transform:translateY(-1px)}.exam-prompt__audio:active{transform:scale(.96)}.exam-prompt__audio:disabled{background:color-mix(in oklch,var(--bg) 92%,white 8%);border-color:color-mix(in oklch,var(--border) 92%,white 8%);color:var(--ink-faint);cursor:not-allowed}.exam-prompt__audio:disabled:hover{background:color-mix(in oklch,var(--bg) 92%,white 8%);border-color:color-mix(in oklch,var(--border) 92%,white 8%);transform:none}.exam-prompt__audio:disabled img{opacity:.45}.exam-prompt__audio img{width:22px;height:22px}.exam-options{list-style:none;display:flex;flex-direction:column;gap:8px}.exam-options li{animation:exam-option-in .3s var(--ease-expo) both;animation-delay:calc(var(--i, 0) * .04s)}.exam-option{display:flex;align-items:center;gap:var(--space-md);width:100%;padding:14px var(--space-md);border-radius:12px;border:1px solid color-mix(in oklch,var(--border) 82%,white 18%);background:color-mix(in oklch,var(--bg) 92%,white 8%);font-family:var(--font-latin);color:var(--ink);text-align:left;cursor:pointer;min-height:56px;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .16s var(--ease-quart)}.exam-option:not(:disabled):hover{background:color-mix(in oklch,var(--bg-hover) 80%,white 20%);border-color:color-mix(in oklch,var(--border) 60%,var(--ink-faint) 40%);transform:translateY(-1px)}.exam-option:not(:disabled):active{transform:translateY(0)}.exam-option:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.exam-option__marker{flex-shrink:0;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;border:1px solid color-mix(in oklch,var(--border) 80%,white 20%);font-family:var(--font-latin);font-size:.74rem;font-weight:500;color:var(--ink-faint);letter-spacing:.04em;background:#fdfcf9;transition:background .18s ease,color .18s ease,border-color .18s ease}.exam-option__label{font-size:1.1rem;letter-spacing:.02em;font-variant-numeric:tabular-nums}.exam-option__label.kana{font-size:1.6rem;letter-spacing:.04em;line-height:1}.exam-option--correct{background:var(--correct-bg);border-color:color-mix(in oklch,var(--correct) 55%,var(--border) 45%);color:var(--correct-ink);cursor:default;box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--correct) 22%,transparent);animation:exam-correct-pulse .45s var(--ease-expo)}.exam-option--correct .exam-option__marker{background:color-mix(in oklch,var(--correct-bg) 70%,white 30%);border-color:color-mix(in oklch,var(--correct) 40%,var(--border) 60%);color:var(--correct-ink)}.exam-option--reveal{background:color-mix(in oklch,var(--bg) 78%,white 22%);border-color:color-mix(in oklch,var(--ink) 42%,var(--border) 58%);color:var(--ink);cursor:default;box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--ink) 10%,transparent)}.exam-option--reveal .exam-option__marker{background:#fdfcf9;border-color:color-mix(in oklch,var(--ink) 38%,var(--border) 62%);color:var(--ink)}.exam-option__answer-tag{margin-left:auto;flex-shrink:0;padding:3px 8px;font-family:var(--font-kana);font-size:.74rem;letter-spacing:.16em;color:var(--ink);border:1px solid color-mix(in oklch,var(--ink) 30%,var(--border) 70%);border-radius:6px;background:#fcfaf6}.exam-option--wrong{background:color-mix(in oklch,var(--accent-bg) 35%,var(--bg) 65%);border-color:color-mix(in oklch,var(--accent) 30%,var(--border) 70%);color:var(--accent-ink);cursor:default}.exam-option--wrong .exam-option__label{text-decoration:line-through;text-decoration-thickness:1.5px;text-decoration-color:color-mix(in oklch,var(--accent) 50%,transparent)}.exam-option--wrong .exam-option__marker{background:color-mix(in oklch,var(--accent-bg) 50%,white 50%);border-color:color-mix(in oklch,var(--accent) 28%,var(--border) 72%);color:var(--accent-ink)}.exam-option--dim{opacity:.4;cursor:default}.exam-verdict-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding-top:var(--space-sm);min-height:52px}.exam-verdict{flex:1;min-width:0;font-family:var(--font-latin);font-size:.86rem;letter-spacing:.02em;color:var(--ink-soft);line-height:1.4}.exam-verdict[data-state=correct] .exam-verdict__correct{color:var(--correct-ink);font-weight:600;letter-spacing:.06em}.exam-verdict[data-state=wrong] .exam-verdict__wrong{color:var(--ink-soft);letter-spacing:.04em}.exam-verdict__hint{color:var(--ink-faint)}.exam-next{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:12px;background:var(--accent);color:#fdfaf4;font-family:var(--font-latin);font-size:.92rem;font-weight:500;letter-spacing:.04em;border:1px solid color-mix(in oklch,var(--accent) 70%,black 30%);transition:background .18s ease,transform .16s var(--ease-quart),opacity .18s ease;min-height:44px}.exam-next:not(:disabled):hover{background:color-mix(in oklch,var(--accent) 88%,black 12%);transform:translateY(-1px)}.exam-next:disabled{background:color-mix(in oklch,var(--bg) 75%,var(--ink-faint) 25%);color:var(--ink-faint);border-color:var(--border);cursor:default}.exam-next:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.exam-session__keys{margin-top:var(--space-md);font-family:var(--font-latin);font-size:.7rem;letter-spacing:.1em;color:var(--ink-faint);text-align:center;text-transform:uppercase}.exam-session__swipe-hint{display:none}@media(hover:none)and (pointer:coarse){.exam-session__keys{display:none}.exam-session__swipe-hint{display:block;margin-top:var(--space-md);font-family:var(--font-latin);font-size:.72rem;letter-spacing:.14em;color:var(--ink-faint);text-align:center;text-transform:uppercase;animation:exam-fade-in .32s var(--ease-expo) both}}.exit-dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:var(--space-md)}.exit-dialog__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#2119142e;animation:exam-fade-in .18s ease both}.exit-dialog__card{position:relative;width:100%;max-width:360px;background:linear-gradient(180deg,#fefdfc,#f9f6f2);border:1px solid color-mix(in oklch,var(--border) 76%,white 24%);border-radius:18px;padding:var(--space-lg) var(--space-lg) var(--space-md);box-shadow:0 20px 50px color-mix(in oklch,var(--ink) 18%,transparent);animation:exam-dialog-in .24s var(--ease-expo) both}.exit-dialog__title{font-family:var(--font-latin);font-size:1.16rem;font-weight:600;color:var(--ink);margin-bottom:8px;letter-spacing:.01em}.exit-dialog__body{font-family:var(--font-latin);font-size:.9rem;color:var(--ink-soft);margin-bottom:var(--space-lg);line-height:1.5}.exit-dialog__body strong{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}.exit-dialog__actions{display:flex;gap:var(--space-sm);justify-content:flex-end}.exit-dialog__btn{padding:10px 16px;border-radius:10px;font-family:var(--font-latin);font-size:.88rem;letter-spacing:.02em;border:1px solid color-mix(in oklch,var(--border) 80%,white 20%);background:transparent;color:var(--ink-soft);min-height:44px;transition:background .18s ease,color .18s ease,transform .16s var(--ease-quart),border-color .18s ease}.exit-dialog__btn--ghost:hover{color:var(--ink);background:color-mix(in oklch,var(--bg) 88%,white 12%)}.exit-dialog__btn--primary{background:var(--accent);border-color:color-mix(in oklch,var(--accent) 70%,black 30%);color:#fdfaf4;font-weight:500}.exit-dialog__btn--primary:hover{background:color-mix(in oklch,var(--accent) 88%,black 12%);transform:translateY(-1px)}.exit-dialog__btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.exam-summary{position:relative;animation:exam-fade-in .32s var(--ease-expo) both}.exam-summary__header{margin-bottom:var(--space-2xl);display:flex;flex-direction:column;gap:6px;align-items:flex-start}.exam-summary__overline{font-family:var(--font-latin);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint)}.exam-summary__title{font-family:var(--font-kana);font-size:clamp(3rem,9vw,4rem);font-weight:400;letter-spacing:.12em;color:var(--ink);line-height:1;margin-top:4px}.exam-summary__brush{display:block;width:96px;height:5px;color:var(--accent);margin-top:var(--space-sm)}.exam-summary__score{margin-bottom:var(--space-xl);display:flex;flex-direction:column;gap:6px;align-items:flex-start}.exam-summary__fraction{margin:0;display:inline-flex;align-items:baseline;gap:8px;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}.exam-summary__fraction-correct{font-size:clamp(4.2rem,14vw,6rem);letter-spacing:.02em}.exam-summary__fraction-sep{font-size:clamp(2.4rem,7vw,3rem);color:var(--ink-faint);margin:0 2px}.exam-summary__fraction-total{font-size:clamp(2.4rem,7vw,3rem);color:var(--ink-soft)}.exam-summary__meta{margin:0;display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px;font-family:var(--font-latin);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}.exam-summary__meta-pct{color:var(--ink-soft);font-variant-numeric:tabular-nums}.exam-summary__meta-sep{color:var(--ink-faint)}.exam-summary__badge{font-family:var(--font-kana);font-size:.82rem;letter-spacing:.16em;color:var(--correct-ink);background:var(--correct-bg);border:1px solid color-mix(in oklch,var(--correct) 28%,var(--border) 72%);padding:2px 10px;border-radius:999px;text-transform:none}.exam-summary[data-tier=nailed] .exam-summary__fraction-correct,.exam-summary[data-tier=nailed] .exam-summary__meta-pct{color:var(--correct-ink)}.kana-strip{margin:calc(var(--space-md) * -.5) 0 var(--space-xl);display:flex;flex-direction:column;gap:var(--space-sm);animation:exam-card-rise .42s var(--ease-expo) both;animation-delay:.16s}.kana-strip__overline{display:inline-flex;align-items:baseline;gap:8px;margin:0;color:var(--ink-faint)}.kana-strip__overline-jp{font-family:var(--font-kana);font-size:.95rem;letter-spacing:.12em;color:var(--ink-soft)}.kana-strip__overline-sep{color:var(--ink-faint)}.kana-strip__overline-en{font-family:var(--font-latin);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint)}.kana-strip__row{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-sm)}.kana-strip__item{animation:exam-option-in .36s var(--ease-expo) both;animation-delay:calc(var(--i, 0) * 35ms + .18s)}.kana-strip__cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:52px;height:56px;padding:6px 4px 4px;border:1px solid color-mix(in oklch,var(--border) 78%,white 22%);border-radius:12px;background:color-mix(in oklch,var(--bg) 92%,white 8%);cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .18s var(--ease-quart),box-shadow .22s ease}.kana-strip__cell:hover{background:color-mix(in oklch,var(--bg-hover) 80%,white 20%);border-color:color-mix(in oklch,var(--accent) 22%,var(--border) 78%);transform:translateY(-1px)}.kana-strip__cell:active{transform:scale(.96)}.kana-strip__cell:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.kana-strip__cell--playing{border-color:color-mix(in oklch,var(--accent) 35%,var(--border) 65%);background:color-mix(in oklch,var(--accent-bg) 50%,var(--bg) 50%)}.kana-strip__cell--playing .kana-strip__romaji{color:var(--accent-ink)}.kana-strip__glyph{font-family:var(--font-kana);font-size:1.5rem;line-height:1;color:var(--ink);letter-spacing:0}.kana-strip__romaji{font-family:var(--font-latin);font-size:.62rem;letter-spacing:.06em;color:var(--ink-faint);text-transform:lowercase;font-variant-numeric:tabular-nums;transition:color .2s ease}.kana-strip__item--more{display:inline-flex;align-items:center}.kana-strip__more{display:inline-flex;align-items:center;height:56px;padding:0 12px;font-family:var(--font-latin);font-size:.78rem;letter-spacing:.06em;color:var(--ink-faint);border-radius:999px;border:1px dashed color-mix(in oklch,var(--border) 70%,var(--ink-faint) 30%);background:transparent}.exam-summary__remark{display:flex;flex-direction:column;gap:4px;padding:var(--space-md) 0;margin-bottom:var(--space-xl)}.exam-summary__remark-jp{font-family:var(--font-kana);font-size:1.4rem;color:var(--ink);letter-spacing:.1em;line-height:1.2}.exam-summary__remark-en{font-family:var(--font-latin);font-size:.92rem;color:var(--ink-soft);line-height:1.5;max-width:52ch}.exam-summary__actions{display:flex;gap:var(--space-sm)}.exam-summary__btn{flex:1;padding:14px var(--space-md);border-radius:12px;font-family:var(--font-latin);font-size:.94rem;font-weight:500;letter-spacing:.04em;min-height:48px;transition:background .18s ease,color .18s ease,transform .16s var(--ease-quart),border-color .18s ease;border:1px solid color-mix(in oklch,var(--border) 80%,white 20%)}.exam-summary__btn--ghost{background:transparent;color:var(--ink-soft)}.exam-summary__btn--ghost:hover{background:color-mix(in oklch,var(--bg) 88%,white 12%);color:var(--ink)}.exam-summary__btn--primary{background:var(--accent);border-color:color-mix(in oklch,var(--accent) 70%,black 30%);color:#fdfaf4}.exam-summary__btn--primary:hover{background:color-mix(in oklch,var(--accent) 88%,black 12%);transform:translateY(-1px)}.exam-summary__btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@keyframes exam-fade-in{0%{opacity:0}to{opacity:1}}@keyframes exam-card-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes exam-option-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes exam-correct-pulse{0%{box-shadow:0 0 #4d8b5059}60%{box-shadow:0 0 0 10px #4d8b5000}to{box-shadow:0 0 #4d8b5000}}@keyframes exam-dialog-in{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(prefers-reduced-motion:reduce){.exam-selection,.exam-selection__hero,.exam-session,.exam-summary,.exam-card,.exam-options li,.kana-strip,.kana-strip__item,.exit-dialog__backdrop,.exit-dialog__card,.exam-option--correct{animation:none}.exam-selection__cta:hover svg,.exam-selection__back:hover svg{transform:none}}@media(max-width:420px){.exam-card{padding:var(--space-ms) var(--space-ms);border-radius:18px}.exam-prompt{min-height:148px}.exam-option{padding:12px 14px;min-height:52px;gap:var(--space-sm)}.exam-option__label.kana{font-size:1.5rem}.exam-selection__cta{width:100%;justify-content:center}.kana-strip__cell{width:48px;height:52px}.kana-strip__glyph{font-size:1.4rem}}@media(min-width:640px){.exam-card{padding:var(--space-lg) var(--space-lg) var(--space-md)}.exam-prompt{min-height:200px}}.app{position:relative;min-height:100dvh;overflow:hidden;padding:var(--space-2xl) var(--space-lg) var(--space-3xl)}.app:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 22% 38%,oklch(.95 .014 78 / .45) 0%,transparent 55%),radial-gradient(ellipse at 78% 72%,oklch(.94 .01 92 / .35) 0%,transparent 50%);pointer-events:none}.container{position:relative;max-width:520px;margin:0 auto}.enso{position:fixed;top:-80px;right:-80px;width:420px;height:420px;color:#21191409;pointer-events:none;z-index:0}.header{position:relative;margin-bottom:var(--space-2xl)}.header__row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-md)}.title{font-family:var(--font-kana);font-size:clamp(2.8rem,7vw,3.8rem);font-weight:400;letter-spacing:.12em;line-height:1.15;color:var(--ink)}.header__exam-link{display:inline-flex;align-items:center;gap:6px;padding:8px 12px 8px 14px;border-radius:999px;background:transparent;color:var(--ink-soft);font-family:var(--font-ui);font-size:.86rem;letter-spacing:.08em;border:1px solid color-mix(in oklch,var(--border) 80%,white 20%);transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s var(--ease-quart);position:relative;flex-shrink:0;min-height:36px}.header__exam-link:hover{color:var(--accent);border-color:color-mix(in oklch,var(--accent) 30%,var(--border) 70%);background:color-mix(in oklch,var(--accent-bg) 60%,transparent);transform:translateY(-1px)}.header__exam-link:active{transform:translateY(0)}.header__exam-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.header__exam-link-label{font-family:var(--font-ui)}.brush-line{display:block;width:72px;height:6px;color:var(--accent);margin-top:var(--space-sm);margin-bottom:var(--space-md)}.subtitle{font-family:var(--font-latin);font-size:.85rem;font-weight:400;color:var(--ink-soft);letter-spacing:.06em}.vowel-labels{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-sm);margin-bottom:var(--space-xs)}.vowel-label{text-align:center;font-family:var(--font-latin);font-size:.72rem;font-weight:400;color:var(--ink-faint);letter-spacing:.08em;-webkit-user-select:none;user-select:none}.kana-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-sm)}.special-row{display:flex;justify-content:center;margin-top:var(--space-lg);padding-bottom:var(--space-xl)}.special-n{width:clamp(68px,18vw,92px)}@media(max-width:420px){.app{padding:var(--space-xl) var(--space-sm) var(--space-2xl)}}@media(min-width:640px){.app{padding-top:var(--space-3xl)}.enso{width:500px;height:500px;top:-100px;right:-100px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: oklch(.96 .008 85);--bg-surface: oklch(.93 .012 85);--bg-hover: oklch(.91 .014 85);--ink: oklch(.22 .015 50);--ink-soft: oklch(.42 .01 50);--ink-faint: oklch(.62 .007 60);--accent: oklch(.55 .19 27);--accent-bg: oklch(.93 .035 27);--accent-bg-hover: oklch(.9 .05 27);--accent-ink: oklch(.3 .08 27);--border: oklch(.88 .006 80);--space-xs: 4px;--space-sm: 8px;--space-ms: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--font-latin: "Bricolage Grotesque", system-ui, sans-serif;--font-kana: "Shippori Mincho B1", "Hiragino Mincho ProN", "Yu Mincho", serif;--font-ui: "Zen Maru Gothic", "Hiragino Maru Gothic ProN", system-ui, sans-serif;--ease-expo: cubic-bezier(.16, 1, .3, 1);--ease-quart: cubic-bezier(.25, 1, .5, 1)}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scrollbar-width:none;-ms-overflow-style:none}body{font-family:var(--font-latin);background:var(--bg);color:var(--ink);min-height:100dvh;line-height:1.5;scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}button{font:inherit;color:inherit;cursor:pointer;border:none;background:none}#root{min-height:100dvh}