:root{--navy:#1a3a5c;--navy-d:#12293f;--green:#2c6e49;--red:#c0392b;--orange:#e67e22;--gray:#888;--bg:#f4f7fb;--card:#fff;--ink:#1c2430;--ink-soft:#55606f;--line:#e4e9f0;--blue:#2b6cb0;--radius:14px;--radius-sm:10px;--shadow:0 1px 2px #1428460f, 0 6px 18px #1428460f;--shadow-lg:0 8px 30px #14284624;--maxw:520px;color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Yu Gothic,Meiryo,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--ink);overscroll-behavior-y:none;line-height:1.6}button{cursor:pointer;font-family:inherit}.app-shell{max-width:var(--maxw);background:var(--bg);flex-direction:column;min-height:100dvh;margin:0 auto;display:flex;position:relative}.screen{padding:16px 16px calc(20px + env(safe-area-inset-bottom));flex-direction:column;flex:1;animation:.22s slidein;display:flex}@keyframes slidein{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.appbar{background:var(--navy);color:#fff;z-index:10;align-items:center;gap:12px;padding:14px 16px;display:flex;position:sticky;top:0}.appbar .title{letter-spacing:.02em;font-size:17px;font-weight:700}.appbar .spacer{flex:1}.iconbtn{color:inherit;background:0 0;border:none;border-radius:8px;align-items:center;gap:4px;padding:6px 8px;font-size:15px;display:inline-flex}.iconbtn:active{background:#ffffff26}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--line)}.badge{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:11px;font-weight:700;line-height:1.4;display:inline-flex}.badge .dot{background:currentColor;border-radius:50%;width:7px;height:7px}.tag{color:var(--navy);background:#eaf1f8;border-radius:6px;padding:3px 8px;font-size:12px;font-weight:600;display:inline-block}.btn{border-radius:var(--radius-sm);background:var(--navy);color:#fff;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 18px;font-size:15px;font-weight:700;transition:transform 80ms,filter .15s;display:inline-flex}.btn:active{filter:brightness(1.05);transform:translateY(1px)}.btn.secondary{color:var(--navy);border:1.5px solid var(--navy);background:#fff}.btn.ghost{color:var(--navy);background:#eef2f7}.btn.lg{padding:18px;font-size:16px}.btn:disabled{opacity:.5;filter:none}.mark{color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;font-weight:700;display:inline-flex}.mark.ok{background:var(--green)}.mark.ng{background:var(--red)}.muted{color:var(--ink-soft)}.center{text-align:center}.scroll{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.quiz-footer{padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(to top, var(--bg) 70%, #f4f7fb00);border-top:1px solid var(--line);gap:10px;display:flex;position:sticky;bottom:0}.quiz-footer .btn{flex:1}.spinner{border:3px solid #d6deea;border-top-color:var(--navy);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.rate-row{grid-template-columns:92px 1fr 44px;align-items:center;gap:10px;font-size:13px;display:grid}.rate-track{background:#e9eef5;border-radius:6px;height:10px;overflow:hidden}.rate-fill{border-radius:6px;height:100%;transition:width .4s}