:root{--bg:#fffdf9;--card:#fff;--ink:#3f3440;--ink-soft:#7d7080;--line:#f1e6ee;--pink:#ff8fb1;--pink-soft:#ffe3ec;--mint:#c9f1df;--mint-strong:#5cc79a;--sky:#d9eeff;--sky-strong:#6fb4f0;--lemon:#fff3b8;--lilac:#ece3ff;--lilac-strong:#a68ff0;--ok:#3fb984;--ng:#ff7f8f;--c-usage:#ff9fb8;--c-fill:#7fc4f7;--c-reading:#8fd59c;--c-feelings:#ffc56b;--c-school:#b8a2f2;--radius:22px;--shadow:0 4px 0 #3f34400f, 0 10px 24px #ff8fb11a;--font:"Hiragino Maru Gothic ProN", "Hiragino Maru Gothic Pro", "Hiragino Sans", "BIZ UDPGothic", "Noto Sans JP", "Yu Gothic", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;margin:0;font-size:18px;line-height:1.7}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:disabled{cursor:default}:focus-visible{outline:3px solid var(--sky-strong);outline-offset:2px}ruby rt{color:var(--ink-soft);letter-spacing:0;font-size:.5em}.app{max-width:560px;min-height:100dvh;padding:calc(env(safe-area-inset-top) + 12px) calc(env(safe-area-inset-right) + 16px) calc(env(safe-area-inset-bottom) + 24px) calc(env(safe-area-inset-left) + 16px);margin:0 auto}.loading{min-height:100dvh;color:var(--ink-soft);place-items:center;display:grid}.screen{flex-direction:column;gap:14px;display:flex}.card{background:var(--card);border:2px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.h1{text-align:center;margin:0;font-size:22px;line-height:1.5}.h2{margin:0 0 8px;font-size:18px}.h2--pad{margin:6px 4px 8px}.muted{color:var(--ink-soft)}.small{font-size:14px}.center{text-align:center}.pad{padding:8px 0 16px}.row-between{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.row-gap{flex-wrap:wrap;gap:10px;display:flex}.tag{background:var(--lilac);white-space:nowrap;border-radius:99px;padding:1px 8px;font-size:12px;display:inline-block}.tag--pink{background:var(--pink-soft);color:#d0466f;margin-left:6px}.note{background:var(--lemon);border-radius:12px;padding:8px 12px;font-size:15px}.err{color:#d6324f;margin:6px 0}.btn{background:var(--sky);border:none;border-radius:999px;min-height:52px;padding:14px 22px;font-size:18px;font-weight:700;transition:transform 80ms,box-shadow 80ms;box-shadow:0 4px #3f34401f}.btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #3f34401f}.btn:disabled{opacity:.5}.btn--primary{background:var(--pink);color:#fff}.btn--ghost{border:2px solid var(--line);background:#fff}.btn--reward{background:var(--lemon)}.btn--danger{color:#c62f4b;background:#ffe0e4}.btn--small{white-space:nowrap;min-height:42px;padding:8px 16px;font-size:15px}.btn--wide{width:100%}.btn--buy{background:var(--mint)}.iconbtn{border:2px solid var(--line);background:#fff;border-radius:50%;flex:none;width:48px;height:48px;font-size:20px}.topbar{justify-content:space-between;align-items:center;gap:8px;display:flex}.pill{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-weight:700;display:inline-flex}.pill--level{background:var(--lilac)}.pill--points{background:var(--lemon)}.pill__k{color:var(--ink-soft);font-size:13px}.pill__v{font-size:20px}.pbar{background:#f5eef3;border-radius:99px;height:12px;overflow:hidden}.pbar__fill{border-radius:99px;height:100%;transition:width .4s}.toast{left:50%;top:calc(env(safe-area-inset-top) + 10px);z-index:50;border:2px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:16px;align-items:center;gap:10px;width:max-content;max-width:calc(100vw - 32px);padding:10px 16px;font-size:15px;display:flex;position:fixed;transform:translate(-50%)}.toast--warn{background:#fff1f2}.toast--inline{top:calc(env(safe-area-inset-top) + 8px);background:var(--mint);margin:0 auto;position:sticky;left:auto;transform:none}.title{text-align:center;letter-spacing:.02em;margin:4px 0 0;font-size:26px;line-height:1.5}.title__accent{background:linear-gradient(transparent 62%, var(--pink-soft) 62%);padding:0 4px}.home__hero{padding:10px}.home__status{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:10px 4px 6px;display:flex}.home__lvtitle{text-align:center;flex:1;font-size:16px;font-weight:700}.home__lvbar{margin:0 4px}.home__lvbar small{color:var(--ink-soft);font-size:13px}.btn--start{color:#fff;letter-spacing:.05em;background:linear-gradient(135deg,#ff9fbd,#ffb88c);flex-direction:column;align-items:center;min-height:72px;padding:18px;font-size:24px;line-height:1.3;display:flex;box-shadow:0 6px #f07a9b}.btn--start small{opacity:.9;font-size:14px}.btn--start:active{box-shadow:0 2px #f07a9b}.home__review{text-align:center;color:#b0587a;margin:-4px 0 0;font-size:15px}.cats{grid-template-columns:1fr 1fr;gap:10px;display:grid}.cat{text-align:left;border:2px solid var(--line);border-left:8px solid var(--cat);min-height:108px;box-shadow:var(--shadow);background:#fff;border-radius:18px;grid-template-columns:auto 1fr;grid-template-areas:"e l""b b""c c";align-items:center;gap:4px 8px;padding:12px;display:grid}.cat:last-child:nth-child(odd){grid-column:span 2}.cat__emoji{grid-area:e;font-size:26px}.cat__label{grid-area:l;font-size:16px;font-weight:700;line-height:1.35}.cat .pbar{grid-area:b;height:8px}.cat__count{color:var(--ink-soft);grid-area:c;font-size:13px}.home__links{grid-template-columns:1fr 1fr;gap:10px;display:grid}.room{aspect-ratio:3/2;background:#fff6ef;border-radius:18px;position:relative;overflow:hidden}.room--compact{aspect-ratio:16/9}.room__bg{width:100%;height:100%;position:absolute;inset:0}.room__mascot{width:36%;max-width:170px;animation:3s ease-in-out infinite bob;position:absolute;bottom:4%;left:50%;transform:translate(-50%)}.room__mascot svg{width:100%;height:auto}@keyframes bob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-5px)}}.quiz__top{align-items:center;gap:10px;display:flex}.quiz__progress{flex:1}.quiz__count{color:var(--ink-soft);margin-bottom:2px;font-size:14px}.quiz__count span{color:var(--ink);font-size:20px;font-weight:700}.quiz__pts{background:var(--lemon);white-space:nowrap;border-radius:99px;padding:6px 12px;font-weight:700}.quiz__cat{background:color-mix(in srgb, var(--cat) 22%, white);border-radius:99px;align-self:flex-start;align-items:center;gap:8px;padding:2px 14px;font-size:14px;font-weight:700;display:flex}.quiz__diff{color:#f0a500;letter-spacing:-1px}.quiz__diff-off{color:#e8dfe4}.passage{background:#fbf8f2;border:2px dashed #efe3d2;border-radius:14px;margin-bottom:12px;padding:12px 14px;font-size:20px;line-height:2.1}.prompt{word-break:normal;overflow-wrap:anywhere;margin:0;font-size:23px;font-weight:700;line-height:2}.blank{vertical-align:-.2em;border:3px solid var(--pink);background:var(--pink-soft);border-radius:8px;width:3.2em;height:1.3em;margin:0 4px;display:inline-block}.quiz__tools{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.speak,.hintbtn{border:2px solid var(--line);background:#fff;border-radius:99px;align-items:center;gap:6px;min-height:44px;padding:6px 14px;font-size:15px;display:inline-flex}.speak.is-playing{background:var(--sky)}.speak--small{min-height:38px;padding:4px 12px;font-size:14px}.speak:disabled{opacity:.5}.hintbtn{font-family:"PingFang SC", var(--font);color:var(--ink-soft)}.hintbtn.is-open{background:var(--lilac);color:var(--ink)}.zh{background:var(--lilac);border-radius:12px;margin:10px 0 0;padding:8px 12px;font-family:PingFang SC,Hiragino Sans GB,sans-serif;font-size:16px}.choices{gap:10px;display:grid}.choice{text-align:left;border:3px solid var(--line);background:#fff;border-radius:18px;align-items:center;gap:12px;min-height:64px;padding:10px 16px;font-size:21px;font-weight:700;line-height:1.6;transition:transform 80ms,background .2s,border-color .2s;display:flex;box-shadow:0 4px #efe3ec}.choice:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #efe3ec}.choice__mark{background:var(--sky);border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:16px;display:grid}.choice.is-wrong{color:#b9a0a8;background:#fff3f4;border-color:#ffd0d6}.choice.is-wrong .choice__mark{background:var(--ng);color:#fff}.choice.is-correct{border-color:var(--ok);background:#eafaf2;animation:.35s pop}.choice.is-correct .choice__mark{background:var(--ok);color:#fff}.choice.is-dim{opacity:.55}.choice:disabled{color:inherit}.shake{animation:.35s shake}.retry{text-align:center;color:#c0567a;margin:0;font-weight:700}.feedback{flex-direction:column;gap:10px;animation:.3s rise;display:flex}.feedback--ok{background:#f6fffa;border-color:#bfeed6}.feedback--ng{background:#fffaf2;border-color:#ffe0b8}.feedback__head{align-items:center;gap:10px;display:flex}.feedback__title{margin:0;font-size:20px;font-weight:700;line-height:1.5}.gain{background:var(--lemon);border-radius:99px;align-items:center;gap:4px;margin:4px 0 0;padding:2px 12px;font-size:18px;font-weight:700;animation:.7s gain;display:inline-flex}.gain__stars{animation:.9s twinkle;display:inline-block}.bonus{background:var(--pink-soft);border-radius:12px;margin:0;padding:6px 12px;font-weight:700;animation:.4s pop}.explain{border:2px solid var(--line);background:#fff;border-radius:14px;padding:10px 12px}.explain p{margin:0 0 8px;font-size:18px;line-height:1.9}.explain__label{color:var(--ink-soft);font-weight:700;margin-bottom:2px!important;font-size:13px!important}.result__hero{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.stats{gap:2px;display:grid}.stat{border-bottom:1px dashed var(--line);justify-content:space-between;align-items:baseline;gap:8px;padding:8px 2px;display:flex}.stat:last-child{border-bottom:none}.stat__k{color:var(--ink-soft);font-size:15px}.stat__v{text-align:right;font-size:20px;font-weight:700}.stat__v small{color:var(--ink-soft);font-size:13px;font-weight:400}.weak{gap:6px;margin:0 0 6px;padding:0;list-style:none;display:grid}.weak li{background:#fff8ec;border-radius:12px;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:6px 12px;display:flex}.weak__focus{font-weight:700}.weak__ans{color:var(--ink-soft);font-size:15px}.result__actions{gap:10px;display:grid}.result__actions .row-gap>*{flex:1}.levelup{z-index:100;-webkit-backdrop-filter:blur(4px);background:#fff0f6d9;place-items:center;padding:24px;animation:.25s fade;display:grid;position:fixed;inset:0}.levelup__card{text-align:center;background:#fff;border-radius:28px;flex-direction:column;align-items:center;gap:4px;width:100%;max-width:360px;padding:24px;animation:.45s cubic-bezier(.2,1.4,.4,1) pop;display:flex;position:relative;box-shadow:0 20px 40px #ff8fb14d}.levelup__big{color:#e5577f;margin:4px 0 0;font-size:26px;font-weight:800}.levelup__lv{background:var(--lilac);border-radius:99px;margin:0;padding:2px 16px;font-size:18px;font-weight:700}.levelup__msg{margin:6px 0 12px;font-size:19px;font-weight:700}.levelup__burst{pointer-events:none;position:absolute;inset:0}.levelup__burst span{color:#ffc94d;transform:rotate(calc(var(--i) * 36deg)) translateY(0);font-size:22px;animation:1s ease-out forwards burst;position:absolute;top:34%;left:50%}.shop{grid-template-columns:1fr 1fr;gap:10px;display:grid}.item{border:2px solid var(--line);text-align:center;box-shadow:var(--shadow);background:#fff;border-radius:18px;flex-direction:column;align-items:center;gap:4px;padding:12px;display:flex}.item.is-on{border-color:var(--pink);background:#fff7fa}.item__icon{font-size:34px;line-height:1.2}.item__name{font-size:16px;font-weight:700;line-height:1.4}.item__desc{color:var(--ink-soft);flex:1;font-size:12px;line-height:1.5}.parent{font-family:"Hiragino Sans", var(--font);font-size:16px}.parent .h1{font-size:20px}.gate__q{text-align:center;margin:8px 0;font-size:30px;font-weight:700}.input{font:inherit;border:2px solid var(--line);border-radius:14px;width:100%;margin-bottom:10px;padding:10px 14px;font-size:22px}.tabs{top:calc(env(safe-area-inset-top) + 4px);z-index:5;background:#f6eff4;border-radius:16px;grid-template-columns:repeat(4,1fr);gap:4px;padding:4px;display:grid;position:sticky}.tab{background:0 0;border:none;border-radius:12px;min-height:42px;padding:8px 2px;font-size:14px;font-weight:700}.tab.is-active{background:#fff;box-shadow:0 2px 6px #0000000f}.grid2{grid-template-columns:1fr 1fr;gap:4px 14px;display:grid}.grid2 .stat{flex-direction:column;align-items:flex-start;gap:0}.grid2 .stat__v{text-align:left;font-size:18px}.grid2 .stat__k{font-size:13px}.mastery{gap:14px;display:grid}.stack-bar{background:#eee;border-radius:99px;height:14px;margin:4px 0;display:flex;overflow:hidden}.st-mastered{background:var(--mint-strong)}.st-learning{background:#a7dcff}.st-review{background:#ffb36b}.st-unseen{background:#eee7ec}.legend{flex-wrap:wrap;gap:4px 14px;margin-top:10px;font-size:13px;display:flex}.legend i{vertical-align:-1px;border-radius:3px;width:12px;height:12px;margin-right:4px;display:inline-block}.qgrid-wrap{margin-top:12px}.qgrid{grid-template-columns:repeat(auto-fill,minmax(22px,1fr));gap:4px;margin-top:4px;display:grid}.qcell{aspect-ratio:1;border:none;border-radius:5px;min-width:0;padding:0}.qcell.is-sel{outline:3px solid var(--ink);outline-offset:1px}.qdetail{background:#faf7fb;border-radius:14px;margin-top:12px;padding:10px 12px;font-size:15px}.qdetail p{margin:4px 0}.qlist{gap:8px;margin:0;padding:0;list-style:none;display:grid}.qlist li{border-bottom:1px dashed var(--line);flex-direction:column;padding-bottom:6px;font-size:15px;display:flex}.cal{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.cal__d{aspect-ratio:1;color:var(--ink-soft);background:#f6f1f4;border-radius:10px;place-items:center;font-size:13px;display:grid}.cal__d.is-on{background:var(--pink);color:#fff;font-weight:700}.table{border-collapse:collapse;width:100%;font-size:14px}.table th,.table td{border-bottom:1px solid var(--line);text-align:left;padding:6px 4px}.form{gap:10px;display:grid}.field{justify-content:space-between;align-items:center;gap:10px;display:flex}.field--col{flex-direction:column;align-items:stretch}.field input[type=checkbox]{width:26px;height:26px;accent-color:var(--pink)}.field input[type=range]{accent-color:var(--pink)}.seg{background:#f6eff4;border-radius:12px;padding:3px;display:inline-flex}.seg button{background:0 0;border:none;border-radius:10px;min-height:38px;padding:6px 14px}.seg button.is-active{background:#fff;font-weight:700;box-shadow:0 2px 6px #0000000f}.qline{line-height:1.6}@keyframes pop{0%{transform:scale(.85)}60%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes gain{0%{opacity:0;transform:translateY(10px)scale(.8)}50%{opacity:1;transform:translateY(-4px)scale(1.1)}to{transform:translateY(0)scale(1)}}@keyframes twinkle{0%{transform:rotate(-30deg)scale(0)}to{transform:rotate(0)scale(1)}}@keyframes fade{0%{opacity:0}}@keyframes burst{0%{opacity:1;transform:rotate(calc(var(--i) * 36deg)) translateY(0) scale(.5)}to{opacity:0;transform:rotate(calc(var(--i) * 36deg)) translateY(-130px) scale(1.2)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.room__mascot{animation:none;transform:translate(-50%)}.levelup__burst{display:none}}@media (width<=360px){body{font-size:16px}.prompt{font-size:20px}.choice,.passage{font-size:18px}.cats,.shop{grid-template-columns:1fr}.cat:last-child:nth-child(odd){grid-column:auto}}.passage,.prompt,.choice__text,.explain p,.feedback__title,.zh,.item__desc,.item__name,.cat__label,.home__lvtitle,.h1,.title,.weak li,.retry,.toast{word-break:keep-all;overflow-wrap:anywhere;line-break:strict}