/* Shared surfaces and accessible contrast in both display themes. */
:root{--bg:#edf3fb;--paper:#fff;--ink:#173052;--muted:#536780;--line:#c4d3e7;--accent:#285dcc;--accent-light:#eaf0ff;--green:#edf4ff;--surface-soft:#f1f6fd;--button-face:#fbfdff;--button-edge:#9eafca;--tile-shadow:0 8px 24px #233f6510;--pie-track:#d6e2f1;--pie-fill:#147d6e}
:root[data-goal-theme=dark]{--bg:#101c30;--paper:#192a43;--ink:#edf4ff;--muted:#b1c2db;--line:#46617f;--accent:#a4c3ff;--accent-light:#263e62;--green:#243a5a;--surface-soft:#213650;--button-face:#304b6d;--button-edge:#142239;--tile-shadow:0 10px 26px #0003;--pie-track:#395472;--pie-fill:#79e2c6}
body{background:var(--bg);color:var(--ink)}.panel,.stat-card{border-color:var(--line);box-shadow:var(--tile-shadow)}.panel+.panel{margin-top:18px}
.syllabus-controls label{color:var(--ink)}:root[data-goal-theme=dark] .brand{color:#b9d0ff}:root[data-goal-theme=dark] .demo-banner{background:#243d60;color:#dbe8ff;border:1px solid #4e6c93}:root[data-goal-theme=dark] .demo-banner button{color:#dbe8ff}
.sidebar{background:var(--paper);border-color:var(--line)}.topbar{background:var(--paper)}.nav-item{color:var(--muted)}.nav-caption,.breadcrumb{color:var(--muted)}.sidebar-note{background:var(--surface-soft);border-color:var(--line)}.profile-mini{border-color:var(--line)}
:root[data-goal-theme=dark] .nav-item.active{background:#315783;color:#fff;border:1px solid #5c82ac}:root[data-goal-theme=dark] .avatar{background:#354f70;color:#edf4ff}
:root[data-goal-theme=dark] .btn:hover:not(:disabled){background:linear-gradient(180deg,#3b5c81,#2d4666);color:#edf4ff}:root[data-goal-theme=dark] .btn.primary:hover:not(:disabled),:root[data-goal-theme=dark] .btn.share-copy:hover:not(:disabled){background:linear-gradient(180deg,#4786fc,#2355ba);color:#fff}:root[data-goal-theme=dark] .btn.share-download:hover:not(:disabled){background:linear-gradient(180deg,#219987,#106255);color:#fff}:root[data-goal-theme=dark] .setting-choice .btn.active{background:linear-gradient(180deg,#315f91,#24486e);border-color:#7da5d5;color:#fff}:root[data-goal-theme=dark] .study-presets .active{background:#315783;color:#fff}
.btn,.icon-button,.syllabus-copy-small,.syllabus-revision-link{background:linear-gradient(180deg,var(--button-face),var(--surface-soft));color:var(--ink);border:1px solid var(--line);border-bottom:3px solid var(--button-edge);box-shadow:0 3px 5px #152b4612,inset 0 1px 0 #ffffff45;transition:transform .15s,box-shadow .15s,background .15s;font-weight:700}
.btn:hover:not(:disabled),.icon-button:hover:not(:disabled),.syllabus-copy-small:hover,.syllabus-revision-link:hover{transform:translateY(-1px);box-shadow:0 5px 9px #152b4622,inset 0 1px 0 #ffffff45}.btn:active:not(:disabled),.icon-button:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 2px 4px #10254530}
.btn.primary,.btn.share-copy{background:linear-gradient(180deg,#3979f4,#2355ba);border-color:#2460d4;border-bottom-color:#133b84;color:#fff;box-shadow:0 4px 8px #2150b530,inset 0 1px 0 #9bc2ff70}.btn.share-download{background:linear-gradient(180deg,#188778,#106255);border-color:#126a5e;border-bottom-color:#093e35;color:#fff}
.text-link{color:var(--accent);text-underline-offset:4px}.text-link:hover{text-decoration:underline}button:disabled{opacity:.62;cursor:not-allowed}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.theme-toggle{font-size:12px;min-height:38px;padding:7px 12px;white-space:nowrap}.top-actions{gap:12px}
.syllabus-chip{height:auto;min-height:68px;row-gap:5px}.syllabus-chip>span:last-child{flex-basis:100%;font-size:11px;line-height:1.6}.timewall-card .share-trigger{background:linear-gradient(180deg,#294979,#1e365d);border:1px solid #5b7caa;border-bottom:3px solid #0c213f;color:#fff;box-shadow:0 4px 6px #08152d40,inset 0 1px 0 #9bbde540}
.tile-capture-button{font-size:11px;min-height:34px;padding:6px 10px;display:flex;gap:5px;align-items:center;justify-content:center;max-width:100%;width:max-content;margin:12px 0 0 auto;flex-shrink:0;grid-column:1/-1}
.stat-card>.tile-capture-button{margin-top:7px}.syllabus-section>.tile-capture-button{margin:8px 16px 14px auto}.syllabus-hero>.tile-capture-button{position:absolute;right:20px;bottom:14px}.syllabus-hero{position:relative}
#share-preview{overflow:auto;max-height:60vh;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft)}.capture-preview-image{width:100%;max-width:100%;max-height:55vh;object-fit:contain;display:block;cursor:zoom-in}.capture-preview-image.full-size{max-width:none;max-height:none;cursor:zoom-out}.share-actions{gap:14px;flex-wrap:wrap}.share-main-actions{gap:12px;flex-wrap:wrap}
.coverage-pie{width:178px;height:178px;position:relative;flex-shrink:0;margin:auto}.coverage-pie svg{display:block;width:100%;height:100%;fill:none;stroke-width:10}.pie-track{stroke:var(--pie-track)}.pie-value{stroke:var(--pie-fill);stroke-linecap:butt}.coverage-pie>span{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--ink)}.coverage-pie strong{font:800 35px Manrope,sans-serif;letter-spacing:-1px}.coverage-pie strong small{font-size:17px;color:inherit}.coverage-pie em{font-size:11px;font-style:normal;color:var(--muted);margin-top:3px}.coverage-pie.small{width:66px;height:66px;margin:0}.coverage-pie.small svg{stroke-width:9}.coverage-pie.small strong{font-size:15px;letter-spacing:0}.coverage-pie.small strong small{font-size:10px}
#syllabus-workspace .syllabus-hero{padding-bottom:60px;border:1px solid #345f84;gap:30px;align-items:center}.syllabus-hero .syllabus-score{--pie-track:#355474;--pie-fill:#81e6ce;background:#0b20394d;align-items:center;min-width:245px;text-align:center;padding:22px}.syllabus-hero .coverage-pie>span{color:#fff}.syllabus-hero .coverage-pie em{color:#c5d8ed}.syllabus-hero .syllabus-score>.syllabus-meter{width:100%;height:6px}.syllabus-hero .syllabus-score>span{font-size:12px;color:#dcecff}.syllabus-hero .syllabus-hero-copy p{color:#ccdded;line-height:1.8}.syllabus-hero .syllabus-hero-actions .btn{background:linear-gradient(180deg,#345b83,#244565);border-color:#6c8fb0;border-bottom-color:#0b2139;color:#fff}
.syllabus-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0}.syllabus-summary-stat{padding:22px;display:flex;flex-direction:column;gap:10px;border-top:4px solid #2c65c6!important}.syllabus-summary-stat:nth-child(2){border-top-color:#188b78!important}.syllabus-summary-stat:nth-child(3){border-top-color:#b77922!important}.syllabus-summary-stat>span{font-size:10px;letter-spacing:1.4px;font-weight:800;color:var(--muted)}.syllabus-summary-stat>strong{font:800 31px Manrope,sans-serif;color:var(--ink)}.syllabus-summary-stat>strong small{font-size:13px;font-weight:500;color:var(--muted)}.syllabus-summary-stat>p{font-size:12px;color:var(--muted)}.syllabus-summary-grid .panel+.panel{margin-top:0}
.syllabus-chart-board{margin:0 0 24px;overflow:hidden}.syllabus-chart-board>summary{display:flex;align-items:center;justify-content:space-between;gap:15px;list-style:none;padding:21px 24px;background:var(--surface-soft);cursor:pointer;border-bottom:1px solid var(--line)}.syllabus-chart-board>summary strong{font:800 17px Manrope,sans-serif}.syllabus-chart-board>summary small{display:block;font-size:12px;color:var(--muted);margin-top:7px}.syllabus-chart-board>summary>span:last-child{font-size:12px;white-space:nowrap}.syllabus-chart-board>summary>span:last-child:after{content:' ⌄';font-size:18px}.syllabus-charts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:20px}.syllabus-subject-chart{border:1px solid var(--line);border-left:4px solid var(--subject-color);border-radius:13px;padding:15px;background:var(--paper);min-width:0;--pie-fill:var(--subject-color)}.syllabus-subject-chart.selected{outline:2px solid var(--accent);outline-offset:2px}.syllabus-chart-choice{display:flex;align-items:center;gap:13px;text-align:left;width:100%}.syllabus-chart-choice>span{min-width:0;line-height:1.5}.syllabus-chart-choice strong{display:block;font-size:12px;overflow-wrap:anywhere}.syllabus-chart-choice small{display:block;font-size:11px;line-height:1.5;color:var(--muted);margin-top:4px}
.syllabus-layout .syllabus-outline{border-color:var(--line);background:var(--paper)}.syllabus-outline-item{border-bottom:1px solid var(--line);color:var(--ink)}.syllabus-outline-label small{color:var(--muted)}.syllabus-outline-item.selected{background:var(--surface-soft)}.syllabus-reading .syllabus-section{border-color:var(--line);box-shadow:var(--tile-shadow);background:var(--paper)}.syllabus-reading .syllabus-section>summary{background:var(--surface-soft);color:var(--ink);border-bottom:1px solid var(--line)}.syllabus-section-title small,.syllabus-section-score small{color:var(--muted)}.syllabus-reading .syllabus-tools{background:var(--paper);border-color:var(--line)}.syllabus-section-toolbar{background:var(--paper);border-color:var(--line)}.syllabus-topic-group{background:var(--paper);border-color:var(--line)!important}.syllabus-topic-row{gap:8px;flex-wrap:wrap}.syllabus-topic-row .syllabus-topic{color:var(--ink);flex:1;min-width:160px}.syllabus-official-bullet{background:var(--surface-soft);color:var(--ink);border-color:var(--line)}.syllabus-bullet-meta,.syllabus-subtopic-label{color:var(--muted)}.syllabus-topic-row.complete{background:#e9f7f1;color:#155644;border:1px solid #9ecbbb;border-radius:9px;margin-top:5px}.syllabus-topic-row.complete .syllabus-topic{color:#155644}.syllabus-copy-small,.syllabus-revision-link{font-size:11px;line-height:1.4;padding:6px 9px;min-height:32px;border-radius:7px;white-space:nowrap}.syllabus-revision-link.linked{color:#155f51;background:#e2f4ed;border-color:#82bba9}.syllabus-edit-switch{box-shadow:0 3px 5px #102e5015;border-bottom-width:3px}.syllabus-section-complete{background:var(--surface-soft);color:var(--ink)}.syllabus-source-subheading{color:var(--ink)}.syllabus-reading .syllabus-save-status{background:#e2f3ee;color:#195d4e;border:1px solid #a6cfc3}
.revision-choice-list{max-height:260px;overflow:auto;border:1px solid var(--line);border-radius:12px;padding:8px;background:var(--surface-soft)}.revision-choice-list>label{display:flex;align-items:start;gap:12px;padding:12px;border-bottom:1px solid var(--line)}.revision-choice-list input{width:20px;height:20px;margin-top:4px;flex-shrink:0;accent-color:#157d6e}.revision-choice-list strong{display:block;font-size:13px;line-height:1.7;color:var(--ink)}.revision-choice-list small{display:block;font-size:11px;line-height:1.6;color:var(--muted)}.revision-first-date{font-weight:700;color:var(--accent);background:var(--surface-soft);border-radius:10px;padding:14px}.revision-success{padding:22px 0;display:grid;gap:18px}.revision-success-mark{display:grid;place-items:center;background:#157d6e;color:#fff;border-radius:50%;width:52px;height:52px;font-size:25px}
/* Dark surfaces override earlier fixed light card fills; animations retain their own colors. */
:root[data-goal-theme=dark] .panel,:root[data-goal-theme=dark] .stat-card,:root[data-goal-theme=dark] .exam-tile,:root[data-goal-theme=dark] .habit-card,:root[data-goal-theme=dark] .topic-card,:root[data-goal-theme=dark] .wall-card{background:var(--paper);color:var(--ink);border-color:var(--line)}
:root[data-goal-theme=dark] .panel h2,:root[data-goal-theme=dark] .panel h3,:root[data-goal-theme=dark] .stat-value,:root[data-goal-theme=dark] .exam-tile h2,:root[data-goal-theme=dark] .habit-card h2,:root[data-goal-theme=dark] .topic-card h2,:root[data-goal-theme=dark] .wall-card h2{color:var(--ink)}
:root[data-goal-theme=dark] .exam-title h3,:root[data-goal-theme=dark] .exam-title,:root[data-goal-theme=dark] .exam-tile-date,:root[data-goal-theme=dark] .exam-tile-window,:root[data-goal-theme=dark] .exam-tile-window strong,:root[data-goal-theme=dark] .exam-tile-stages,:root[data-goal-theme=dark] .priority-choice{color:var(--ink)}
:root[data-goal-theme=dark] .exam-tile-banner,:root[data-goal-theme=dark] .exam-tile-metrics,:root[data-goal-theme=dark] .exam-tile-facts>span,:root[data-goal-theme=dark] .exam-tile-stages>span{background:var(--surface-soft);color:var(--ink);border-color:var(--line)}
:root[data-goal-theme=dark] .exam-tile-metrics b{color:#9fc5ff}:root[data-goal-theme=dark] .exam-tile-metrics>div:nth-child(2) b{color:#96e3cf}:root[data-goal-theme=dark] .exam-tile-metrics>div:nth-child(3) b{color:#d3b9ff}:root[data-goal-theme=dark] .exam-tile-metrics span{color:var(--muted)}:root[data-goal-theme=dark] .exam-logo{background:#2c4264;color:#b5d2ff;border-color:#4e6b94}
:root[data-goal-theme=dark] .panel table td,:root[data-goal-theme=dark] .habit-matrix td{background:var(--paper);color:var(--ink);border-color:var(--line)}:root[data-goal-theme=dark] .panel table th,:root[data-goal-theme=dark] .habit-matrix th{background:#243f60;color:#e7f1ff;border-color:var(--line)}:root[data-goal-theme=dark] .wall-summary td strong,:root[data-goal-theme=dark] .wall-summary td b{color:#d6e7ff}
:root[data-goal-theme=dark] .panel p,:root[data-goal-theme=dark] .form-hint,:root[data-goal-theme=dark] .modal-intro,:root[data-goal-theme=dark] .stat-card small,:root[data-goal-theme=dark] .habit-note,:root[data-goal-theme=dark] .exam-tile small{color:var(--muted)}
:root[data-goal-theme=dark] dialog{background:var(--paper);color:var(--ink);border:1px solid var(--line)}:root[data-goal-theme=dark] input,:root[data-goal-theme=dark] select,:root[data-goal-theme=dark] textarea{background:#152840;color:#edf4ff;border-color:var(--line)}
:root[data-goal-theme=dark] .syllabus-topic-row.complete{background:#163d37;border-color:#488d7e}:root[data-goal-theme=dark] .syllabus-topic-row.complete .syllabus-topic{color:#d0ffec}:root[data-goal-theme=dark] .syllabus-revision-link.linked{background:#244b40;color:#bdffe2;border-color:#589986}
:root[data-goal-theme=dark] .syllabus-protection,:root[data-goal-theme=dark] .syllabus-save-status{background:#203f39!important;color:#dcfff1!important;border-color:#599582}:root[data-goal-theme=dark] .syllabus-protection small{color:#c0dfd4}:root[data-goal-theme=dark] .syllabus-protection.editing{background:#493a20!important;color:#ffe8b5!important;border-color:#b89754}:root[data-goal-theme=dark] .syllabus-protection.editing small{color:#f5dca6}
:root[data-goal-theme=dark] .syllabus-tools input,:root[data-goal-theme=dark] .syllabus-tools select,:root[data-goal-theme=dark] .syllabus-controls select{background:#152840;color:#edf4ff;border-color:var(--line)}:root[data-goal-theme=dark] .syllabus-edit-switch{background:#284b48;color:#d4ffee;border-color:#618d83}:root[data-goal-theme=dark] .syllabus-edit-switch[aria-checked=true]{background:#4a3c23;color:#ffe2a3;border-color:#ad8645}
:root[data-goal-theme=dark] .day{background:#203450;color:#dfeaff;border-color:#405b80}:root[data-goal-theme=dark] .day.weekend{background:#313758;color:#e4d8ff}:root[data-goal-theme=dark] .day.today,:root[data-goal-theme=dark] .day.selected{background:#2f5b98;color:#fff}:root[data-goal-theme=dark] .day.outside{color:#a5b5cf}
:root[data-goal-theme=dark] .pill,:root[data-goal-theme=dark] .syllabus-chip,:root[data-goal-theme=dark] .topic-steps span,:root[data-goal-theme=dark] .plan-admin-card,:root[data-goal-theme=dark] .exam-tile-stat,:root[data-goal-theme=dark] .wall-summary td{background:var(--surface-soft);color:var(--ink);border-color:var(--line)}
:root[data-goal-theme=dark] .learning-hero{background:linear-gradient(120deg,#183651,#215449);border:1px solid #547f7c}:root[data-goal-theme=dark] .learning-hero h2,:root[data-goal-theme=dark] .learning-hero p,:root[data-goal-theme=dark] .learning-hero small{color:#e5fff3}:root[data-goal-theme=dark] .learning-score{background:#122d3e;color:#fff}:root[data-goal-theme=dark] .learning-score b{color:#90ecc9}
:root[data-goal-theme=dark] .agenda-review,:root[data-goal-theme=dark] .agenda-exam,:root[data-goal-theme=dark] .calendar-agenda,:root[data-goal-theme=dark] .habit-week button,:root[data-goal-theme=dark] .habit-month-cell,:root[data-goal-theme=dark] .routine-stat{background:var(--surface-soft);color:var(--ink);border-color:var(--line)}
:root[data-goal-theme=dark] .syllabus-bullet-meta,:root[data-goal-theme=dark] .syllabus-subtopic-label,:root[data-goal-theme=dark] .syllabus-outline-label small{color:var(--muted)}
:root[data-goal-theme=dark] .service-card,:root[data-goal-theme=dark] .post-directory-row,:root[data-goal-theme=dark] .salary-cards>section,:root[data-goal-theme=dark] .service-metrics>div,:root[data-goal-theme=dark] .catalogue-note,:root[data-goal-theme=dark] .vacancy-overview,:root[data-goal-theme=dark] .benefit-grid article{background:var(--surface-soft);border-color:var(--line);color:var(--ink)}
:root[data-goal-theme=dark] .service-card h3,:root[data-goal-theme=dark] .service-card-stats b,:root[data-goal-theme=dark] .service-metrics strong,:root[data-goal-theme=dark] .salary-cards strong,:root[data-goal-theme=dark] .salary-cards dd,:root[data-goal-theme=dark] .salary-meta b,:root[data-goal-theme=dark] .service-intro h3,:root[data-goal-theme=dark] .selected-service h3{color:var(--ink)}
:root[data-goal-theme=dark] .service-card p,:root[data-goal-theme=dark] .service-card small,:root[data-goal-theme=dark] .service-intro p,:root[data-goal-theme=dark] .salary-cards p,:root[data-goal-theme=dark] .salary-cards small,:root[data-goal-theme=dark] .salary-cards dt,:root[data-goal-theme=dark] .service-metrics span,:root[data-goal-theme=dark] .service-metrics small{color:var(--muted)}
@media(max-width:1100px){.syllabus-charts{grid-template-columns:repeat(2,minmax(0,1fr))}.syllabus-hero .syllabus-score{min-width:210px}.coverage-pie{width:156px;height:156px}}
@media(max-width:700px){.top-actions{gap:8px}.top-actions>.clock{display:none}.theme-toggle{padding:6px 9px;font-size:11px;min-height:36px}.syllabus-summary-grid{grid-template-columns:1fr;gap:10px;margin:18px 0}.syllabus-summary-stat{padding:17px}.syllabus-summary-stat>strong{font-size:27px}.syllabus-charts{grid-template-columns:1fr;padding:14px;gap:12px}.syllabus-chart-board>summary{padding:17px}.syllabus-chart-board>summary strong{font-size:15px}.syllabus-chart-board>summary small{font-size:11px}.syllabus-chart-board>summary>span:last-child{font-size:10px}.syllabus-subject-chart{padding:13px}.syllabus-chart-choice strong{font-size:13px}.coverage-pie{width:168px;height:168px}#syllabus-workspace .syllabus-hero{padding-bottom:58px}.syllabus-topic-row .syllabus-topic{flex-basis:100%;min-width:0}.syllabus-topic-row .syllabus-revision-link{margin-left:31px}.share-main-actions .btn{width:100%;justify-content:center}.share-main-actions{width:100%;display:flex}.syllabus-hero .syllabus-score{margin-top:20px;min-width:0}.syllabus-summary-grid .tile-capture-button{margin-top:0}.tile-capture-button{min-height:38px}}
@media(prefers-reduced-motion:reduce){.btn,.icon-button,.pie-value{transition:none}.btn:hover,.icon-button:hover{transform:none}}

.membership-status{text-align:center;padding:14px 12px 20px;background:var(--surface-soft);border:1px solid var(--line);border-radius:16px;margin:18px 0}.membership-status h3{font-size:21px;line-height:1.4;margin:12px 0;color:var(--ink)}.membership-status p{font-size:14px;line-height:1.8;color:var(--muted);margin:10px 0}.membership-status strong{color:var(--ink)}.membership-check{display:grid;place-items:center;width:64px;height:64px;margin:auto;border-radius:50%;background:#13796b;color:#fff;box-shadow:0 5px 0 #085749}.membership-check .icon{width:32px;height:32px}.membership-active-button{border-color:#339c88;color:var(--ink)}.plan-options{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr))}.plan-option{min-width:0}.plan-option span{min-width:0;overflow-wrap:anywhere}.plan-option strong{line-height:1.6}.plan-option strong small{display:block}.settings-grid .heading-actions{flex-wrap:wrap}.settings-grid .heading-actions .btn{min-height:44px}
@media(max-width:700px){.settings-grid{grid-template-columns:minmax(0,1fr)}.settings-grid>.panel,.settings-grid>.column{min-width:0}.settings-grid .form-grid{grid-template-columns:minmax(0,1fr)}.settings-grid .heading-actions .btn{flex:1 1 150px;justify-content:center}.membership-status{padding:18px 12px}.membership-status h3{font-size:19px}.membership-status+.form-actions .btn{width:100%;justify-content:center}#pay-form .form-actions .btn{width:100%;white-space:normal;line-height:1.5;justify-content:center}}