/* v9.5 TOEIC Quest */ .toeic-hero-card{display:grid;gap:14px;background:linear-gradient(145deg,var(--card),color-mix(in srgb,var(--accent) 8%,var(--card)))} .toeic-topbar,.toeic-hero-copy,.toeic-part-head,.toeic-session-head{display:flex;align-items:center;justify-content:space-between;gap:12px} .toeic-hero-copy{align-items:flex-start}.toeic-hero-copy h2{margin:5px 0}.toeic-overall{text-align:right;min-width:86px}.toeic-overall small{display:block;font-size:11px;letter-spacing:.12em}.toeic-overall b{font-size:30px} .toeic-personal-note{display:grid;grid-template-columns:auto auto 1fr;gap:9px;align-items:center;padding:11px 12px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--accent) 7%,transparent)}.toeic-personal-note span{font-size:10px;font-weight:900;letter-spacing:.12em}.toeic-personal-note small{min-width:0;color:var(--muted)} .toeic-part-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.toeic-part-card{display:flex;flex-direction:column;gap:8px}.toeic-part-card h3{margin:0}.toeic-part-card p{margin:0 0 5px;color:var(--muted);font-size:13px;flex:1}.toeic-part-head span{font-size:10px;letter-spacing:.12em;color:var(--muted)}.toeic-part-head b{font-size:18px}.toeic-part-head em{font-style:normal;font-weight:800;font-size:12px} .toeic-daily-card{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px}.toeic-daily-card h3{margin:5px 0}.toeic-analysis-card{margin-top:12px}.toeic-skill-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.toeic-skill-stats>div{padding:10px;border:1px solid var(--border);border-radius:12px;display:grid;gap:2px}.toeic-skill-stats span,.toeic-skill-stats small{font-size:11px;color:var(--muted)}.toeic-skill-stats b{font-size:20px} .toeic-session-card{display:grid;gap:14px}.toeic-session-head small{display:block;margin-top:4px;color:var(--muted);font-size:11px}.toeic-passage{white-space:pre-line;padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--card-soft);line-height:1.7;font-size:14px}.toeic-question-guide{margin:0;color:var(--muted);font-size:12px}.toeic-prompt{margin:0;font-size:20px;line-height:1.45}.toeic-choice-grid{display:grid;gap:9px}.toeic-choice{min-height:52px;width:100%;display:grid;grid-template-columns:34px 1fr;align-items:center;gap:10px;text-align:left;border:1px solid var(--border);border-radius:14px;background:var(--card);color:var(--text);padding:10px 12px}.toeic-choice span{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--card-soft);font-weight:900}.toeic-choice b{font-size:14px}.toeic-choice.is-correct{border-color:#35a66f;background:color-mix(in srgb,#35a66f 10%,var(--card))}.toeic-choice.is-wrong{border-color:#d36c6c;background:color-mix(in srgb,#d36c6c 10%,var(--card))}.toeic-transcript{padding:0;border-radius:14px;background:transparent;font-size:15px}.toeic-transcript-card{display:grid;gap:12px;padding:14px;border-radius:16px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border));background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 10%,var(--card-soft)),var(--card-soft))}.toeic-transcript-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap}.toeic-transcript-head b{font-size:16px}.toeic-transcript-head span{font-size:12px;color:var(--muted)}.toeic-transcript-block{display:grid;gap:6px}.toeic-transcript-block small{font-size:11px;font-weight:900;letter-spacing:.08em;color:var(--muted)}.toeic-transcript-block p{margin:0;white-space:pre-line;line-height:1.75;font-size:15px}.toeic-transcript-list{margin:0;padding-left:1.2rem;display:grid;gap:8px}.toeic-transcript-list li{line-height:1.6}.toeic-transcript-list li.is-correct{color:#7ae3aa;font-weight:800}.toeic-transcript-list li.is-selected:not(.is-correct){color:#ffb0b0;font-weight:800}.toeic-feedback-result{display:grid;gap:10px;padding:14px;border-radius:16px;background:var(--card-soft)}.toeic-feedback-header{display:grid;gap:4px}.toeic-feedback-result.correct b{color:#35a66f}.toeic-feedback-result.wrong b{color:#d36c6c}.toeic-feedback-answerline{line-height:1.55;font-weight:700}.toeic-answer-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.toeic-answer-chip{display:grid;gap:4px;padding:11px 12px;border:1px solid var(--border);border-radius:14px;background:var(--card)}.toeic-answer-chip small,.toeic-feedback-result small{color:var(--muted)}.toeic-answer-chip strong{line-height:1.55;font-size:14px}.toeic-answer-chip.is-correct{border-color:#35a66f;background:color-mix(in srgb,#35a66f 9%,var(--card))}.toeic-answer-chip.is-selected{border-color:#d36c6c;background:color-mix(in srgb,#d36c6c 9%,var(--card))}.toeic-explain-box{display:grid;gap:6px;padding:12px;border-radius:14px;background:color-mix(in srgb,var(--accent) 8%,var(--card))}.toeic-explain-box small{font-size:11px;font-weight:900;letter-spacing:.08em}.toeic-explain-box p{margin:0;line-height:1.7}.toeic-explain-note{font-weight:700}.toeic-feedback-result small{line-height:1.55} @media(max-width:720px){.toeic-part-grid{grid-template-columns:1fr}.toeic-skill-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.toeic-daily-card,.toeic-hero-copy{align-items:stretch;flex-direction:column}.toeic-overall{text-align:left}.toeic-personal-note{grid-template-columns:auto 1fr}.toeic-personal-note small{grid-column:1/-1}.toeic-prompt{font-size:18px}.toeic-answer-summary{grid-template-columns:1fr}.toeic-transcript-card{padding:12px}.toeic-transcript-block p{font-size:14px}} /* v9.6 TOEIC Quest Phase 2 */ .toeic-score-card,.toeic-adaptive-card,.toeic-action-grid{display:grid;gap:14px} .toeic-score-card{grid-template-columns:minmax(0,1fr) auto;align-items:center} .toeic-score-main{display:flex;align-items:flex-end;gap:12px;text-align:right} .toeic-score-main>b{font-size:clamp(2rem,7vw,3.4rem);line-height:.95} .toeic-score-main>span{display:grid;gap:3px}.toeic-score-main small{font-weight:800} .toeic-adaptive-card{grid-template-columns:minmax(0,1fr) auto;align-items:center} .toeic-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .toeic-all-parts{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))} .toeic-visual{margin:8px 0 14px} .toeic-scene-card{min-height:180px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,var(--panel),var(--panel2));overflow:hidden;display:grid;place-items:center} .toeic-scene-card.is-loading,.toeic-scene-card.is-error{padding:18px} .toeic-scene-image{display:block;width:100%;max-height:340px;object-fit:cover;background:#081330} .toeic-scene-status{display:grid;gap:8px;justify-items:center;text-align:center;color:var(--text)} .toeic-scene-status small{color:var(--muted)} .toeic-mock-card{display:flex;justify-content:space-between;gap:14px;align-items:center} @media(max-width:700px){.toeic-score-card,.toeic-adaptive-card,.toeic-action-grid{grid-template-columns:1fr}.toeic-score-main{text-align:left}.toeic-adaptive-card .primary,.toeic-mock-card .primary{width:100%}.toeic-mock-card{display:grid}.toeic-all-parts{grid-template-columns:1fr}} /* v9.7 Infinite TOEIC Engine */ .toeic-inventory-card{display:grid;gap:14px}.toeic-inventory-card>.row{align-items:flex-start;gap:12px;flex-wrap:wrap}.toeic-inventory-card .attention{outline:2px solid currentColor;outline-offset:2px}.toeic-inventory-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.toeic-inventory-metrics>div{padding:12px;border:1px solid var(--border);border-radius:14px;display:grid;gap:3px}.toeic-inventory-metrics small{font-size:.68rem;letter-spacing:.08em;color:var(--muted)}.toeic-inventory-metrics b{font-size:1.35rem}.toeic-feedback-result [data-toeic-memorized]{margin-top:8px;justify-self:start}@media(max-width:520px){.toeic-inventory-metrics{grid-template-columns:1fr}.toeic-inventory-card #toeicReplenishAi{width:100%}} .toeic-quality-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px} /* v11.5.17 TOEIC listening readiness */ .main-nav-six{grid-template-columns:repeat(6,minmax(0,1fr))!important} .bottom-nav .nav-toeic.active{background:linear-gradient(180deg,rgba(44,125,255,.24),rgba(53,79,190,.08));color:#91c7ff} .nav-toeic-icon{font-size:14px!important;font-weight:950;letter-spacing:-.04em;border:1px solid currentColor;border-radius:8px;width:25px!important;height:23px!important} #toeicView{max-width:980px;margin:0 auto} .toeic-dashboard-v2{display:grid;gap:14px} .toeic-start-hub{display:grid;gap:14px;border-color:color-mix(in srgb,var(--accent) 34%,var(--border));background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 14%,var(--card)),var(--card))} .toeic-section-title{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.toeic-section-title h2{margin:4px 0 3px}.toeic-start-time{white-space:nowrap;font-size:11px;font-weight:900;letter-spacing:.08em;padding:6px 9px;border:1px solid var(--border);border-radius:999px;color:var(--muted)} .toeic-start-actions{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:10px}.toeic-start-action{min-width:0;min-height:126px;text-align:left;padding:14px;border:1px solid var(--border);border-radius:16px;background:var(--card-soft);color:var(--text);display:grid;grid-template-rows:auto auto 1fr auto;gap:4px;box-shadow:none}.toeic-start-action:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));transform:translateY(-1px)}.toeic-start-action.is-primary{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 24%,var(--card)),color-mix(in srgb,var(--accent) 8%,var(--card)));border-color:color-mix(in srgb,var(--accent) 52%,var(--border))}.toeic-start-action span{font-size:10px;font-weight:900;letter-spacing:.1em;color:var(--muted)}.toeic-start-action b{font-size:17px}.toeic-start-action small{color:var(--muted);line-height:1.4}.toeic-start-action em{font-style:normal;font-weight:900;color:var(--accent)} .toeic-section-label{margin:6px 2px -4px;display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}.toeic-section-label span{font-size:10px;font-weight:900;letter-spacing:.12em;color:var(--muted)}.toeic-section-label b{font-size:17px}.toeic-section-label small{color:var(--muted)} .toeic-skill-lanes{display:grid;grid-template-columns:4fr 3fr;gap:8px}.toeic-skill-lanes span{padding:8px 10px;border-radius:11px;background:var(--card-soft);border:1px solid var(--border);font-size:11px;font-weight:850;color:var(--muted)} .toeic-part-card:nth-child(-n+4){border-top:2px solid color-mix(in srgb,#4aa3ff 65%,transparent)}.toeic-part-card:nth-child(n+5){border-top:2px solid color-mix(in srgb,#a678ff 65%,transparent)} .toeic-part-card .wide{margin-top:auto} @media(max-width:700px){.main-nav-six{grid-template-columns:repeat(6,minmax(0,1fr))!important}.bottom-nav .nav{font-size:8.5px!important;min-width:0}.bottom-nav .nav-icon{width:23px!important;height:23px!important;font-size:16px!important}.nav-toeic-icon{font-size:12px!important}.toeic-start-actions{grid-template-columns:1fr 1fr}.toeic-start-action.is-primary{grid-column:1/-1;min-height:112px}.toeic-skill-lanes{grid-template-columns:1fr}.toeic-section-title{display:grid}.toeic-start-time{justify-self:start}} @media(max-width:360px){.bottom-nav .nav{font-size:8px!important}.bottom-nav{padding-left:4px;padding-right:4px}.toeic-start-actions{grid-template-columns:1fr}.toeic-start-action.is-primary{grid-column:auto}} /* v11.5.17 TOEIC session navigation clarity */ .toeic-session-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border));border-radius:14px;background:color-mix(in srgb,var(--accent) 7%,var(--card-soft))} .toeic-session-toolbar>div{display:grid;gap:2px;min-width:0}.toeic-session-context{font-size:12px;font-weight:950;letter-spacing:.08em;color:var(--accent)}.toeic-session-toolbar small{color:var(--muted);font-size:12px}.toeic-session-toolbar #toeicSessionMenu{white-space:nowrap} @media(max-width:520px){.toeic-session-toolbar{align-items:stretch}.toeic-session-toolbar #toeicSessionMenu{min-height:44px}} /* v11.5.17 simplified TOEIC workspace */ .toeic-hero-compact{gap:10px}.toeic-hero-compact .toeic-hero-copy h2{margin-bottom:2px}.toeic-info-disclosure{margin-top:2px}.toeic-info-disclosure>summary{cursor:pointer;color:var(--muted);font-size:12px;font-weight:800;list-style:none}.toeic-info-disclosure>summary::-webkit-details-marker{display:none}.toeic-info-disclosure>summary::after{content:" ＋"}.toeic-info-disclosure[open]>summary::after{content:" －"}.toeic-info-body{display:grid;gap:10px;margin-top:10px} .toeic-dashboard-v3{display:grid;gap:12px}.toeic-start-actions-simple{grid-template-columns:repeat(3,minmax(0,1fr))}.toeic-start-actions-simple .toeic-start-action.is-primary{grid-column:auto} .toeic-accordion-stack{display:grid;gap:9px}.toeic-accordion{border:1px solid var(--border);border-radius:16px;background:var(--card);overflow:hidden}.toeic-accordion>summary{min-height:68px;padding:13px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none}.toeic-accordion>summary::-webkit-details-marker{display:none}.toeic-accordion>summary span{display:grid;gap:3px;min-width:0}.toeic-accordion>summary b{font-size:15px}.toeic-accordion>summary small{color:var(--muted);line-height:1.35}.toeic-accordion>summary strong{flex:0 0 auto;padding:6px 9px;border-radius:999px;background:var(--card-soft);color:var(--muted);font-size:11px}.toeic-accordion>summary::after{content:"⌄";font-size:18px;color:var(--muted)}.toeic-accordion[open]>summary::after{content:"⌃"}.toeic-accordion[open]>summary{border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--accent) 5%,var(--card))}.toeic-accordion-body{display:grid;gap:12px;padding:12px}.toeic-progress-body{grid-template-columns:1fr}.toeic-compact-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.toeic-compact-actions>.card{display:grid;align-content:start;gap:7px}.toeic-compact-actions h3,.toeic-compact-actions p{margin:0} @media(max-width:700px){.toeic-start-actions-simple{grid-template-columns:1fr}.toeic-start-actions-simple .toeic-start-action.is-primary{grid-column:auto}.toeic-start-action{min-height:104px}.toeic-compact-actions{grid-template-columns:1fr}.toeic-accordion>summary{min-height:62px;padding:12px}.toeic-accordion>summary strong{display:none}} /* v11.5.26 lazy feature loading guard */ .toeic-dashboard-v3.is-loading{pointer-events:none;opacity:.72} .toeic-dashboard-v3.is-loading::before{content:"TOEICを準備中…";display:block;margin:0 0 10px;padding:9px 12px;border:1px solid var(--line);border-radius:12px;color:var(--muted);font-weight:700;text-align:center} /* v11.6.23 mobile Part 1 one-screen workspace */ @media(max-width:700px){ #toeicSession.is-part1-session{gap:8px;padding:12px 12px calc(12px + env(safe-area-inset-bottom,0px))} #toeicSession.is-part1-session .toeic-session-toolbar{padding:7px 9px;gap:8px} #toeicSession.is-part1-session .toeic-session-toolbar small{display:none} #toeicSession.is-part1-session .toeic-session-toolbar #toeicSessionMenu{min-height:40px;padding:7px 10px} #toeicSession.is-part1-session .toeic-session-head{gap:8px} #toeicSession.is-part1-session .toeic-session-head small{margin-top:2px;font-size:10px;line-height:1.3} #toeicSession.is-part1-session .toeic-visual{margin:2px 0 4px} #toeicSession.is-part1-session .toeic-scene-card{min-height:0;border-radius:15px} #toeicSession.is-part1-session .toeic-scene-image{width:100%;height:auto;aspect-ratio:4/3;max-height:min(30vh,250px);object-fit:cover} #toeicSession.is-part1-session .toeic-question-guide{display:none} #toeicSession.is-part1-session .toeic-prompt{font-size:15px;line-height:1.35;margin:0} #toeicSession.is-part1-session .toeic-listen{min-height:44px;padding:8px 10px} #toeicSession.is-part1-session .toeic-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px} #toeicSession.is-part1-session .toeic-choice{min-height:46px;grid-template-columns:28px minmax(0,1fr);gap:6px;padding:6px 8px;border-radius:12px} #toeicSession.is-part1-session .toeic-choice span{width:26px;height:26px;border-radius:8px} #toeicSession.is-part1-session .toeic-choice b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} } @media(max-width:390px) and (max-height:760px){ #toeicSession.is-part1-session .toeic-scene-image{max-height:210px} #toeicSession.is-part1-session .toeic-prompt{font-size:14px} #toeicSession.is-part1-session .toeic-choice{min-height:44px} } /* v11.6.24 mobile TOEIC all-parts fit */ @media(max-width:700px){ #toeicSession:is(.is-part2-session,.is-part3-session,.is-part4-session,.is-part5-session,.is-part6-session,.is-part7-session){ gap:9px; padding:12px 12px calc(12px + env(safe-area-inset-bottom,0px)); } #toeicSession:is(.is-part2-session,.is-part3-session,.is-part4-session,.is-part5-session,.is-part6-session,.is-part7-session) .toeic-session-toolbar{ padding:7px 9px; gap:8px; } #toeicSession:is(.is-part2-session,.is-part3-session,.is-part4-session,.is-part5-session,.is-part6-session,.is-part7-session) .toeic-session-toolbar small{display:none} #toeicSession:is(.is-part2-session,.is-part3-session,.is-part4-session,.is-part5-session,.is-part6-session,.is-part7-session) .toeic-session-toolbar #toeicSessionMenu{ min-height:40px; padding:7px 10px; } #toeicSession:is(.is-part2-session,.is-part3-session,.is-part4-session,.is-part5-session,.is-part6-session,.is-part7-session) .toeic-session-head{gap:8px} #toeicSession:is(.is-part2-session,.is-part3-session,.is-part4-session,.is-part5-session,.is-part6-session,.is-part7-session) .toeic-session-head small{ margin-top:2px; font-size:10px; line-height:1.25; max-width:64vw; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #toeicSession:is(.is-part2-session,.is-part3-session,.is-part4-session,.is-part5-session,.is-part6-session,.is-part7-session) .toeic-question-guide{ font-size:11px; line-height:1.3; } #toeicSession:is(.is-part2-session,.is-part3-session,.is-part4-session,.is-part5-session,.is-part6-session,.is-part7-session) .toeic-prompt{ font-size:16px; line-height:1.4; } #toeicSession:is(.is-part2-session,.is-part3-session,.is-part4-session) .toeic-listen{ min-height:44px; padding:8px 10px; } #toeicSession:is(.is-part2-session,.is-part3-session,.is-part4-session,.is-part5-session,.is-part6-session,.is-part7-session) .toeic-choice-grid{gap:7px} #toeicSession:is(.is-part2-session,.is-part3-session,.is-part4-session,.is-part5-session,.is-part6-session,.is-part7-session) .toeic-choice{ min-height:46px; grid-template-columns:30px minmax(0,1fr); gap:8px; padding:7px 9px; border-radius:12px; } #toeicSession:is(.is-part2-session,.is-part3-session,.is-part4-session,.is-part5-session,.is-part6-session,.is-part7-session) .toeic-choice span{ width:27px; height:27px; border-radius:8px; } #toeicSession:is(.is-part2-session,.is-part3-session,.is-part4-session,.is-part5-session,.is-part6-session,.is-part7-session) .toeic-choice b{ font-size:13px; line-height:1.35; } /* Part 2: question and choices are audio-only before answering, so remove duplicate guidance. */ #toeicSession.is-part2-session .toeic-question-guide{display:none} #toeicSession.is-part2-session .toeic-prompt{font-size:15px;line-height:1.35} #toeicSession.is-part2-session .toeic-choice{min-height:48px} /* Parts 3-4: keep answer text readable; one-column choices are intentional. */ #toeicSession:is(.is-part3-session,.is-part4-session) .toeic-question-guide{display:none} #toeicSession:is(.is-part3-session,.is-part4-session) .toeic-prompt{font-size:16px} /* Part 5: compact grammar workspace without sacrificing the sentence or answer text. */ #toeicSession.is-part5-session .toeic-question-guide{display:none} #toeicSession.is-part5-session .toeic-prompt{font-size:17px;line-height:1.45} /* Parts 6-7: keep the document available in-place instead of forcing page scrolling. */ #toeicSession:is(.is-part6-session,.is-part7-session) .toeic-passage{ max-height:min(31vh,260px); overflow:auto; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; padding:11px 12px; border-radius:12px; font-size:13px; line-height:1.55; scroll-behavior:smooth; } #toeicSession:is(.is-part6-session,.is-part7-session) .toeic-question-guide{display:none} #toeicSession:is(.is-part6-session,.is-part7-session) .toeic-prompt{font-size:15px;line-height:1.38} } @media(max-width:390px) and (max-height:760px){ #toeicSession:is(.is-part2-session,.is-part3-session,.is-part4-session,.is-part5-session,.is-part6-session,.is-part7-session){gap:7px;padding-top:9px} #toeicSession:is(.is-part2-session,.is-part3-session,.is-part4-session,.is-part5-session,.is-part6-session,.is-part7-session) .toeic-session-toolbar{padding:6px 8px} #toeicSession:is(.is-part2-session,.is-part3-session,.is-part4-session,.is-part5-session,.is-part6-session,.is-part7-session) .toeic-choice{min-height:43px;padding:6px 8px} #toeicSession:is(.is-part6-session,.is-part7-session) .toeic-passage{max-height:min(27vh,210px);padding:9px 10px;font-size:12.5px} }