:root{--bg:#f5f5f0;--card:#fff;--text:#1a1a1a;--text-muted:#666;--accent:#1a6b3a;--accent-light:#e8f5ed;--danger:#c0392b;--danger-light:#fdecea;--correct:#1a6b3a;--wrong:#c0392b;--border:#ddd;--shadow:0 2px 8px #00000014;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic,sans-serif;font-size:16px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background:var(--bg);min-height:100dvh;padding-top:env(safe-area-inset-top)}#root{max-width:680px;padding:0 max(16px, env(safe-area-inset-left)) max(40px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-right));margin:0 auto}.app{min-height:100dvh}.load-state{border:1px solid var(--border);background:var(--card);color:var(--text-muted);text-align:center;box-shadow:var(--shadow);border-radius:8px;margin-top:96px;padding:18px 20px;font-weight:700}.load-state.error{color:var(--wrong);background:var(--danger-light)}.home-screen{padding:32px 0 24px}.app-title{color:var(--accent);margin-bottom:6px;font-size:2rem;font-weight:700;line-height:1.2}.app-sub{color:var(--text-muted);margin-bottom:28px;font-size:.85rem}.countdown-card{color:#fff;box-shadow:var(--shadow);background:linear-gradient(135deg,#1a6b3a 0%,#245d95 100%);border-radius:16px;margin-bottom:24px;padding:16px 18px}.countdown-label{opacity:.82;margin-bottom:4px;font-size:.78rem;display:block}.countdown-date{letter-spacing:.04em;font-size:1rem;font-weight:700;display:block}.countdown-days{margin-top:8px;font-size:1.9rem;font-weight:800;line-height:1.1}.countdown-target{opacity:.92;margin-top:8px;font-size:.92rem}.mode-section{flex-direction:column;gap:10px;margin-bottom:24px;display:flex}.filter-section{margin-bottom:20px}.filter-section h3{color:var(--text-muted);margin-bottom:8px;font-size:.9rem;font-weight:600}.btn-group{flex-wrap:wrap;gap:8px;display:flex}.mode-btn{cursor:pointer;border:none;border-radius:10px;padding:12px 16px;font-size:1rem;font-weight:600;transition:opacity .15s,transform .1s}.mode-btn:active{transform:scale(.98)}.mode-btn.primary{background:var(--accent);color:#fff}.mode-btn.resume{color:#fff;background:#245d95}.mode-btn.danger{background:var(--danger);color:#fff}.mode-btn.danger:disabled{opacity:.4;cursor:default}.mode-btn.small{background:var(--card);border:1px solid var(--border);color:var(--text);min-height:44px;padding:8px 14px;font-size:.85rem}.mode-btn.stats{background:var(--card);border:1px solid var(--border);width:100%;margin-top:8px}.mode-btn.exam{color:#fff;background:#245d95}.mode-btn.drill{color:#fff;background:#6b4fa0}.mode-section-title{color:var(--text-muted);margin-bottom:-2px;font-size:.9rem;font-weight:600}.quiz-card{background:var(--card);box-shadow:var(--shadow);border-radius:16px;margin-top:20px;padding:20px}.quiz-meta{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:14px;display:flex}.badge{background:var(--accent-light);color:var(--accent);border-radius:20px;padding:3px 8px;font-size:.72rem;font-weight:600}.badge.secondary{color:#3b4fd4;background:#eef2ff}.badge.tag{color:#8b6914;background:#fef9e7}.bookmark-toggle{cursor:pointer;border:none}.bookmark-toggle.active{color:#9a6b00;background:#fff3d8}.progress-label{color:var(--text-muted);margin-left:auto;font-size:.8rem}.question-text{margin-bottom:12px;font-size:.97rem;font-weight:500;line-height:1.65}.question-figure{border:1px solid var(--border);border-radius:8px;width:100%;max-width:100%;margin-bottom:16px;display:block}.choices{flex-direction:column;gap:8px;margin-bottom:16px;list-style:none;display:flex}.choice{border:1.5px solid var(--border);cursor:pointer;border-radius:10px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:.9rem;line-height:1.5;transition:background .12s,border-color .12s;display:flex}.choice:hover:not(.correct):not(.wrong){background:#f9f9f7;border-color:#bbb}.choice.correct{background:var(--accent-light);border-color:var(--correct);color:var(--correct);font-weight:600}.choice.wrong{background:var(--danger-light);border-color:var(--wrong);color:var(--wrong)}.choice-num{min-width:22px;color:var(--text-muted);font-size:.8rem;font-weight:700}.choice.correct .choice-num,.choice.wrong .choice-num{color:inherit}.result-banner{text-align:center;border-radius:8px;margin-bottom:14px;padding:10px;font-size:1.1rem;font-weight:700}.result-banner.ok{background:var(--accent-light);color:var(--correct)}.result-banner.ng{background:var(--danger-light);color:var(--wrong)}.result-banner.unknown{color:#888;background:#f0f0f0}.answer-text{overflow-wrap:anywhere;margin-top:6px;font-size:.9rem;font-weight:600;line-height:1.5;display:block}.choice.selected-unknown{background:#f9f9f0;border-color:#bbb}.choice.selected-exam{background:#eef2ff;border-color:#3b4fd4;font-weight:600}.drill-statement{font-size:1.05rem}.drill-prompt{color:var(--text-muted);margin-bottom:14px;font-size:.85rem}.drill-buttons{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.drill-btn{border:2px solid var(--border);background:var(--card);cursor:pointer;border-radius:12px;padding:18px 10px;font-size:1.15rem;font-weight:700;transition:background .12s,border-color .12s,opacity .15s}.drill-btn.maru{color:var(--correct)}.drill-btn.batsu{color:var(--wrong)}.drill-btn:disabled{cursor:default;opacity:.55}.drill-btn.is-answer{opacity:1}.drill-btn.maru.is-answer{background:var(--accent-light);border-color:var(--correct)}.drill-btn.batsu.is-answer{background:var(--danger-light);border-color:var(--wrong)}.drill-btn.is-wrong{opacity:1;background:#f0f0f0;border-color:#999}.quiz-actions.single{grid-template-columns:1fr}.drill-result-note{text-align:center;color:var(--text-muted);margin-bottom:20px;font-size:.88rem}.exam-verdict{text-align:center;border-radius:12px;margin-bottom:18px;padding:14px;font-size:1.25rem;font-weight:800}.exam-verdict.pass{background:var(--accent-light);color:var(--correct);border:2px solid var(--correct)}.exam-verdict.fail{background:var(--danger-light);color:var(--wrong);border:2px solid var(--wrong)}.exam-criteria{text-align:center;color:var(--text-muted);margin-bottom:18px;font-size:.82rem}.exam-breakdown td strong{font-weight:700}.explanation{border-left:3px solid var(--accent);background:#f9f9f7;border-radius:0 8px 8px 0;margin-bottom:16px;padding:12px 14px;font-size:.88rem;line-height:1.65}.explanation strong{color:var(--accent);margin-bottom:6px;font-size:.8rem;display:block}.memo-section{margin-bottom:16px}.memo-section textarea{border:1px solid var(--border);resize:vertical;border-radius:8px;width:100%;margin-bottom:6px;padding:8px 10px;font-family:inherit;font-size:16px}.memo-text{color:var(--text-muted);white-space:pre-wrap;margin-top:6px;font-size:.85rem}.btn-small{border:1px solid var(--border);background:var(--card);cursor:pointer;border-radius:6px;min-height:44px;margin-right:6px;padding:5px 12px;font-size:.82rem}.btn-small.secondary{color:var(--text-muted)}.btn-next{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;padding:14px;font-size:1rem;font-weight:700;transition:opacity .15s}.btn-next:disabled{opacity:.4;cursor:default}.btn-next.secondary{background:var(--card);color:var(--text);border:1px solid var(--border);margin-top:10px}.btn-next.danger-outline{color:var(--wrong);border-color:#e2b6b0}.quiz-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.result-screen{padding:24px 0}.result-screen h2{margin-bottom:20px;font-size:1.5rem}.score-circle{background:var(--accent-light);border:3px solid var(--accent);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto 24px;display:flex}.score-num{color:var(--accent);font-size:2rem;font-weight:800}.score-sub{color:var(--text-muted);font-size:.75rem}.result-table{border-collapse:collapse;width:100%;margin-bottom:20px;font-size:.85rem}.result-table th{text-align:left;border-bottom:2px solid var(--border);color:var(--text-muted);padding:8px}.result-table td{border-bottom:1px solid var(--border);padding:8px}.result-table .row-ok td{color:var(--correct)}.result-table .row-ng td{color:var(--wrong)}.q-preview{text-overflow:ellipsis;white-space:nowrap;max-width:200px;color:var(--text);overflow:hidden}.result-actions{flex-direction:column;gap:10px;display:flex}.stats-screen{padding:24px 0}.stats-screen h2{margin-bottom:16px;font-size:1.4rem}.stats-screen h3{margin-bottom:10px;font-size:1rem}.stats-countdown{margin-top:4px}.study-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.study-summary-card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;padding:14px 16px}.study-summary-label{color:var(--text-muted);margin-bottom:6px;font-size:.8rem;display:block}.study-summary-value{color:var(--accent);font-size:1.8rem;line-height:1.1;display:block}.study-summary-sub{color:var(--text-muted);margin-top:8px;font-size:.82rem}.study-log-section{margin-bottom:24px}.study-empty{background:var(--card);border:1px solid var(--border);color:var(--text-muted);border-radius:10px;padding:14px 16px}.sync-card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;margin-bottom:24px;padding:14px 16px}.sync-label{color:var(--text-muted);margin-bottom:6px;font-size:.8rem;display:block}.sync-input{border:1px solid var(--border);letter-spacing:.08em;border-radius:10px;width:100%;margin-bottom:10px;padding:10px 12px;font-family:inherit;font-size:16px}.sync-actions{gap:8px;margin-bottom:10px;display:flex}.sync-status{color:var(--accent);margin-top:8px;font-size:.82rem}.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-bottom:8px;display:grid}.calendar-weekday{text-align:center;color:var(--text-muted);padding-bottom:4px;font-size:.74rem}.calendar-cell{background:var(--card);border:1px solid var(--border);border-radius:10px;flex-direction:column;justify-content:space-between;min-height:66px;padding:8px 6px;display:flex}.calendar-cell.muted{opacity:.45}.calendar-cell.active{background:var(--accent-light);border-color:var(--accent)}.calendar-day{font-size:.78rem;font-weight:700}.calendar-stamp{color:var(--text-muted);font-size:.76rem}.stats-table{border-collapse:collapse;width:100%;margin-bottom:20px;font-size:.85rem}.stats-table th{text-align:left;border-bottom:2px solid var(--border);color:var(--text-muted);padding:8px;font-size:.78rem}.stats-table td{border-bottom:1px solid var(--border);padding:8px}.bar-bg{background:var(--border);border-radius:4px;min-width:80px;height:8px}.bar-fill{background:var(--accent);border-radius:4px;height:8px;transition:width .3s}@media (width<=520px){.study-summary-grid{grid-template-columns:1fr}.calendar-cell{min-height:58px}}.materials-screen{padding:24px 0}.materials-tabs{gap:8px;margin-bottom:20px;display:flex}.tab-btn{border:1px solid var(--border);background:var(--card);cursor:pointer;border-radius:8px;flex:1;padding:12px;font-weight:600;transition:background .2s}.tab-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.materials-list{flex-direction:column;gap:16px;display:flex}.material-card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;padding:16px}.material-card h3{color:var(--accent);margin-bottom:8px;font-size:1.1rem}.material-desc{color:var(--text-muted);margin-bottom:12px;font-size:.9rem;line-height:1.5}.category-badge{background:var(--accent-light);color:var(--accent);vertical-align:middle;border-radius:4px;margin-left:8px;padding:4px 8px;font-size:.75rem;display:inline-block}.duration-badge{color:#555;vertical-align:middle;background:#eee;border-radius:4px;margin-left:8px;padding:4px 8px;font-size:.75rem;display:inline-block}.movie-card{cursor:pointer;align-items:center;gap:16px;transition:transform .1s;display:flex}.movie-card:active{transform:scale(.98)}.movie-icon{color:var(--accent);font-size:2rem}.movie-info h3{margin-bottom:4px}.cheat-table{border-collapse:collapse;width:100%;font-size:.85rem}.cheat-table th,.cheat-table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:8px}.cheat-table th{width:30%;color:var(--text-muted);font-weight:600}.mnemonic-phrase{color:#d35400;margin-bottom:8px;font-size:1.2rem;font-weight:800}.mnemonic-meaning{margin-bottom:8px;font-weight:600}.short-movie-player{color:#fff;z-index:9999;text-align:center;background:#111;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100dvh;padding:20px;display:flex;position:fixed;top:0;left:0}.short-movie-player .close-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;width:40px;height:40px;font-size:1.2rem;position:absolute;top:20px;right:20px}.short-movie-player .movie-title{opacity:.7;font-size:1rem;position:absolute;top:30px}.short-movie-player .scene-content{animation:.4s ease-out forwards fadeInScale}.short-movie-player .scene-text{text-shadow:0 2px 10px #00000080;margin-bottom:16px;font-size:2.5rem;font-weight:900;line-height:1.3}.short-movie-player .scene-subtext{color:gold;font-size:1.5rem;font-weight:700}.short-movie-player .progress-bar-container{background:#fff3;width:100%;height:6px;position:absolute;top:0;left:0}.short-movie-player .progress-bar-fill{background:var(--accent-light);height:100%;transition:width .3s linear}.end-screen h2{margin-bottom:24px;font-size:2rem}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}