:root{color:#1d2820;font-synthesis:none;background:#f2eee3;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background-color:#f2eee3;background-image:linear-gradient(90deg,#1f322309 1px,#0000 1px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #e66b39}main{width:min(1160px,100% - 40px);margin:0 auto;padding-bottom:40px}.topbar{border-bottom:1px solid #b9b5a9;justify-content:space-between;align-items:center;min-height:98px;display:flex}.brand{color:inherit;align-items:center;gap:14px;text-decoration:none;display:flex}.brand-mark{color:#fff;background:#274c38;place-items:center;width:48px;height:48px;font:700 28px/1 Yu Mincho,Hiragino Mincho ProN,serif;display:grid;transform:rotate(-3deg)}.brand strong,.brand small{display:block}.brand strong{letter-spacing:.06em;font-size:21px}.brand small{letter-spacing:.22em;color:#6e746d;margin-top:3px;font-size:10px;font-weight:800}.mistake-link{cursor:pointer;background:0 0;border:1px solid #242d26;padding:10px 12px 10px 16px;font-weight:750}.mistake-link span{color:#fff;background:#e66b39;place-items:center;min-width:25px;height:25px;margin-left:8px;padding:0 6px;display:inline-grid}.dashboard{color:#fff;background:#23382b;grid-template-columns:repeat(3,1fr);margin:28px 0 20px;padding:18px 0 24px;display:grid;position:relative;box-shadow:7px 7px #d1caba}.dashboard>div:not(.accuracy-track){border-right:1px solid #ffffff29;padding:3px 28px}.dashboard>div:nth-child(3){border-right:0}.dashboard span,.dashboard strong{display:block}.dashboard span{color:#b8c4ba;letter-spacing:.08em;font-size:12px;font-weight:700}.dashboard strong{margin-top:5px;font:600 28px/1.1 Georgia,serif}.dashboard strong small{font:600 12px/1 sans-serif;display:inline}.accuracy-track{background:#ffffff1f;height:5px;position:absolute;bottom:0;left:0;right:0}.accuracy-track i{background:#ef855b;height:100%;transition:width .35s;display:block}.workspace{grid-template-columns:290px minmax(0,1fr);gap:20px;display:grid}aside,.quiz-card{background:#faf8f1f2;border:1px solid #b9b5a9}aside{padding:28px 24px}.eyebrow{color:#df6434;letter-spacing:.2em;margin:0 0 7px;font-size:10px;font-weight:850}aside h2{margin:0 0 22px;font-size:21px}.mode-list{gap:9px;display:grid}.mode-list button{text-align:left;cursor:pointer;background:0 0;border:1px solid #c8c4b8;grid-template-columns:44px 1fr 18px;align-items:center;gap:10px;width:100%;padding:12px;display:grid}.mode-list button>span:first-child{background:#e7e2d6;place-items:center;width:42px;height:42px;font:700 21px/1 serif;display:grid}.mode-list button strong,.mode-list button small{display:block}.mode-list button strong{font-size:14px}.mode-list button small{color:#777a74;margin-top:3px;font-size:11px}.mode-list button i{color:#9d9e97;font-style:normal}.mode-list button:hover{border-color:#274c38}.mode-list button.active{background:#e1eadf;border:2px solid #274c38;padding:11px}.mode-list button.active>span:first-child{color:#fff;background:#274c38}.tip{color:#6d716b;border-top:1px dashed #b9b5a9;gap:10px;margin-top:26px;padding-top:20px;display:flex}.tip>span{color:#df6434;font-weight:700}.tip p{margin:0;font-size:12px;line-height:1.65}.tip strong{color:#323b34;display:block}.quiz-card{min-height:570px;padding:0 48px 36px}.quiz-head{color:#73766f;letter-spacing:.12em;border-bottom:1px dashed #c5c1b7;justify-content:space-between;padding:20px 0;font-size:11px;font-weight:800;display:flex}.prompt{text-align:center;padding:34px 0 30px}.prompt p{color:#667068;margin:0;font-size:14px}.kana{color:#16271d;margin:12px 0 8px;font:500 clamp(82px,12vw,126px)/1 Yu Mincho,Hiragino Mincho ProN,serif}.script-tag{color:#47614f;letter-spacing:.1em;background:#e1eadf;padding:4px 10px;font-size:11px;font-weight:800;display:inline-block}.options{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.options button{cursor:pointer;background:#fffdf7;border:1px solid #bcb8ae;align-items:center;min-height:63px;padding:10px 50px 10px 14px;font-size:20px;font-weight:750;display:flex;position:relative}.options button>span{color:#697069;background:#ebe7dc;place-items:center;width:35px;height:35px;margin-right:18px;font-size:12px;display:grid}.options button:not(:disabled):hover{border-color:#274c38;box-shadow:inset 4px 0 #274c38}.options button i{place-items:center;width:27px;height:27px;font-style:normal;display:grid;position:absolute;right:17px}.options button.correct{background:#e6f0e5;border:2px solid #3a764d;padding:9px 49px 9px 13px}.options button.correct i{color:#fff;background:#3a764d}.options button.wrong{background:#f8e8e1;border:2px solid #bf5335;padding:9px 49px 9px 13px}.options button.wrong i{color:#fff;background:#bf5335}.options button:disabled{cursor:default;opacity:.7}.options button.correct:disabled,.options button.wrong:disabled{opacity:1}.feedback{border-left:5px solid;justify-content:space-between;align-items:center;gap:20px;margin-top:18px;padding:16px 18px;display:flex}.feedback.good{background:#e1ede1;border-color:#3a764d}.feedback.bad{background:#f6e7df;border-color:#bf5335}.feedback strong,.feedback span{display:block}.feedback strong{font-size:14px}.feedback>div span{color:#667068;margin-top:4px;font-size:12px}.feedback button,.primary{color:#fff;cursor:pointer;white-space:nowrap;background:#253e2e;border:0;padding:11px 16px;font-weight:800}.feedback button span{margin-left:7px;display:inline}.empty-state{text-align:center;align-content:center;place-items:center;min-height:530px;display:grid}.empty-state>div{color:#274c38;border:2px solid #274c38;place-items:center;width:70px;height:70px;margin-bottom:22px;font-size:42px;display:grid;transform:rotate(5deg)}.empty-state h2{margin:3px 0 8px}.empty-state>p:not(.eyebrow){color:#70736d;margin:0 0 24px}.review-footer{color:#747871;justify-content:flex-end;align-items:center;gap:20px;margin-top:15px;font-size:12px;display:flex}.review-footer button{color:#a0442e;cursor:pointer;background:0 0;border:0;border-bottom:1px solid;padding:3px 0}@media (width<=760px){main{width:min(100% - 24px,580px)}.topbar{min-height:78px}.dashboard{margin-top:18px}.dashboard>div:not(.accuracy-track){padding:3px 12px}.dashboard strong{font-size:23px}.workspace{grid-template-columns:1fr}aside{padding:20px}aside h2,aside>.eyebrow{display:none}.mode-list{grid-template-columns:repeat(3,1fr)}.mode-list button{text-align:center;grid-template-columns:1fr;justify-items:center;gap:5px;padding:9px 5px}.mode-list button.active{padding:8px 4px}.mode-list button i,.mode-list button small,.tip{display:none}.quiz-card{min-height:0;padding:0 20px 24px}.prompt{padding:25px 0 22px}.kana{font-size:86px}}@media (width<=470px){.brand-mark{width:42px;height:42px}.brand strong{font-size:17px}.mistake-link{padding-left:10px;font-size:12px}.dashboard span{font-size:10px}.dashboard strong{font-size:21px}.options{grid-template-columns:1fr;gap:9px}.options button{min-height:54px}.feedback{flex-direction:column;align-items:stretch}.feedback button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}