:root{--bg:#f8f7f3;--ink:#17233b;--muted:#7f8795;--line:#e8e6df;--mint:#b9efcf;--coral:#ff8a65;--coral-dark:#eb7050;--card:#fffefb;--shadow:0 24px 70px rgba(25,35,59,.08)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Cairo,system-ui,sans-serif;direction:rtl}button,input{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.42}.shell{max-width:1160px;margin:auto;padding:28px 24px 20px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.brand{display:flex;align-items:center;gap:11px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:var(--ink);color:var(--mint);font-size:26px;line-height:1}.brand strong,.brand span{display:block}.brand strong{font-size:17px;letter-spacing:-.4px}.brand div span{font-size:11px;color:var(--muted);margin-top:-3px}.date-chip{font-size:12px;color:var(--muted);background:#eeeee9;padding:8px 13px;border-radius:999px}.settings-page{padding-bottom:10px}.settings-header{display:flex;align-items:flex-end;justify-content:space-between;padding:28px 30px;background:var(--ink);border-radius:25px;color:#fff;margin-bottom:18px}.settings-header h1{font-size:32px;letter-spacing:-1px;margin:6px 0}.settings-header p{font-size:13px;color:#aeb7c7}.settings-header .eyebrow{color:var(--mint)}.settings-group{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:22px;margin-bottom:14px}.settings-group-title{margin-bottom:13px}.settings-group-title h2{font-size:18px;margin-top:3px}.feature-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 2px;border-top:1px solid var(--line);cursor:pointer}.feature-row span{display:flex;flex-direction:column;gap:2px}.feature-row strong{font-size:13px}.feature-row small{color:var(--muted);font-size:10px}.feature-row input{position:absolute;opacity:0}.feature-toggle{width:39px;height:23px;border-radius:99px;background:#dfe3dd;position:relative;transition:.2s;flex:none}.feature-toggle:after{content:"";position:absolute;width:17px;height:17px;right:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0002;transition:.2s}.feature-row input:checked+.feature-toggle{background:var(--mint)}.feature-row input:checked+.feature-toggle:after{transform:translateX(-16px);background:var(--ink)}.hero-card{display:flex;justify-content:space-between;align-items:flex-end;padding:34px 38px;background:var(--ink);border-radius:28px;color:#fff;margin-bottom:18px;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero-card:after{content:"";width:190px;height:190px;border:28px solid rgba(185,239,207,.14);border-radius:50%;position:absolute;left:-55px;top:-90px}.eyebrow{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);font-weight:700}.hero-card .eyebrow{color:var(--mint)}h1,h2,p{margin:0}.hero-card h1{font-size:clamp(25px,4vw,42px);letter-spacing:-1.5px;margin:7px 0 5px}.hero-card p{color:#aeb7c7;font-size:14px}.session-pill{z-index:1;display:flex;gap:8px;align-items:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);padding:9px 13px;border-radius:999px;font-size:12px;white-space:nowrap}.status-dot{width:7px;height:7px;border-radius:50%;background:#aeb7c7}.status-dot.active{background:var(--mint);box-shadow:0 0 0 4px rgba(185,239,207,.14)}.workspace{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.timer-card,.subjects-card,.summary-card{background:var(--card);border:1px solid var(--line);border-radius:25px;box-shadow:0 8px 30px rgba(25,35,59,.035)}.timer-card{min-height:555px;padding:30px;display:flex;flex-direction:column;align-items:center}.timer-meta{text-align:center;margin-bottom:12px}.timer-meta span{display:block;color:var(--muted);font-size:11px;margin-bottom:3px}.timer-meta strong{font-size:20px}.timer-ring{width:min(310px,72vw);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;margin:8px 0 20px;background:conic-gradient(var(--coral) 0deg,var(--coral) 1deg,#eef0ec 1deg,#eef0ec 360deg);position:relative;transition:background .5s linear}.timer-ring:before{content:"";position:absolute;inset:11px;border-radius:50%;background:var(--card)}.ring-inner{position:relative;text-align:center}.timer-caption{display:block;color:var(--muted);font-size:11px}.ring-inner strong{display:block;font-variant-numeric:tabular-nums;letter-spacing:-2px;font-size:42px;line-height:1.25}.timer-state{font-size:11px;color:var(--coral-dark);font-weight:700}.story-panel{width:min(370px,100%);padding:15px 17px;margin:-4px 0 12px;border:1px solid #f1d7c8;background:#fff7f2;border-radius:17px;text-align:right}.story-kicker{display:block;color:var(--coral-dark);font-size:10px;font-weight:800;margin-bottom:6px}.story-panel p{font-size:12px;line-height:1.8;color:var(--ink)}.story-panel button{margin-top:9px;background:transparent;color:var(--coral-dark);font-size:11px;font-weight:700;padding:0}.latest-story{display:flex;flex-direction:column;gap:3px;margin-top:11px;padding-top:10px;border-top:1px solid #f0d9cd}.latest-story span{font-size:10px;color:var(--muted)}.latest-story strong{font-size:11px;line-height:1.55}.latest-story a{font-size:10px;color:var(--coral-dark);font-weight:700;text-decoration:none}.break-note{color:var(--muted);font-size:10px}.controls{display:flex;gap:10px;width:min(370px,100%)}.controls button,.next-btn,.finish-btn{min-height:52px;border-radius:16px;font-weight:700;transition:.18s ease}.controls button{flex:1}.primary{background:var(--coral);color:#fff;box-shadow:0 10px 18px rgba(255,138,101,.22)}.primary:hover{background:var(--coral-dark);transform:translateY(-1px)}.secondary{background:#f0f2ee;color:var(--ink)}.secondary:hover,.next-btn:hover{background:#e7ebe6}.next-btn{width:min(370px,100%);margin-top:10px;background:var(--mint);color:var(--ink)}.finish-btn{width:min(370px,100%);margin-top:9px;background:transparent;color:var(--muted);font-size:12px;min-height:36px}.finish-btn:hover{color:var(--coral-dark)}.subjects-card{padding:28px}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.section-heading h2{font-size:22px;letter-spacing:-.6px;margin-top:3px}.count-badge,.summary-state{font-size:11px;background:#edf6ef;color:#397054;border-radius:999px;padding:6px 10px;white-space:nowrap}.add-row{display:flex;gap:8px;margin:24px 0 16px}.add-row input{min-width:0;flex:1;border:1px solid var(--line);background:#fafaf7;border-radius:13px;padding:11px 13px;outline:0;color:var(--ink)}.add-row input:focus{border-color:var(--coral)}.add-row button{width:45px;border-radius:13px;background:var(--ink);color:#fff;font-size:22px}.study-settings{display:flex;flex-direction:column;gap:10px;padding:13px 0 17px;border-bottom:1px solid var(--line);margin-bottom:16px}.setting-toggle,.break-setting{display:flex;align-items:center;gap:9px;color:var(--ink);font-size:12px}.setting-toggle input{position:absolute;opacity:0}.toggle-ui{width:34px;height:20px;border-radius:99px;background:#dfe3dd;position:relative;transition:.2s}.toggle-ui:after{content:"";position:absolute;width:14px;height:14px;right:3px;top:3px;border-radius:50%;background:#fff;transition:.2s;box-shadow:0 1px 3px #0002}.setting-toggle input:checked+.toggle-ui{background:var(--coral)}.setting-toggle input:checked+.toggle-ui:after{transform:translateX(-14px)}.break-setting{justify-content:space-between;color:var(--muted)}.break-setting select{border:1px solid var(--line);background:#fafaf7;border-radius:9px;padding:6px 8px;color:var(--ink);font-size:11px}.subject-list{display:flex;flex-direction:column;gap:9px}.empty-state{text-align:center;color:var(--muted);padding:38px 15px;border:1px dashed var(--line);border-radius:15px;font-size:13px}.empty-state span{display:block;color:var(--coral);font-size:24px;margin-bottom:8px}.subject-item{display:flex;align-items:center;gap:11px;border:1px solid var(--line);padding:12px;border-radius:15px;background:#fff}.subject-item.current{border-color:var(--mint);background:#f5fff8}.subject-num{width:28px;height:28px;border-radius:10px;background:#eef0ec;display:grid;place-items:center;font-size:12px;font-weight:700}.current .subject-num{background:var(--mint)}.subject-info{min-width:0;flex:1}.subject-name{display:block;font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subject-time{display:block;color:var(--muted);font-size:10px;margin-top:1px}.subject-actions{display:flex;align-items:center;gap:6px}.subject-state{font-size:10px;color:#4f9870}.delete-subject{background:transparent;color:#b9bdc4;font-size:16px;padding:2px}.summary-card{margin-top:18px;padding:28px}.summary-state{background:#f2f2ef;color:var(--muted)}.summary-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:20px;margin-top:22px}.total-time{background:var(--ink);color:#fff;border-radius:18px;padding:22px}.total-time span,.total-time small{display:block;color:#aeb7c7;font-size:11px}.total-time strong{display:block;font-variant-numeric:tabular-nums;font-size:30px;letter-spacing:-1px;margin:7px 0}.breakdown{display:flex;flex-direction:column;gap:8px}.breakdown-row{display:grid;grid-template-columns:minmax(80px,1fr) 45px 90px;gap:10px;align-items:center;font-size:12px}.bar{height:7px;background:#edf0ec;border-radius:10px;overflow:hidden}.bar i{display:block;height:100%;background:var(--coral);border-radius:10px}.breakdown-row time{color:var(--muted);font-variant-numeric:tabular-nums;text-align:left}.muted{color:var(--muted);font-size:12px;padding:16px 0}footer{display:flex;justify-content:space-between;padding:18px 2px 0;color:var(--muted);font-size:11px}footer button{background:transparent;color:var(--coral-dark);font-size:11px}.hidden{display:none!important}@media(max-width:760px){.shell{padding:18px 14px}.topbar{margin-bottom:20px}.hero-card{padding:25px 22px;display:block}.session-pill{display:inline-flex;margin-top:20px}.workspace{grid-template-columns:1fr}.timer-card{min-height:auto;padding:25px 18px}.timer-ring{width:min(285px,75vw)}.subjects-card{padding:23px}.summary-grid{grid-template-columns:1fr}.breakdown-row{grid-template-columns:minmax(90px,1fr) 1fr 78px}.date-chip{display:none}}
@media(max-width:760px){.settings-header{display:block;padding:23px 20px}.settings-header h1{font-size:27px}.back-btn{margin-top:16px}.top-actions{gap:6px}.settings-btn{padding:7px 9px}}

/* Functional dashboard extensions: all themes use locally available system fonts. */
:root {
  --ring-track: #edf0ec; --panel: #f2f2ef; --field: #fafaf7;
  --hero: #17233b; --current-card: #f5fff8;
}
html[data-theme="ocean"] {
  --bg: #edf5f7; --ink: #183849; --muted: #687f89; --line: #d8e6e8;
  --mint: #aee4df; --coral: #e78868; --coral-dark: #bf6548; --card: #fcfefe;
  --ring-track: #d6e6e9; --panel: #e3eef0; --field: #f4fafb;
  --hero: #183849; --current-card: #eaf9f8;
}
html[data-theme="night"] {
  color-scheme: dark;
  --bg: #131c2a; --ink: #e9f1f4; --muted: #a9b8c5; --line: #354457;
  --mint: #77d7ad; --coral: #f39475; --coral-dark: #ffb08e; --card: #1d2939;
  --ring-track: #354457; --panel: #26364b; --field: #253447;
  --hero: #0c1623; --current-card: #213d3a;
  --shadow: 0 20px 55px rgba(0,0,0,.22);
}
body { font-family: system-ui, "Noto Sans Arabic", Tahoma, sans-serif; }
button, select, textarea { font: inherit; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 2px solid var(--coral); outline-offset: 3px;
}
.top-actions { display:flex; align-items:center; gap:8px; }
.header-btn, .settings-btn, .back-btn {
  min-height:38px; padding:6px 12px; border-radius:11px; background:var(--panel); color:var(--ink);
  font-size:12px; font-weight:700;
}
.header-btn[aria-pressed="true"] { background:var(--mint); color:#17233b; }
.header-btn:hover, .settings-btn:hover, .back-btn:hover { filter:brightness(.96); }
.brand-mark, .add-row button { background:var(--hero); color:var(--mint); }
.date-chip { background:var(--panel); color:var(--muted); }
.hero-card, .settings-header, .total-time { background:var(--hero); color:#fff; }
.hero-card p, .settings-header p, .total-time span, .total-time small { color:#b6c2cd; }
.hero-card .motivation { color:var(--mint); font-size:12px; margin-top:13px; font-weight:700; }
.recovery-banner {
  display:flex; justify-content:space-between; align-items:center; gap:12px;
  padding:12px 17px; margin:-4px 0 16px; border-radius:15px;
  background:var(--current-card); border:1px solid var(--mint); font-size:12px;
}
.recovery-banner button { background:var(--hero); color:#fff; padding:8px 13px; border-radius:10px; white-space:nowrap; font-weight:700; }
.settings-layout { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.settings-layout .settings-group:last-child { grid-column:1 / -1; }
.settings-group { margin-bottom:0; }
.settings-group-title { margin-bottom:18px; }
.setting-help { color:var(--muted); font-size:12px; line-height:1.8; display:block; margin-bottom:12px; }
.setting-field { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 2px; border-top:1px solid var(--line); font-size:12px; font-weight:700; }
.setting-field select, .chapter-picker select { border:1px solid var(--line); border-radius:10px; padding:7px 10px; background:var(--field); color:var(--ink); min-width:130px; }
.setting-check { display:flex; gap:12px; align-items:center; border-top:1px solid var(--line); padding:13px 2px; cursor:pointer; }
.setting-check input { width:18px; height:18px; accent-color:var(--coral); flex:none; }
.setting-check strong, .setting-check small { display:block; }
.setting-check strong { font-size:12px; }
.setting-check small { font-size:10px; color:var(--muted); line-height:1.7; }
.timer-card { min-height:590px; }
.subject-context { color:var(--muted); font-size:11px; line-height:1.7; max-width:340px; overflow-wrap:anywhere; margin-top:5px; }
.timer-ring { margin-bottom:13px; }
.session-progress { width:min(370px,100%); margin-bottom:19px; }
.progress-top, .progress-foot { display:flex; justify-content:space-between; gap:10px; font-size:11px; }
.progress-top { margin-bottom:7px; color:var(--ink); font-weight:700; }
.progress-foot { color:var(--muted); margin-top:7px; font-size:10px; flex-wrap:wrap; }
.track { width:100%; height:9px; border-radius:100px; background:var(--ring-track); overflow:hidden; }
.track i { display:block; width:0; height:100%; border-radius:inherit; background:var(--coral); transition:width .35s; }
.plain-break { width:min(370px,100%); margin-bottom:12px; padding:13px; border:1px solid var(--line); border-radius:13px; font-size:12px; display:flex; justify-content:space-between; align-items:center; gap:10px; }
.plain-break button { background:transparent; color:var(--coral-dark); font-size:11px; font-weight:700; }
.story-panel { background:var(--field); border-color:var(--line); }
.story-panel p { color:var(--ink); }
.latest-story { border-color:var(--line); }
.chapter-picker { display:flex; justify-content:space-between; align-items:center; gap:8px; margin-top:10px; font-size:10px; color:var(--muted); }
.chapter-picker select { min-width:125px; font-size:10px; padding:5px 8px; }
.story-actions { display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; }
.story-actions #skipStory { color:var(--ink); text-decoration:underline; text-underline-offset:3px; }
.secondary { background:var(--panel); color:var(--ink); }
.secondary:hover { background:var(--ring-track); }
.next-btn { color:#17233b; }
.next-btn:hover { background:var(--mint); filter:brightness(.96); }
.add-row input, .break-setting select { background:var(--field); color:var(--ink); }
.subject-editor { margin:2px 0 15px; padding:15px; border:1px solid var(--mint); background:var(--current-card); border-radius:14px; }
.subject-editor h3 { margin:0 0 10px; font-size:14px; }
.subject-editor label { display:block; margin:9px 0; color:var(--muted); font-size:11px; font-weight:700; }
.subject-editor input, .subject-editor textarea { width:100%; margin-top:5px; resize:vertical; min-width:0; border:1px solid var(--line); background:var(--field); color:var(--ink); border-radius:9px; padding:7px 10px; outline:0; }
.editor-actions { display:flex; gap:8px; margin-top:12px; }
.editor-actions button { padding:8px 12px; border-radius:9px; font-size:11px; font-weight:700; }
.editor-actions .primary { color:#17233b; }
.list-hint { color:var(--muted); font-size:10px; line-height:1.7; margin-bottom:10px; }
.subject-item { background:var(--card); }
.subject-item.current { background:var(--current-card); }
.subject-item[draggable="true"] { cursor:grab; }
.subject-item.dragging { opacity:.5; }
.subject-num { background:var(--panel); }
.current .subject-num { color:#17233b; }
.subject-actions { flex-wrap:wrap; justify-content:flex-end; }
.mini-btn, .move-btn { background:var(--panel); border-radius:7px; padding:4px 6px; color:var(--ink); font-size:10px; font-weight:700; line-height:1.2; }
.move-btn { min-width:21px; }
.delete-subject { color:var(--coral-dark); }
.count-badge { background:var(--current-card); color:var(--ink); }
.summary-state { background:var(--panel); color:var(--muted); }
.breakdown-row { grid-template-columns:minmax(70px,1fr) minmax(40px,1fr) 85px; }
.breakdown-row > span { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.bar { background:var(--ring-track); }
.summary-actions { display:flex; gap:8px; flex-wrap:wrap; margin-top:20px; padding-top:16px; border-top:1px solid var(--line); }
.summary-actions button { background:var(--panel); color:var(--ink); padding:9px 13px; border-radius:10px; font-weight:700; font-size:11px; }
.summary-actions button:hover { background:var(--mint); color:#17233b; }
.achievement-card, .history-card { margin-top:18px; padding:28px; background:var(--card); border:1px solid var(--line); border-radius:25px; box-shadow:0 8px 30px rgba(25,35,59,.035); }
.achievement-metrics, .history-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:21px; }
.achievement-metrics > div, .history-metrics > div { background:var(--field); border:1px solid var(--line); border-radius:15px; padding:13px 15px; min-width:0; }
.achievement-metrics span, .achievement-metrics small, .history-metrics span, .history-metrics small { display:block; font-size:10px; color:var(--muted); }
.achievement-metrics strong, .history-metrics strong { display:block; font-size:22px; line-height:1.6; font-variant-numeric:tabular-nums; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.achievement-metrics small, .history-metrics small { line-height:1.5; }
.level-track { margin:14px 0; }
.level-track i { background:var(--mint); }
.badge-list { display:flex; flex-wrap:wrap; gap:8px; }
.badge { display:inline-flex; align-items:center; gap:5px; border:1px solid var(--line); background:var(--field); border-radius:100px; padding:6px 10px; font-size:10px; font-weight:700; }
.badge b { font-size:15px; line-height:1; }
.badge.earned { border-color:var(--mint); background:var(--current-card); }
.badge.locked { color:var(--muted); opacity:.65; }
.history-metrics { grid-template-columns:repeat(4,1fr); }
.history-metrics strong { font-size:17px; }
.history-columns { display:grid; grid-template-columns:1.15fr .85fr; gap:24px; margin-top:25px; }
.history-columns h3 { margin:0 0 12px; font-size:13px; }
.calendar { display:grid; grid-template-columns:repeat(7,1fr); gap:6px; }
.calendar-day { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:51px; border:1px solid var(--line); border-radius:10px; background:var(--field); color:var(--ink); }
.calendar-day small { font-size:9px; color:var(--muted); }
.calendar-day strong { font-size:13px; line-height:1.3; }
.calendar-day.intensity-1 { background:var(--current-card); }
.calendar-day.intensity-2, .calendar-day.intensity-3 { background:var(--mint); color:#17233b; }
.calendar-day.intensity-4 { background:var(--hero); color:#fff; }
.calendar-day.intensity-4 small { color:#c7d4dc; }
.calendar-day.selected { outline:2px solid var(--coral); outline-offset:1px; }
.selected-day { background:var(--field); border:1px solid var(--line); border-radius:13px; margin-top:12px; padding:13px; font-size:11px; }
.selected-day > strong { display:block; margin-bottom:7px; }
.selected-day p { color:var(--muted); }
.selected-day ul { margin:0; padding:0; list-style:none; }
.selected-day li { display:flex; justify-content:space-between; gap:8px; padding:5px 0; border-top:1px solid var(--line); }
.selected-day time { color:var(--muted); }
.session-list { display:flex; flex-direction:column; gap:8px; }
.session-entry { padding:12px; border:1px solid var(--line); border-radius:12px; background:var(--field); }
.session-entry > div { display:flex; justify-content:space-between; gap:8px; font-size:11px; }
.session-entry time { font-weight:700; font-variant-numeric:tabular-nums; }
.session-entry small { color:var(--muted); font-size:10px; line-height:1.7; display:block; margin-top:4px; }
.toast { position:fixed; z-index:10; bottom:22px; left:22px; max-width:min(380px,calc(100vw - 36px)); border-radius:12px; padding:12px 16px; color:#fff; background:#17233b; font-size:12px; box-shadow:var(--shadow); }
body.focus-mode .workspace { grid-template-columns:1fr; max-width:690px; margin:auto; }
body.focus-mode .subjects-card, body.focus-mode .summary-card, body.focus-mode .achievement-card, body.focus-mode .history-card, body.focus-mode footer { display:none; }
body.focus-mode .hero-card { max-width:690px; margin:0 auto 18px; padding:23px 30px; }
body.focus-mode .hero-card h1 { font-size:27px; }
body.focus-mode .hero-card .motivation { display:none; }
body.focus-mode .recovery-banner { max-width:690px; margin:0 auto 18px; }
@media (max-width:900px) {
  .history-columns { grid-template-columns:1fr; }
  .history-metrics { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:760px) {
  .top-actions { gap:5px; }
  .top-actions button { font-size:10px; padding:7px 8px; }
  .settings-layout { grid-template-columns:1fr; }
  .settings-layout .settings-group:last-child { grid-column:auto; }
  .achievement-card, .history-card { padding:20px; }
  .achievement-metrics { grid-template-columns:repeat(2,1fr); }
  .achievement-metrics > div:last-child { grid-column:1 / -1; }
  .subject-item { flex-wrap:wrap; }
  .subject-info { flex-basis:calc(100% - 42px); }
  .subject-actions { width:100%; padding-right:39px; justify-content:flex-start; }
  .recovery-banner { align-items:flex-start; flex-direction:column; }
}
@media (max-width:420px) {
  .brand div span { display:none; }
  .brand strong { font-size:14px; }
  .brand-mark { width:30px; height:30px; }
  .history-metrics strong { font-size:14px; }
  .calendar { gap:3px; }
  .calendar-day { min-height:42px; }
  .calendar-day small { font-size:8px; }
  .breakdown-row { grid-template-columns:minmax(68px,1fr) 30px 77px; gap:6px; }
}
@media print {
  @page { size:A4; margin:16mm; }
  :root, html[data-theme="night"], html[data-theme="ocean"] { --bg:#fff; --ink:#17233b; --muted:#555; --card:#fff; --line:#ddd; --field:#fff; }
  body, .shell { background:#fff !important; color:#17233b !important; margin:0; padding:0; max-width:none; }
  .top-actions, .settings-page, .workspace, .hero-card, .recovery-banner, .history-card, .summary-actions, footer, .toast { display:none !important; }
  body.focus-mode .summary-card, body.focus-mode .achievement-card { display:block !important; }
  .summary-card, .achievement-card { box-shadow:none; border:1px solid #ddd; break-inside:avoid; }
  .total-time { background:#17233b !important; color:#fff !important; -webkit-print-color-adjust:exact; print-color-adjust:exact; }
  .bar i, .badge.earned { -webkit-print-color-adjust:exact; print-color-adjust:exact; }
}
.header-btn,.settings-btn,.back-btn,.primary,.secondary,.next-btn,.finish-btn,button,select{touch-action:manipulation;-webkit-tap-highlight-color:transparent}