*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--washi: #ece2cf;--washi-light: #f6efe0;--washi-deep: #e3d7c0;--sumi: #221f1a;--sumi-soft: #5d564b;--shu: #c8443a;--shu-dark: #a8352c;--shu-deep: #8c2a23;--gold: #b5904a;--gold-soft: #e7d6ad;--matcha: #5a7d54;--matcha-soft: #e6eddd;--crimson: #b23a32;--crimson-soft: #f5e2df;--ring: rgba(200, 68, 58, .3);--shadow-paper: 0 18px 50px -22px rgba(34, 31, 26, .55);--shadow-soft: 0 10px 28px -16px rgba(34, 31, 26, .4)}html{scroll-behavior:smooth}body{font-family:Zen Kaku Gothic New,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--sumi);background-color:var(--washi);background-image:radial-gradient(circle at 15% 8%,rgba(200,68,58,.07),transparent 40%),radial-gradient(circle at 88% 4%,rgba(181,144,74,.1),transparent 38%),radial-gradient(circle at 50% 120%,rgba(140,42,35,.06),transparent 55%);min-height:100vh}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.5;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.14'/%3E%3C/svg%3E")}.font-mincho{font-family:Shippori Mincho,"Noto Serif JP",serif}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.site-header{position:relative;background:linear-gradient(180deg,#f6efe0e6,#ece2cf99);border-bottom:1px solid rgba(140,42,35,.18);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.site-header:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--shu) 0%,var(--gold) 50%,var(--shu) 100%);opacity:.85}.nav-link{position:relative;color:var(--sumi-soft);font-weight:600;padding:.3rem .2rem;transition:color .2s ease}.nav-link:after{content:"";position:absolute;left:0;bottom:-3px;height:2px;width:0;background:var(--shu);transition:width .25s ease}.nav-link:hover{color:var(--shu-dark)}.nav-link:hover:after,.nav-link.is-active:after{width:100%}.nav-link.is-active{color:var(--shu-dark)}.mode-toggle{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;color:var(--shu-dark);font-weight:700;background:#c8443a14;border:1.5px solid rgba(200,68,58,.35);padding:.3rem .9rem;border-radius:999px;transition:background .2s ease,transform .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mode-toggle:hover{background:#c8443a29}.mode-toggle:active{transform:scale(.96)}.lang-switcher{display:inline-flex;align-items:center;gap:.15rem;background:#b5904a1a;border:1.5px solid rgba(181,144,74,.35);padding:.15rem;border-radius:999px}.lang-btn{cursor:pointer;color:var(--sumi-soft);font-weight:700;font-size:.8rem;line-height:1;padding:.3rem .6rem;border:none;background:transparent;border-radius:999px;transition:background .2s ease,color .2s ease}.lang-btn:hover{color:var(--shu-dark)}.lang-btn.is-active{color:var(--washi-light);background:var(--shu-dark)}.hinomaru{position:relative;display:inline-flex;align-items:center;justify-content:center}.hinomaru:before{content:"";position:absolute;inset:0;margin:auto;width:var(--sun, 13rem);height:var(--sun, 13rem);border-radius:50%;background:radial-gradient(circle at 38% 32%,#d65349 0%,var(--shu) 55%,var(--shu-deep) 100%);box-shadow:0 16px 44px -12px #a8352c99,inset 0 -8px 24px -8px #0000002e}.hinomaru>*{position:relative;z-index:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:700;border-radius:.8rem;padding:.85rem 1.6rem;transition:transform .15s ease,box-shadow .2s ease,background .2s ease;cursor:pointer}.btn:active{transform:translateY(1px) scale(.99)}.btn-primary{background:linear-gradient(135deg,var(--shu) 0%,var(--shu-dark) 100%);color:#fff7ef;box-shadow:0 14px 26px -14px #a8352cd9;letter-spacing:.02em}.btn-primary:hover{box-shadow:0 18px 32px -12px #a8352ce6;transform:translateY(-2px)}.btn-ghost{background:var(--washi-light);color:var(--shu-dark);border:1.5px solid rgba(200,68,58,.4)}.btn-ghost:hover{border-color:var(--shu);transform:translatey(-2px)}.paper{position:relative;background:var(--washi-light);border:1px solid var(--washi-deep);border-radius:1.1rem;box-shadow:var(--shadow-paper)}.paper:after{content:"";position:absolute;inset:7px;border:1px solid rgba(140,42,35,.12);border-radius:.8rem;pointer-events:none}.feature-card{transition:transform .25s ease,box-shadow .25s ease}.feature-card:hover{transform:translateY(-8px);box-shadow:0 26px 60px -22px #221f1a99}.feature-glyph{font-family:Shippori Mincho,serif;display:inline-flex;align-items:center;justify-content:center;width:4.25rem;height:4.25rem;border-radius:50%;font-size:2.4rem;font-weight:700;color:#fff7ef;background:radial-gradient(circle at 38% 32%,#d65349 0%,var(--shu) 60%,var(--shu-deep) 100%);box-shadow:0 12px 26px -12px #a8352cb3}.quiz-card{position:relative;width:min(27rem,92vw);padding:2.25rem 2rem 1.75rem;transition:box-shadow .25s ease,transform .2s ease}.quiz-card.is-correct{box-shadow:0 22px 56px -22px #5a7d54b3}.quiz-card.is-incorrect{box-shadow:0 22px 56px -22px #b23a32b3}.quiz-card__top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.quiz-badge{font-family:Shippori Mincho,serif;font-size:.85rem;font-weight:700;color:var(--shu-dark);background:#c8443a1a;padding:.3rem .75rem;border-radius:999px}.chart-link{display:inline-flex;align-items:center;gap:.35rem;font-size:.82rem;font-weight:600;color:var(--sumi-soft);transition:color .2s ease}.chart-link:hover{color:var(--shu-dark)}.quiz-prompt{position:relative;z-index:2;text-align:center;color:var(--sumi-soft);font-size:.95rem;margin-top:.5rem}.kana-stage{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;margin:.75rem 0 1.25rem}.kana-tile{position:relative;display:grid;place-items:center;width:13rem;height:13rem;border-radius:1.4rem;background:radial-gradient(circle at 30% 22%,#fffefb,#fffdf8 55%,#f3ead6);border:1.5px solid rgba(140,42,35,.18);box-shadow:inset 0 1px #ffffffb3,var(--shadow-paper);transition:border-color .25s ease,box-shadow .25s ease}.kana-tile:after{content:"";position:absolute;inset:8px;border:1px solid rgba(140,42,35,.12);border-radius:1rem;pointer-events:none}.quiz-card.is-correct .kana-tile{border-color:#5a7d548c;box-shadow:0 0 0 3px #5a7d542e,var(--shadow-paper)}.quiz-card.is-incorrect .kana-tile{border-color:#b23a328c;box-shadow:0 0 0 3px #b23a3229,var(--shadow-paper)}.kana-stage span{font-family:Klee One,Shippori Mincho,"Noto Serif JP",serif;font-size:6rem;line-height:1;font-weight:700;color:var(--sumi);animation:kanaIn .4s ease}.plus-one{position:absolute;top:.75rem;right:.9rem;z-index:6;padding:.15rem .6rem;border-radius:999px;background:var(--matcha);color:#fff;font-family:Shippori Mincho,serif;font-weight:700;font-size:1.05rem;line-height:1.25;box-shadow:0 10px 22px -10px #5a7d54d9;opacity:0;pointer-events:none}.plus-one.is-show{animation:plusOne .9s cubic-bezier(.22,1,.36,1) forwards}.quiz-input{position:relative;z-index:2;width:100%;padding:.9rem 1rem;border:1.5px solid rgba(140,42,35,.22);border-radius:.75rem;font-size:1.05rem;margin-bottom:.9rem;background:#fffdf8;transition:border-color .2s ease,box-shadow .2s ease}.quiz-input:focus{outline:none;border-color:var(--shu);box-shadow:0 0 0 4px var(--ring)}.quiz-result{position:relative;z-index:2;min-height:1.6rem;text-align:center;margin-top:.9rem;font-weight:700;font-size:.98rem}.quiz-result.is-correct{color:var(--matcha)}.quiz-result.is-incorrect{color:var(--crimson)}.quiz-stats{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:1.4rem;padding-top:1.2rem;border-top:1px dashed rgba(140,42,35,.25)}.stat{text-align:center}.stat__num{display:block;font-family:Shippori Mincho,serif;font-size:1.6rem;font-weight:700;color:var(--shu-dark);line-height:1.1}.stat__num.is-pop{animation:pop .3s ease}.stat__label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--sumi-soft)}.kana-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;padding:.6rem .25rem;border-radius:.6rem;background:#fffdf8;border:1px solid rgba(140,42,35,.12);transition:transform .15s ease,border-color .2s ease,box-shadow .2s ease}.kana-cell:hover{transform:translateY(-2px);border-color:#c8443a80;box-shadow:var(--shadow-soft)}.kana-cell--empty{background:transparent;border-color:transparent}.kana-cell--empty:hover{transform:none;box-shadow:none}.kana-cell__char{font-family:Klee One,Shippori Mincho,serif;font-size:1.85rem;line-height:1;font-weight:700;color:var(--sumi)}.kana-cell__rom{font-size:.75rem;color:var(--sumi-soft);letter-spacing:.03em}.site-footer{position:relative;background:var(--sumi);color:#fff7efc7}.site-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--shu) 0%,var(--gold) 50%,var(--shu) 100%)}.site-footer a{color:var(--gold-soft)}.site-footer a:hover{text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.fixed{position:fixed}.relative{position:relative}.col-span-5{grid-column:span 5 / span 5}.mx-auto{margin-left:auto;margin-right:auto}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.mt-5{margin-top:1.25rem}.block{display:block}.inline{display:inline}.flex{display:flex}.grid{display:grid}.h-12{height:3rem}.min-h-\[72vh\]{min-height:72vh}.w-80{width:20rem}.w-full{width:100%}.max-w-3xl{max-width:48rem}.max-w-5xl{max-width:64rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.shrink-0{flex-shrink:0}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-7{gap:1.75rem}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:9999px}.bg-\[\#e3d7c0\]{--tw-bg-opacity: 1;background-color:rgb(227 215 192 / var(--tw-bg-opacity, 1))}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-14{padding-top:3.5rem;padding-bottom:3.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pb-20{padding-bottom:5rem}.pt-16{padding-top:4rem}.text-center{text-align:center}.align-middle{vertical-align:middle}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-6xl{font-size:3.75rem;line-height:1}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-\[\#5d564b\]{--tw-text-opacity: 1;color:rgb(93 86 75 / var(--tw-text-opacity, 1))}.text-\[\#a8352c\]{--tw-text-opacity: 1;color:rgb(168 53 44 / var(--tw-text-opacity, 1))}.text-\[\#b23a32\]{--tw-text-opacity: 1;color:rgb(178 58 50 / var(--tw-text-opacity, 1))}.text-\[\#fff7ef\]{--tw-text-opacity: 1;color:rgb(255 247 239 / var(--tw-text-opacity, 1))}.opacity-90{opacity:.9}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.kana-stage span.is-compound,.kana-cell__char--compound{letter-spacing:-.08em}@keyframes kanaIn{0%{opacity:0;transform:translateY(10px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.4)}to{transform:scale(1)}}@keyframes plusOne{0%{opacity:0;transform:translateY(8px) scale(.5)}20%{opacity:1;transform:translateY(0) scale(1.15)}40%{transform:translateY(0) scale(1)}70%{opacity:1}to{opacity:0;transform:translateY(-24px) scale(.95)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.shake{animation:shake .4s ease}@media(min-width:768px){.md\:text-5xl{font-size:3rem;line-height:1}}