:root{color-scheme:dark;--bg:#0f1723;--panel:#1b2737;--border:#2b3c51;--text:#e7eff9;--muted:#8ca3bf;--blue:#79abef}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.7 'Segoe UI',Tahoma,Arial,sans-serif}button,input,select{font:inherit}button,a,input,summary{touch-action:manipulation}[hidden]{display:none!important}a{color:inherit}button{cursor:pointer;border:1px solid #3b536f;border-radius:7px;background:#253b56;color:#d6e6fa;padding:8px 12px}button:hover{background:#334e6f}button:disabled{opacity:.5}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--blue);outline-offset:3px}main{max-width:1100px;margin:auto;padding:34px 26px 50px}header{position:relative;text-align:center;padding:36px 130px 25px;border-bottom:1px solid var(--border)}h1{font-size:29px;font-weight:600;line-height:1.4;margin:6px 0}h2,h3{margin:0}.plan-label{font-size:11px;color:var(--muted)}.mid-label{display:inline-block;font-size:20px;color:var(--blue);font-weight:500;margin-right:7px}.site-purpose{font-size:12px;line-height:1.9;color:var(--muted);max-width:540px;margin:12px auto 0}.top-date{position:absolute;right:0;top:0;font-size:11px;color:var(--muted)}.new-course-button{position:absolute;left:0;top:29px;background:#244775;border-color:#3d6597;font-size:12px}
.progress-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;width:100%;max-width:760px;margin:25px auto 30px}.progress-tile{border:1px solid #304158;border-radius:13px;background:linear-gradient(135deg,#20334a,#1c293a);padding:15px 17px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}.progress-tile:nth-child(2){background:linear-gradient(135deg,#202e42,#2b3048)}.progress-tile:nth-child(3){background:linear-gradient(135deg,#253046,#323049)}.progress-tile>span{font-size:15px;font-weight:600;color:#b7cbe3}.progress-tile strong{display:flex;direction:ltr;justify-content:center;align-items:baseline;gap:3px;font:600 33px/1.3 'Segoe UI',Arial,sans-serif;letter-spacing:-.8px;color:#e4efff}.progress-tile strong small{font-size:15px;font-weight:400;color:#89a5c7}.bar{height:5px;border-radius:10px;overflow:hidden;background:#2d3e55;margin:8px 0 0}.bar span{display:block;height:100%;background:#7aaaf0;border-radius:inherit}.progress-tile .bar{height:3px;width:85%;margin-top:7px}.progress-tile:nth-child(2) .bar span{background:#9aabdf}.progress-tile:nth-child(3) .bar span{background:#ae9fd4}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;max-width:940px;margin:0 auto}.card{background:var(--panel);border:1px solid var(--border);border-radius:15px;padding:19px 22px;min-width:0}.card:nth-child(2){background:linear-gradient(135deg,#1b2939,#222c40)}.card:nth-child(3){background:linear-gradient(135deg,#1c2939,#2b2c42)}.card>.row:first-child{position:relative;text-align:center;padding:22px 0 12px;margin-bottom:15px;border-bottom:1px solid #ffffff0c}.card h2{font-size:21px;line-height:1.4;font-weight:650;color:#edf4ff}.course-name-link{text-decoration:none;font:inherit}.course-name-link:hover{color:var(--blue)}.badge{position:absolute;top:0;left:0;color:#8fa9c7;font-size:10px;white-space:nowrap}.sub{color:var(--muted);font-size:11px}.countdown{font-size:27px;font-weight:600;line-height:1.4;color:#c2d9fc;margin:3px 0 5px}.numbers{display:flex;justify-content:space-between;font-size:11px;color:#91a8c3;margin-top:19px}.numbers b{font-weight:500;color:#dbe9fc}.pace{display:flex;align-items:center;gap:5px;direction:rtl;padding:7px 0;margin:10px 0 12px;color:#a3bbd6;font-size:12px}.pace-label{margin-left:6px;color:#8fa9c7}.pace-number{font:600 13px/1.5 'Segoe UI',Arial,sans-serif;color:#c8ddf8}.pace-unit{font-size:12px}.pace b{font-weight:500}details summary{cursor:pointer;list-style-position:inside;font-size:12px}details[data-course]>summary{background:#162334;border:1px solid #31465f;border-radius:7px;padding:9px 11px;color:#abc5e4}details[data-course]>summary:hover{background:#20364f}details[data-course][open]>summary{margin-bottom:12px;background:#243c5a;border-color:#43658d}.chapter-list{max-height:420px;overflow:auto;scrollbar-width:thin;scrollbar-color:#405d80 transparent;padding:0 2px}.chapter{padding:12px;border:1px solid #2d435e;background:#14223580;border-radius:8px;margin:9px 0 12px}.chapter:last-child{margin-bottom:0}.chapter-title{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:9px}.chapter-title b{font-size:11px;font-weight:500;color:#b7cce6}.chapter-title>span{direction:ltr;white-space:nowrap;font-size:10px;color:#7f9cbf}.chapter-label{font-size:10px;color:#7f9cbf;margin:8px 0 6px}.clips{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.clip{display:flex;align-items:center;justify-content:center;gap:5px;padding:8px 3px;border:1px solid #304966;border-radius:6px;background:#1c3049;color:#b4cbe5;font-size:12px;cursor:pointer;min-height:35px}.clip:hover{border-color:#648db8}.clip:has(input:checked){background:#315887;border-color:#608abd;color:#edf5ff}input[type=checkbox]{accent-color:#7eaef2;width:14px;height:14px;margin:0}.extra-exams{max-width:940px;margin:25px auto 0}.extra-exams>summary{color:#8fa9c7;padding:12px 0;border-top:1px solid var(--border)}#other .row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 0!important;border-color:#26384f!important;font-size:12px;color:#96afcd}#other .sub{font-size:10px}.note{font-size:11px;color:#819fbb;margin:23px auto 0;max-width:940px}.tools{display:flex;gap:8px;max-width:940px;margin:10px auto 0}.tools button{font-size:10px;background:transparent;border-color:#2c4059;color:#809cb9;padding:5px 10px}#message{font-size:12px;color:#a2bfdf;max-width:940px;margin:10px auto}#message:empty{margin:0}.card>p,.card>label{font-size:12px;color:#a2b8cf}.card>label{margin:7px 0}
dialog{width:min(530px,calc(100% - 28px));max-height:90dvh;overflow:auto;background:#1b293c;color:var(--text);border:1px solid #39516c;border-radius:15px;padding:23px}dialog::backdrop{background:#020b18c9}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.dialog-head h2{font-size:20px}.dialog-head button{background:transparent;border:0;font-size:23px;padding:0 7px}.manage-course{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 1px;border-bottom:1px solid #ffffff0b;font-size:13px}.manage-actions{display:flex;gap:6px}.manage-actions button{font-size:11px;padding:5px 10px}.manage-actions [data-delete-course]{color:#e1aeb6;background:#45303d;border-color:#694653}.manage-actions .edit-course{background:#243e5c;color:#bad4f2;border-color:#3e5d7f}.green-add{width:100%;margin-top:17px;background:#28644f;border-color:#448571;color:#d9f4e8;font-weight:600}.green-add:hover{background:#337c61}#deleteMessage,#courseError{font-size:12px;margin:10px 0;color:#e4b5bd}#courseForm>label,.field-pair label{display:block;color:#b1c8e2;font-size:12px;margin:12px 0}#courseForm input:not([type=checkbox]),#courseForm select{display:block;width:100%;min-width:0;border:1px solid #395574;border-radius:7px;background:#132339;color:#e1efff;margin-top:6px;padding:9px;font:inherit}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.split-check{display:flex!important;align-items:center;gap:7px}.back-course-list{border:0;background:transparent;color:#8faecc;font-size:12px;padding:0 0 8px}.primary{background:#2d5687;color:#edf5ff;border-color:#4a72a1;font-weight:600}#saveCourse{width:100%;margin-top:9px}.append-lessons{background:#16283e;border:1px solid #324b67;border-radius:8px;padding:11px;margin:13px 0}.append-lessons>label{font-size:11px;color:#99b5d4}.append-lessons>div{display:flex;align-items:center;gap:8px}.append-lessons button{font-size:11px;white-space:nowrap;background:#244d47;border-color:#3c6c60;color:#bddbd1}#courseForm .append-lessons input{width:80px;margin-top:0}.group-hint{font-size:10px;color:#809fbe;display:block;margin-top:9px}.group-row{display:grid;grid-template-columns:25px minmax(0,1fr) 60px auto;gap:5px;align-items:center;margin:8px 0}#courseForm .group-row input{margin:0}.group-tools{display:flex;gap:2px}.group-tools button,.group-handle{background:transparent;padding:4px 5px;border:1px solid #39516d;color:#a0bad6;font-size:13px}.group-handle{cursor:grab;touch-action:none}.group-row.dragging{opacity:.5;outline:1px dashed #648fbc}input[readonly]{opacity:.7}
@media(max-width:720px){main{padding:21px 15px 35px}header{padding:28px 0 20px}h1{font-size:25px}.mid-label{font-size:18px}.top-date{font-size:10px}.new-course-button{position:static;margin-top:14px}.site-purpose{font-size:11px;max-width:400px}.progress-overview{gap:9px;margin:20px auto 24px}.progress-tile{padding:13px 9px}.progress-tile>span{font-size:13px}.progress-tile strong{font-size:29px}.progress-tile strong small{font-size:13px}.grid{grid-template-columns:1fr;gap:14px}.card{padding:17px 19px}.card h2{font-size:21px}.countdown{font-size:26px}.field-pair{gap:9px}dialog{padding:19px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

[hidden]{display:none!important}.welcome{text-align:center;max-width:660px;margin:70px auto 100px;padding:32px 20px}.welcome-icon{font-size:40px;color:#82b4ff;margin-bottom:18px}.welcome h2{font-size:30px;margin:0 0 14px}.welcome p{color:#a8b7cc;line-height:1.9;margin-bottom:28px}.welcome .primary{font-size:19px;padding:17px 40px;border-radius:15px;background:#3479dc;border:1px solid #6399eb;box-shadow:0 8px 30px #0b326744}.welcome small{display:block;color:#8c9bb0;margin-top:22px;line-height:1.8}#syncStatus a{color:#8bbcff}@media(max-width:600px){.welcome{margin:35px auto 60px}.welcome h2{font-size:25px}}