:root{color:#17202a;background:#f7f7f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{min-height:44px;border:1px solid transparent;border-radius:8px;padding:0 14px;font:inherit;font-weight:800;cursor:pointer}.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.sidebar{display:flex;flex-direction:column;gap:28px;padding:28px 22px;color:#fbfcf8;background:#27374d}.eyebrow{margin:0 0 7px;color:#557a6e;font-size:.78rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.sidebar .eyebrow{color:#c7d8d0}h1,h2,p{margin-top:0}h1{margin-bottom:12px;font-size:clamp(2.1rem,5vw,3.4rem);line-height:.98;letter-spacing:0}h2{margin-bottom:0;font-size:clamp(1.7rem,3vw,2.5rem);letter-spacing:0}.sidebar-copy{margin-bottom:0;color:#e5ece8;line-height:1.55}.mode-list{display:grid;gap:8px}.mode-list button{color:#f8faf8;text-align:left;background:#ffffff17}.mode-list button.active{color:#182437;background:#ffd166}.progress-panel{display:flex;justify-content:space-between;gap:12px;margin-top:auto;padding-top:18px;border-top:1px solid rgba(255,255,255,.18)}.workspace{min-width:0;padding:32px}.study-view{display:grid;gap:22px;max-width:1080px;margin:0 auto}.toolbar{display:flex;align-items:end;justify-content:space-between;gap:16px}.action-button{color:#17202a;background:#ffd166}.secondary-button{color:#27374d;border-color:#c9d0ca;background:#fffdfa}.rule-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.rule-strip span,.rule-strip strong{display:grid;min-height:70px;place-items:center;border:1px solid #d7ddd6;border-radius:8px;padding:10px;text-align:center;background:#fffdfa}.rule-strip strong{color:#182437;background:#d7ece4}.focus-card,.feedback-panel{border:1px solid #d7ddd6;border-radius:8px;padding:24px;background:#fffdfa}.japanese-large{margin:0 0 12px;font-size:clamp(2rem,5vw,4rem);line-height:1.25;letter-spacing:0}.reading-line{margin-bottom:8px;color:#66716c;font-size:1.02rem}.english-line,.feedback-panel p,.note-line{margin-bottom:0;color:#44504a;font-size:1.12rem;line-height:1.6}.analysis-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}.analysis-grid div{display:grid;gap:7px;border:1px solid #d7ddd6;border-radius:8px;padding:14px;background:#f7fbf6}.analysis-grid span{color:#65736a;font-size:.85rem;font-weight:800}.analysis-grid strong{font-size:1.5rem}.choice-row,.button-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.choice-row button,.quiz-stack button{color:#17202a;border-color:#c9d0ca;background:#fffdfa}.choice-row button.correct,.quiz-stack button.correct{border-color:#2f7d59;background:#dff2e9}.choice-row button.wrong,.quiz-stack button.wrong{border-color:#b94f4f;background:#fae2df}.prompt-text{margin-bottom:18px;color:#263345;font-size:clamp(1.35rem,3vw,2rem);font-weight:800;line-height:1.35}.sentence-tray{display:grid;min-height:82px;align-items:center;border:1px dashed #9aa7a0;border-radius:8px;padding:16px;color:#68756e;background:#f7fbf6}.sentence-tray strong{color:#17202a;font-size:clamp(1.5rem,4vw,2.8rem);line-height:1.25}.quiz-stack{display:grid;gap:10px}.quiz-stack button{justify-content:start;min-height:56px;text-align:left}@media(max-width:820px){.app-shell,.analysis-grid,.rule-strip{grid-template-columns:1fr}.sidebar{min-height:auto}.workspace{padding:22px}.toolbar{align-items:stretch;flex-direction:column}.focus-card,.feedback-panel{padding:18px}}