.learning-clock{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:12px max(20px,calc((100vw - 1160px)/2));background:#e9f4f0;border-bottom:1px solid #ccded5;color:#22493f}.learning-clock>div{display:flex;gap:14px;align-items:center}.learning-clock strong{font-size:24px;font-variant-numeric:tabular-nums;white-space:nowrap}.learning-clock span{font-size:12px;max-width:570px}.learning-clock button{margin:0;white-space:nowrap}.parent .work-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.parent .surface,.student .surface,.guest .surface{background:#fff;border:1px solid var(--line,#dce4de);padding:24px;border-radius:12px;margin:18px 0}.parent h1{font-size:30px}.parent h2{font-size:22px}.parent h3{font-size:17px}.family-subjects{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px}.family-subject{padding:16px 0;border-top:1px solid var(--line,#e1e6df)}.family-topic-group{padding:15px 0;border-bottom:1px solid #e5e9e6}.family-topic-group .check-label{padding:8px 0}.surface-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.weekly-row{display:flex;gap:24px;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid #e3e8e5}.weekly-row:last-child{border-bottom:0}.weekly-row h2{font-size:18px}.weekly-row>a{flex:none}.geometry-diagram{display:block;width:min(100%,280px);height:auto;margin:auto;color:#227b6c}.geometry-diagram path,.geometry-diagram circle,.geometry-diagram rect{fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.geometry-diagram text{fill:currentColor;font:14px system-ui,sans-serif}.geometry-diagram .helper{stroke-dasharray:5 5}.task-figure{margin:20px 0;background:#f5f9f6;border-radius:12px;padding:12px}.task-figure figcaption{font-size:11px;color:#60756b;text-align:center}.remaining-skills{margin-top:10px}.remaining-skills>summary{padding:14px;font-size:13px;cursor:pointer}.family-child .reset{margin-top:18px}.family-topic-group [hidden]{display:none!important}.enrollment-list{max-height:360px;overflow:auto}.parent .work-dialog{padding:24px;border:1px solid #dae3dd;border-radius:16px;max-width:560px;width:calc(100% - 32px)}
@media(max-width:700px){.learning-clock{padding:10px 16px;gap:8px;flex-wrap:wrap}.learning-clock>div{gap:10px;flex:1}.learning-clock strong{font-size:21px}.learning-clock span{font-size:11px}.learning-clock button{font-size:11px;padding:8px;max-width:100%;white-space:normal}.parent .work-header{align-items:flex-start;flex-direction:column;gap:10px}.parent h1{font-size:27px}.parent .surface,.student .surface{padding:18px}.family-subjects{grid-template-columns:1fr;gap:10px}.weekly-row{align-items:flex-start;flex-direction:column;gap:8px}.surface-heading{flex-wrap:wrap}.parent .form-grid{grid-template-columns:1fr}.geometry-diagram{max-height:190px}.inline-actions{flex-wrap:wrap}.parent .brand-word small{display:none}}

.student main>.lesson-title{font-size:28px;line-height:1.2;margin:8px 0}.student .lesson-track{margin:8px 0 18px}.student .lesson-progress{padding:16px 20px;margin:16px 0}.student .lesson-progress progress{margin:8px 0 0}.student .lesson-progress p{margin:6px 0 0;font-size:11px}.student .achievement-row[hidden],.student p[hidden]{display:none!important}

/* Accounts, progress and data controls */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.day-grid{list-style:none;margin:.5rem 0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,2.6rem));gap:.35rem}
.day-grid li{aspect-ratio:1;border-radius:.6rem;display:flex;align-items:center;justify-content:center;font-size:.8rem;border:1px solid var(--line,#e0e9e2);background:var(--paper,#fff);color:var(--muted,#63756b)}
.day-grid li.part{background:var(--green-soft,#eaf5ef);color:var(--ink,#243e3a)}
.day-grid li.done{background:var(--green,#187869);border-color:var(--green,#187869);color:#fff;font-weight:700}
.day-grid li.today{outline:2px solid var(--purple,#7967a4);outline-offset:1px}
.family-week{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin:.5rem 0 1rem}
.student-week{margin:0 0 1.25rem}
.progress-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.75rem;margin:0 0 1.25rem}
.progress-stats .stat{background:var(--paper,#fff);border:1px solid var(--line,#e0e9e2);border-radius:1rem;padding:1rem}
.progress-stats strong{display:block;font-size:2rem;color:var(--green,#187869);line-height:1.1}
.progress-stats span{color:var(--muted,#63756b);font-size:.9rem}
.meter{height:.6rem;border-radius:1rem;background:var(--green-soft,#eaf5ef);overflow:hidden;margin:.4rem 0}
.meter span{display:block;height:100%;background:var(--green,#187869)}
.code-card{max-width:40rem}
.big-code code{display:inline-block;font-size:clamp(1.2rem,5vw,1.8rem);letter-spacing:.08em;padding:.6rem 1rem;border-radius:.8rem;background:var(--green-soft,#eaf5ef);color:var(--ink,#243e3a);word-break:break-all}
.account-section{max-width:40rem}
.account-section form,.family-child form{display:grid;gap:.6rem}
.danger-zone{border-color:#e7c9c4}
button.danger{background:#a5432f;border-color:#a5432f;color:#fff}
.prose{max-width:46rem}.prose ul,.plain-list{padding-left:1.2rem}.prose li,.plain-list li{margin:.35rem 0}
.format-hint{display:block;margin-top:6px;font-size:13px;color:#9a5b22}.format-hint[hidden]{display:none}input[aria-invalid]{border-color:#e0b07c!important}
.onboarding ol{padding-left:1.2rem;margin:.6rem 0}.onboarding li{margin:.5rem 0;line-height:1.5}.onboarding{border-color:#cfe6dc;background:#f6fbf8}

/* подписки и вопросы педагогу */
.nav-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#e2564b;color:#fff;font-size:12px;font-weight:700;margin-left:4px}
.tariffs-hero{max-width:760px;margin:8px 0 22px}.tariff-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-bottom:22px}
.tariff{position:relative;display:flex;flex-direction:column;gap:6px;padding:24px;border-radius:20px;background:var(--surface,#fff);border:1px solid rgba(24,120,105,.18);box-shadow:0 10px 30px rgba(20,60,55,.08)}
.tariff.featured{border:2px solid #187869;box-shadow:0 14px 40px rgba(24,120,105,.18)}.tariff h2{margin:0}.tariff ul{margin:10px 0 16px;padding-left:20px;flex:1}.tariff li{margin:6px 0}
.tariff-price{margin:4px 0 0;font-size:15px}.tariff-price strong{font-size:34px;color:#187869}.tariff-flag{position:absolute;top:-12px;right:18px;padding:4px 12px;border-radius:12px;background:#187869;color:#fff;font-size:13px;font-weight:700}
.tariff .button{align-self:flex-start}.tariff-notes li{margin:6px 0}
.sub-children{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-bottom:14px}.sub-none{border-left:4px solid #e2564b}.sub-trial{border-left:4px solid #e0a43a}.sub-paid{border-left:4px solid #187869}
.sub-forms{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;margin-bottom:14px;align-items:start}.sub-forms form{display:grid;gap:10px}
.sub-plans{border:0;padding:0;margin:0;display:grid;gap:8px}.sub-plan{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;border:1px solid rgba(24,120,105,.25);cursor:pointer}.sub-plan span{display:grid}.sub-plan small{color:#5d6b68}
.sub-banner a{font-weight:700}.ask-teacher{display:inline-block;margin:8px 12px 0 0;font-weight:700}
.question-item .teacher-answer{margin-top:8px;padding:12px 14px;border-radius:12px;background:rgba(24,120,105,.08);border-left:4px solid #187869}.question-item.fresh{box-shadow:0 0 0 2px #e0a43a}.question-item form{display:grid;gap:8px;margin-top:10px}
.compact-table small{display:block;color:#5d6b68;font-size:12px}.row-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.row-actions form{margin:0}.req-cancelled,.req-done{opacity:.6}
.issued-code{border:2px solid #187869}.issued-code .big-code code{font-size:26px;letter-spacing:2px}
.table-scroll{overflow-x:auto}
.sub-plan input{flex:none;width:20px;height:20px;margin:0}.sub-plan span{flex:1;min-width:0}
.seller-card{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;margin:10px 0;padding:14px 16px;border-radius:12px;background:rgba(24,120,105,.06)}.seller-card dt{color:#5d6b68}.seller-card dd{margin:0;font-weight:600}
.offer h2{margin-top:22px;font-size:20px}.offer p{margin:8px 0}
.video-group{margin:18px 0}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.video-card{display:grid;gap:6px;padding:14px;border-radius:16px;background:var(--surface,#fff);border:1px solid rgba(24,120,105,.18);color:inherit;text-decoration:none}.video-card small{color:#5d6b68}.video-card.locked{opacity:.75}
.video-thumb{display:grid;place-items:center;aspect-ratio:16/9;border-radius:12px;background:linear-gradient(135deg,#187869,#2b9b86);color:#fff;font-size:34px}
.video-frame{margin:12px 0;border-radius:16px;overflow:hidden;background:#0f1d1b}.video-frame video{display:block;width:100%;max-height:72vh}
.video-frame.locked{display:grid;place-items:center;gap:8px;aspect-ratio:16/9;color:#fff;text-align:center;padding:20px}.video-frame.locked span{font-size:44px}
.video-edit select[multiple]{min-height:180px}.tutor-form{display:grid;gap:10px;max-width:640px}.tutor-offer{border-left:4px solid #e0a43a}