.learn-session-tracker { background:var(--theme-surface, #fff); border:1px solid var(--theme-accent-line, #d9e3f3); border-radius:16px; padding:16px 20px; margin:0 auto 12px; max-width:1100px; }
.learn-session-toolbar { display:flex; align-items:center; gap:14px; }
.learn-session-clock { display:flex; align-items:baseline; gap:12px; margin-right:auto; }
.learn-session-clock strong { font-size:1.7rem; font-weight:600; color:var(--theme-ink, #17233c); font-variant-numeric:tabular-nums; }
.learn-session-clock span,.learn-session-timer-label span { color:var(--theme-muted, #687995); font-size:.78rem; }
.learn-session-timer-label { display:grid; gap:3px; margin-right:8px; }
.learn-session-timer-label strong { color:var(--theme-muted, #334a70); font-size:.84rem; font-weight:600; }
.learn-session-meta { display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px; padding-top:12px; margin-top:12px; border-top:1px solid var(--theme-accent-line, #e7edf7); font-size:.76rem; color:var(--theme-muted, #64758e); }
.learn-session-explanation { font-size:.74rem; line-height:1.6; color:var(--theme-muted, #748198); margin:10px 0 0; }
.learn-session-break { color:var(--theme-accent-ink, #2558d9); background:var(--theme-accent-soft, #edf2ff); border-radius:10px; padding:12px; font-size:.85rem; }
.learn-session-state { max-width:1100px; margin:4px auto 12px; color:var(--theme-muted, #738198); font-size:.74rem; text-align:right; }
.setup-session-context { font-size:.82rem; color:var(--theme-muted, #61718b); line-height:1.65; margin:8px 24px 16px; }
.setup-timer { display:grid; gap:6px; color:var(--theme-muted, #374966); font-size:.8rem; text-align:left; margin-bottom:12px; }
.setup-timer span { color:var(--theme-muted, #738198); font-size:.73rem; }
#learn-mode-content[inert] { opacity:.55; }
@media(max-width:650px) { .learn-session-tracker { padding:14px; }.learn-session-toolbar { flex-wrap:wrap; gap:10px; }.learn-session-clock { flex:1 1 48%; }.learn-session-timer-label { flex:1 1 40%; margin:0; }.learn-session-toolbar > button { flex:1; }.learn-session-state { padding:0 12px; }.learn-session-explanation { font-size:.72rem; } }
