:root{--red: #C41E3A;--red-light: #f8e8eb;--bg: #fafafa;--text: #1a1a1a;--text-secondary: #666;--border: #e0e0e0;--card-bg: #fff;--green: #4CAF50;--green-light: #e8f5e9;--blue: #2196F3;--orange: #FF9800}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh}.navbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 2rem;background:var(--card-bg);border-bottom:2px solid var(--red);position:sticky;top:0;z-index:100}.nav-brand{font-size:1.25rem;font-weight:700;color:var(--red);text-decoration:none}.nav-links{display:flex;gap:1.5rem}.nav-links a{color:var(--text);text-decoration:none;font-size:.9rem;transition:color .2s}.nav-links a:hover{color:var(--red)}.container{max-width:900px;margin:0 auto;padding:2rem 1rem}.home{display:flex;flex-direction:column;gap:1.5rem}.hero{text-align:center;padding:3rem 0 2rem}.hero-compact{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.9fr);gap:1.5rem;align-items:stretch;text-align:left;padding:1rem 0 .5rem}.hero-copy{padding:1rem 0}.hero-kicker{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:.5rem}.hero h1{font-size:2.5rem;color:var(--red);margin-bottom:.5rem}.hero-sub{color:var(--text-secondary);font-size:1.1rem}.hero-stat-card{background:linear-gradient(180deg,#fffffff5,#f9f7f8f5);border:1px solid var(--border);border-top:5px solid var(--accent);border-radius:18px;padding:1.5rem;box-shadow:0 14px 30px #0000000d}.hero-stat-level{font-size:2.5rem;font-weight:800;color:var(--accent)}.hero-stat-subtitle{font-size:.95rem;color:var(--text-secondary);margin-bottom:.75rem}.hero-stat-desc{font-size:.95rem;line-height:1.6}.home-panel{background:var(--card-bg);border:1px solid var(--border);border-radius:20px;padding:1.5rem;box-shadow:0 12px 24px #0000000a}.home-panel-header{margin-bottom:1.25rem}.home-panel-header h2{font-size:1.35rem;margin-bottom:.35rem}.home-panel-header p{color:var(--text-secondary);font-size:.95rem}.home-control-grid,.daily-mode-panel,.wrong-book-page{display:flex;flex-direction:column;gap:1.25rem}.control-stack{display:flex;flex-direction:column;gap:.65rem}.control-label{font-size:.85rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary)}.level-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;margin-top:2rem}.level-grid-inline{margin-top:0}.level-card{background:var(--card-bg);border:2px solid var(--border);border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .2s;text-align:left;font-family:inherit;font-size:inherit;color:inherit}.level-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.level-card-inline{min-height:100%}.level-card.selected{border-color:var(--accent);box-shadow:0 10px 24px #00000014}.level-badge{font-size:2rem;font-weight:800;color:var(--accent)}.level-subtitle{font-size:.85rem;color:var(--text-secondary);margin-bottom:.75rem}.level-desc{font-size:.85rem;line-height:1.5;color:var(--text);margin-bottom:1rem}.level-action{font-size:.85rem;color:var(--accent);font-weight:600}.mode-switch{display:inline-flex;gap:.5rem;padding:.3rem;background:#f1f1f1;border-radius:999px;width:fit-content}.mode-pill{border:none;background:transparent;color:var(--text-secondary);font:inherit;padding:.55rem 1rem;border-radius:999px;cursor:pointer;transition:all .15s}.mode-pill.active{background:var(--red);color:#fff;box-shadow:0 10px 20px #c41e3a38}.daily-mode-copy h3,.wrong-book-card h3,.empty-state h3{font-size:1.12rem;margin-bottom:.35rem}.daily-mode-copy p,.wrong-book-header p,.wrong-book-context,.empty-state p{color:var(--text-secondary)}.daily-slot-grid,.wrong-book-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.daily-slot-card,.wrong-book-card,.empty-state,.slot-summary-card{border:1px solid var(--border);border-radius:16px;padding:1rem 1.1rem;background:var(--card-bg)}.daily-slot-card{background:linear-gradient(180deg,#fff,#faf7f8);text-align:left;cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s;font:inherit;color:inherit}.daily-slot-card:hover{transform:translateY(-2px);border-color:var(--red);box-shadow:0 14px 28px #00000014}.daily-slot-top,.slot-summary-head,.wrong-book-meta,.wrong-book-footer,.drill-title-row,.wrong-book-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.daily-slot-badge{display:inline-flex;align-items:center;justify-content:center;min-width:72px;padding:.25rem .6rem;border-radius:999px;background:var(--red-light);color:var(--red);font-weight:700;font-size:.8rem}.daily-slot-minutes,.wrong-book-meta{color:var(--text-secondary);font-size:.82rem}.daily-slot-count{font-size:1.4rem;font-weight:800;margin:.75rem 0}.daily-slot-parts,.slot-summary-parts{display:flex;gap:.45rem;flex-wrap:wrap}.daily-slot-part{display:inline-flex;align-items:center;padding:.3rem .55rem;border-radius:999px;background:#f3f4f6;font-size:.78rem;color:var(--text-secondary)}.home-start-btn{width:100%}.drill-page{max-width:800px;margin:0 auto}.drill-header h2{font-size:1.5rem;margin-bottom:1rem}.drill-title-row{margin-bottom:1rem}.drill-header-links,.wrong-book-actions{display:flex;gap:.9rem;align-items:center}.inline-link{color:var(--red);font-weight:600;text-decoration:none}.drill-controls{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.control-group{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.control-group label{font-weight:600;font-size:.9rem;min-width:60px}.level-tabs,.type-tabs{display:flex;gap:.5rem;flex-wrap:wrap}.tab{padding:.4rem .8rem;border:1px solid var(--border);border-radius:6px;background:var(--card-bg);cursor:pointer;font-size:.8rem;font-family:inherit;color:var(--text);transition:all .15s}.tab:hover{border-color:var(--red)}.tab.active{background:var(--red);color:#fff;border-color:var(--red)}.start-btn{padding:.6rem 1.5rem;background:var(--red);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;font-family:inherit;cursor:pointer;transition:opacity .2s;margin-top:.5rem}.start-btn:hover{opacity:.9}.progress-bar{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.progress-text,.score-text{font-size:.9rem;font-weight:600;white-space:nowrap}.progress-track{flex:1;height:6px;background:var(--border);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:var(--red);border-radius:3px;transition:width .3s}.score-text{color:var(--green)}.question-view{background:var(--card-bg);border-radius:12px;padding:1.5rem;border:1px solid var(--border)}.question-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.mondai-badge{background:var(--red);color:#fff;padding:.25rem .6rem;border-radius:4px;font-size:.8rem;font-weight:600}.question-type-label{font-size:.8rem;color:var(--text-secondary)}.question-instruction{font-size:.85rem;color:var(--text-secondary);margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.question-context{font-size:.9rem;color:var(--text-secondary);margin-bottom:.75rem;font-style:italic}.question-stem{font-size:1.1rem;font-weight:600;margin-bottom:1.25rem}.choices{display:flex;flex-direction:column;gap:.5rem}.choice-btn{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border:2px solid var(--border);border-radius:8px;background:var(--card-bg);cursor:pointer;font-family:inherit;font-size:1rem;color:var(--text);text-align:left;transition:all .15s}.choice-btn:hover:not(:disabled){border-color:var(--red);background:var(--red-light)}.choice-btn.selected{border-color:var(--blue);background:#e3f2fd}.choice-btn.correct{border-color:var(--green);background:var(--green-light)}.choice-btn.incorrect{border-color:#f44336;background:#ffebee}.choice-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--border);font-size:.8rem;font-weight:600;flex-shrink:0}.choice-btn.correct .choice-number{background:var(--green);color:#fff}.choice-btn.incorrect .choice-number{background:#f44336;color:#fff}.explanation{margin-top:1rem;padding:1rem;background:#fff8e1;border-radius:8px;border-left:3px solid var(--orange);font-size:.9rem}.explanation strong{display:block;margin-bottom:.25rem}.next-btn{display:block;margin:1.5rem auto 0;padding:.6rem 2rem;background:var(--text);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;font-family:inherit;cursor:pointer;transition:opacity .2s}.next-btn:hover{opacity:.85}.result-summary{text-align:center;padding:3rem 1rem;background:var(--card-bg);border-radius:12px;border:1px solid var(--border)}.result-summary h3{font-size:1.3rem;margin-bottom:1.5rem}.result-score{font-size:3rem;font-weight:800;margin-bottom:.5rem}.big-score{color:var(--red)}.score-divider{color:var(--text-secondary);margin:0 .25rem}.total{color:var(--text-secondary)}.result-percent{font-size:1.1rem;color:var(--text-secondary);margin-bottom:2rem}.result-actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.secondary-btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.audio-player{margin:1rem 0;padding:1rem;background:#f5f5f5;border-radius:8px}.audio-btn{padding:.5rem 1rem;border:1px solid var(--border);border-radius:6px;background:#fff;cursor:pointer;font-family:inherit;font-size:.9rem;color:var(--text);transition:all .15s}.audio-btn:hover:not(.disabled){border-color:var(--red)}.audio-btn.disabled{opacity:.5;cursor:not-allowed}.audio-progress{display:inline-block;width:200px;height:4px;background:var(--border);border-radius:2px;margin:0 .75rem;vertical-align:middle}.audio-progress-bar{height:100%;background:var(--red);border-radius:2px;transition:width .1s}.audio-time{font-size:.8rem;color:var(--text-secondary)}.audio-hint{font-size:.75rem;color:var(--orange);margin-left:.5rem}.transcript-mode{border-left:3px solid var(--blue)}.transcript-notice{font-size:.9rem;font-weight:600;margin-bottom:.75rem}.transcript-content{margin-top:.75rem;padding:.75rem;background:#fff;border-radius:6px;font-size:.95rem;line-height:1.8}.transcript-content p{margin-bottom:.25rem}.loading{text-align:center;padding:2rem;color:var(--text-secondary)}.error-msg{text-align:center;padding:1rem;color:#f44336;background:#ffebee;border-radius:8px}@media(max-width:600px){.navbar{padding:.5rem 1rem}.hero-compact{grid-template-columns:1fr}.hero h1{font-size:1.8rem}.level-grid{grid-template-columns:1fr}.type-tabs{flex-direction:column}.mode-switch{width:100%}.mode-pill{flex:1}}