/* One Google-inspired identity, three task-focused layouts. */
html[data-theme="light"] { --bg:#f8fafd; --bg-2:#eef3fb; --surface-2:#f0f4f9; --surface-3:#e3eaf5; --border:#dce3ed; --border-strong:#aebdd2; --text:#202124; --text-dim:#475569; --text-muted:#58677c; --g-blue:#1967d2; }
.mode-entry{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0;text-align:left}
.mode-entry button,.mode-switch button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:14px;padding:14px;text-align:left}
.mode-entry strong,.mode-entry span,.mode-switch strong,.mode-switch span{display:block}.mode-entry span,.mode-switch span{font-size:13px;line-height:1.5;margin-top:6px;color:var(--text-dim)}
.mode-entry button[aria-pressed="true"],.mode-switch button[aria-pressed="true"]{border-color:#1967d2;background:#e8f0fe;color:#174ea6;box-shadow:inset 0 0 0 1px #1967d2}
.mode-menu{padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--border)}
.mode-switch{display:grid;gap:8px}.mode-switch button{padding:10px 12px;font-size:13px}.mode-switch span{font-size:11px;margin-top:4px}.mode-switch button[aria-pressed="true"] strong::after{content:" ✓"}.presenter-label{margin-bottom:10px;font-size:13px}
.mode-guide{background:var(--surface-2);border:1px solid var(--border);border-left:4px solid #4285f4;padding:16px 20px;border-radius:16px;margin-bottom:24px;font-size:14px;line-height:1.65}
.mode-guide-heading{display:flex;flex-direction:column;gap:4px}.mode-guide-heading strong{font-size:19px}.mode-eyebrow{font-size:10px;font-weight:800;letter-spacing:1.6px;color:var(--g-blue-d)}
.mode-guide p{margin:8px 0}.mode-guide summary{font-weight:600;cursor:pointer;padding:6px 0}.mode-guide ol{padding-left:22px;margin:10px 0}.mode-guide li{padding:4px 0}.mode-check{border-top:1px solid var(--border);padding-top:10px}
.mode-modules{display:none}.mode-module-link{display:flex;align-items:flex-start;gap:10px;text-align:left;background:transparent;border:0;border-radius:12px;padding:14px;color:var(--text-dim);font:inherit;line-height:1.45;cursor:pointer}.mode-module-link span{color:var(--g-blue-d);font-weight:700}.mode-module-link[aria-current]{background:#e8f0fe;color:#174ea6;font-weight:600}
[data-learning-mode="self"] .mode-modules{display:flex;flex-direction:column;position:absolute;left:0;top:0;bottom:0;width:235px;padding:20px 12px;overflow:auto;border-right:1px solid var(--border)}
[data-learning-mode="self"] .stage{left:235px}
.prompt-card pre{font-size:14px;line-height:1.7;max-height:340px}.prompt-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.prompt-card .pc-copy,.prompt-card .pc-try,.prompt-card .pc-newgem{font-size:13px;padding:9px 14px}
.intro-hero{background:#f0f4f9;color:#202124;overflow-y:auto;padding:28px 16px;align-items:safe center}.intro-hero .ih-card{background:#fff;border:1px solid #dce3ed;box-shadow:0 16px 60px #1a365d14;max-width:680px;padding:32px 38px;margin:auto;backdrop-filter:none}.intro-hero .ih-shapes{display:none}.intro-hero .ih-title em{color:#1967d2}.intro-hero .ih-eyebrow{color:#5f6368;opacity:1}.intro-hero .ih-access-line{color:#475569}.intro-hero .ih-url-pill{background:#e8f0fe;color:#174ea6;box-shadow:none}.intro-hero .ih-expect{background:#f8fafd;border-color:#dce3ed}.intro-hero .ih-expect li strong{color:#174ea6}.intro-hero .ih-cta{background:#1967d2;color:white}.intro-hero .ih-privacy{color:#475569;opacity:1}.intro-hero .ih-cohort{color:#1967d2;background:#e8f0fe;border-color:#c5d7fa}.intro-hero .ih-resume-sub,.intro-hero .ih-resume p{color:#475569!important}.intro-hero .ih-cta-ghost{background:#eef3fb;color:#174ea6}
.presenter-label,.presenter-logout{display:none}[data-learning-mode="presenter"] .presenter-label,[data-learning-mode="presenter"] .presenter-logout{display:inline-block}[data-learning-mode="presenter"] .mode-switch,[data-learning-mode="presenter"] #scorePill,[data-learning-mode="presenter"] .ai-tutor{display:none!important}
[data-learning-mode="presenter"] .slide-inner{max-width:1180px}[data-learning-mode="presenter"] h2{font-size:40px}[data-learning-mode="presenter"] .card p{font-size:18px!important}[data-learning-mode="presenter"] .mode-guide{font-size:14px;padding:8px 16px}[data-learning-mode="presenter"] .prompt-card pre{font-size:17px;max-height:none}
.presenter-logout{font:inherit;background:var(--surface);border:1px solid var(--border);color:var(--text);padding:6px 12px;border-radius:8px;cursor:pointer}
.presenter-login{margin:auto;max-width:440px;width:calc(100% - 32px);padding:32px;border:1px solid #dce3ed;border-radius:24px;background:#fff;color:#202124;box-shadow:0 24px 80px #0003}.presenter-login::backdrop{background:#14233799}.presenter-login h2{font-size:26px;margin-top:10px}.presenter-login p{margin:12px 0}.presenter-login label{display:block;margin-top:18px}.presenter-login input{width:100%;padding:12px;border:1px solid #aebdd2;border-radius:8px;font:inherit;margin:8px 0}.presenter-login button{width:100%;padding:12px;font:inherit;border:0;border-radius:10px;background:#1967d2;color:white;cursor:pointer;margin-top:8px}.presenter-login .presenter-cancel{background:#eef3fb;color:#174ea6}.presenter-error{color:#b3261e;font-size:13px}.presenter-login button:disabled{opacity:.5}
.mode-entry button:focus-visible,.mode-switch button:focus-visible,.mode-module-link:focus-visible,.mode-guide summary:focus-visible{outline:3px solid #1967d2;outline-offset:3px}
@media(max-width:900px){[data-learning-mode="self"] .mode-modules{position:relative;width:100%;height:58px;flex-direction:row;padding:6px;border-right:0;border-bottom:1px solid var(--border)}.mode-module-link{white-space:nowrap;padding:10px;font-size:12px}[data-learning-mode="self"] .stage{left:0;top:58px}}
@media(max-width:600px){.mode-entry{grid-template-columns:1fr}.intro-hero .ih-card{padding:24px 20px}.mode-guide{padding:12px 14px}.mode-guide-heading strong{font-size:17px}.prompt-cards-grid{grid-template-columns:1fr}.slide{padding:20px 16px}.intro-hero .ih-title{font-size:30px}}
@media(prefers-reduced-motion:reduce){.intro-hero,.slide,.slide.active .reveal{animation:none!important;transition:none!important}}

@media(max-width:600px){.topbar{padding:10px 16px;gap:12px}.brand-mark{display:none}.topbar-right{gap:8px}.score-pill{white-space:nowrap;min-width:64px;flex-shrink:0;padding:7px 10px}.brand-logo-img{max-width:108px}.user-chip-name{max-width:70px}}

.intro-hero .ih-cta.ih-cta-ghost{background:#eef3fb!important;color:#174ea6!important;border:1px solid #c5d7fa!important}.intro-hero .ih-cta.ih-cta-ghost:hover{background:#dce8fc!important}.intro-hero .ih-resume-sub span{color:#174ea6}

[data-learning-mode="presenter"] #moduleScoresBox{display:none}