theme.css - master - Alex_Sav/ustny-schet

theme.css
150 строк66 KB
Codex
Версия 60: синхронизация выпусков 45–60
12 авг 2026, 13:54
12 авг 2026, 13:5493e37b2
:root{--ink:#123b5d;--paper:#f2f8fb;--cream:#dfeef5;--coral:#2f85c7;--lime:#72d6a2;--line:#c7dce7;--muted:#5d7484;--white:#fbfeff}
body{background:linear-gradient(180deg,#f6fbfd 0,#eef7fa 100%)}
.topbar{background:rgba(246,251,253,.94)}
[hidden]{display:none!important}.profile-tools{display:flex;align-items:center;gap:10px}.teacher-profile{white-space:nowrap}.teacher-profile strong{font-size:14px}.add-student{border:1px solid #a9d6ea;background:#e6f5ff;color:#075985;border-radius:11px;padding:9px 12px;font-weight:800;cursor:pointer}.add-student:hover{background:#d7effc}
.logout-button{border:0;background:transparent;color:#5d7484;font-weight:700;cursor:pointer}.login-screen{position:fixed;inset:0;z-index:100;background:#f5fafc;overflow-y:auto;scroll-behavior:smooth}.login-screen.closed{display:none}.landing-shell{min-height:100%;color:#123b5d}.landing-topbar{height:78px;max-width:1240px;margin:auto;padding:0 30px;display:flex;align-items:center;justify-content:space-between}.landing-login-link{color:#123b5d;font-size:13px;font-weight:800;text-decoration:none;border-bottom:1px solid #9fc4d6;padding-bottom:3px}.landing-hero{min-height:620px;padding:62px max(30px,calc((100vw - 1180px)/2)) 80px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);align-items:center;gap:70px;background:linear-gradient(115deg,#f5fafc 0%,#e5f4fb 62%,#ddf5e9 100%);border-top:1px solid #d8e9f1;border-bottom:1px solid #cfe4ee}.landing-copy{max-width:720px}.landing-kicker{display:block;color:#16865a;font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.landing-copy h1{margin:18px 0 24px;font:800 clamp(42px,4.6vw,66px)/.9 Manrope;letter-spacing:-.055em;color:#123b5d}.landing-copy h1 em{font-family:'PT Serif',serif;color:#2f85c7}.landing-copy>p{max-width:670px;color:#536f80;font-size:17px;line-height:1.75}.landing-actions{display:flex;align-items:center;gap:14px;margin-top:30px;flex-wrap:wrap}.landing-primary,.landing-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 20px;border-radius:13px;font-size:13px;font-weight:800;text-decoration:none}.landing-primary{background:#16865a;color:#fff;box-shadow:0 12px 28px rgba(22,134,90,.2)}.landing-secondary{border:1px solid #9fc4d6;color:#123b5d;background:rgba(255,255,255,.55)}.landing-benefits{display:flex;gap:30px;margin:38px 0 0;padding:0;list-style:none}.landing-benefits li{display:flex;align-items:center;gap:10px}.landing-benefits b{font:700 28px 'PT Serif';color:#2f85c7}.landing-benefits span{color:#66808f;font-size:10px;font-weight:700;line-height:1.35;text-transform:uppercase;letter-spacing:.04em}.login-card{width:100%;background:#fff;border-radius:28px;padding:36px;box-shadow:0 28px 90px rgba(18,59,93,.16);scroll-margin-top:30px}.login-card h2{font:800 31px/1.12 Manrope;margin:10px 0 10px;letter-spacing:-.035em}.login-card>p{color:#69808e;font-size:13px;line-height:1.55;margin:0 0 22px}.login-tabs{display:grid;grid-template-columns:1fr 1fr;background:#e7f4fb;border-radius:13px;padding:4px;margin-bottom:20px}.login-tabs button{border:0;background:transparent;padding:10px;border-radius:10px;font-weight:800;color:#5d7484;cursor:pointer}.login-tabs button.active{background:#123b5d;color:#fff}.login-card form{display:grid;gap:14px}.login-card label{display:grid;gap:7px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.login-card input,.login-card select{width:100%;border:1px solid #c7dce7;border-radius:12px;padding:13px;font:600 16px Manrope;background:#fff}.login-card form>button{border:0;border-radius:13px;background:#16865a;color:#fff;padding:14px;font-weight:800;cursor:pointer}.login-error{min-height:20px;color:#b43838;font-size:13px}.login-help{display:block;text-align:center;color:#2b688e;font-size:11px;font-weight:700;text-decoration:none}.tutor-section{max-width:1180px;margin:auto;padding:92px 30px}.tutor-intro{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:28px;max-width:850px}.tutor-monogram{display:grid;place-items:center;width:120px;height:120px;border-radius:34px;background:linear-gradient(135deg,#123b5d,#2f85c7);color:#fff;font:700 36px 'PT Serif';box-shadow:0 16px 36px rgba(18,59,93,.18)}.tutor-intro h2,.tutor-cta h2{margin:8px 0 14px;font:800 clamp(31px,4vw,48px)/1.08 Manrope;letter-spacing:-.045em}.tutor-intro p,.tutor-cta p{margin:0;color:#5d7484;font-size:16px;line-height:1.7}.tutor-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:22px;margin-top:46px}.tutor-approach,.tutor-reputation{border:1px solid #d2e4ed;border-radius:24px;padding:30px;background:#fff}.tutor-approach h3{margin:0 0 20px;font:800 23px Manrope}.tutor-approach ul{margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:18px;list-style:none}.tutor-approach li{position:relative;padding-left:24px;color:#526e7e;font-size:13px;line-height:1.55}.tutor-approach li:before{content:'✓';position:absolute;left:0;top:0;color:#16865a;font-weight:900}.tutor-reputation{background:#123b5d;color:#fff;border-color:#123b5d}.profi-mark{display:inline-block;padding:6px 9px;border-radius:7px;background:#7b3ff2;color:#fff;font-size:11px;font-weight:900;letter-spacing:.04em}.rating-line{display:flex;align-items:end;gap:12px;margin:22px 0 18px}.rating-line strong{font:700 52px/1 'PT Serif';color:#72d6a2}.rating-line span{max-width:100px;color:#b7cbd7;font-size:11px;line-height:1.35}.reputation-tags{display:flex;gap:7px;flex-wrap:wrap}.reputation-tags span{border:1px solid #3f6682;border-radius:999px;padding:7px 9px;color:#d8e8f0;font-size:10px;font-weight:700}.tutor-reputation p{color:#b7cbd7;font-size:12px;line-height:1.55}.tutor-reputation>a{color:#72d6a2;font-size:12px;font-weight:800;text-decoration:none}.tutor-cta{display:flex;align-items:center;justify-content:space-between;gap:50px;margin-top:28px;padding:34px 38px;border-radius:24px;background:#e8f7ef}.tutor-cta>div{max-width:760px}.tutor-cta h2{font-size:32px}.tutor-cta a{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border-radius:13px;background:#16865a;color:#fff;font-size:13px;font-weight:800;text-decoration:none}.landing-footer{max-width:1180px;margin:auto;padding:26px 30px 32px;border-top:1px solid #d7e5eb;display:flex;justify-content:space-between;color:#718493;font-size:11px;font-weight:700}.landing-footer a{color:#2b688e;text-decoration:none}
@media(max-width:900px){.landing-hero{grid-template-columns:1fr;gap:45px;padding-top:50px}.login-card{max-width:560px}.tutor-grid{grid-template-columns:1fr}.tutor-cta{align-items:flex-start;flex-direction:column;gap:24px}}
@media(max-width:650px){.landing-topbar{height:66px;padding:0 18px}.landing-login-link{font-size:11px}.landing-hero{padding:42px 18px 56px}.landing-copy h1{font-size:40px}.landing-copy>p{font-size:15px}.landing-benefits{gap:14px;justify-content:space-between}.landing-benefits li{display:block}.landing-benefits span{display:block;margin-top:5px}.login-card{padding:27px 22px}.tutor-section{padding:64px 18px}.tutor-intro{grid-template-columns:72px 1fr;align-items:start;gap:18px}.tutor-monogram{width:72px;height:72px;border-radius:22px;font-size:24px}.tutor-intro h2{font-size:30px}.tutor-intro p{grid-column:1/3}.tutor-approach,.tutor-reputation{padding:24px 20px}.tutor-approach ul{grid-template-columns:1fr}.tutor-cta{padding:28px 22px}.tutor-cta h2{font-size:28px}.tutor-cta a{width:100%}.landing-footer{padding:24px 18px;gap:15px;flex-direction:column}}
.difficulty-picker{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:24px 0;padding:20px 24px;border:1px solid #cfe3ee;border-radius:20px;background:#fff}.difficulty-picker h2{margin:4px 0}.difficulty-picker p{margin:4px 0 0;color:#5d7484}.difficulty-buttons{display:flex;padding:4px;border-radius:14px;background:#e7f4fb}.difficulty-buttons button{border:0;background:transparent;color:#567083;border-radius:11px;padding:11px 15px;font-weight:800;cursor:pointer}.difficulty-buttons button.active{background:#16865a;color:#fff;box-shadow:0 3px 10px #147a4b30}
.brand i{background:#63ce9a}.avatar{background:#8dddb2}.nav-link.active{border-color:#2f85c7}.hero h1 em{color:#2f85c7}.eyebrow>span{background:#63ce9a}.streak>b{color:#2f85c7}.training-card{background:linear-gradient(135deg,#123b5d,#17618a)}.start-button{background:#72d6a2}.start-button:hover{background:#91e3b8}.mode-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.mode-card.coral{background:#77bde8;border-color:#77bde8}.mode-card.dark{background:#123b5d}.mode-card.story-card{background:#d8f1e5;border-color:#a9ddc3}.mode-card.homework-card{background:#eef1ff;border-color:#c8d1f2}.personal-stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:rgba(255,255,255,.28)}.personal-stats article{padding:22px;border-right:1px solid var(--line)}.personal-stats article:last-child{border:0}.personal-stats span,.personal-stats small{display:block;font-size:10px;color:var(--muted)}.personal-stats strong{display:block;font:700 32px 'PT Serif';margin:8px 0}.profile select{border:0;background:transparent;color:var(--ink);font:600 14px Manrope;cursor:pointer}.problem.story{font:700 clamp(21px,4vw,30px)/1.42 'PT Serif';max-width:590px;margin:40px auto 48px;text-align:left}.problem.story:before{content:'Реши задачу';display:block;font:800 10px Manrope;text-transform:uppercase;letter-spacing:.16em;color:#2f85c7;margin-bottom:14px}.bar i{background:#2f85c7}.rank{color:#2f85c7}.results .score{color:#2f85c7}.results button{background:#72d6a2}
@media(max-width:900px){.mode-grid,.personal-stats{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.profile select{width:75px}.mode-grid{grid-template-columns:1fr}.add-student{font-size:0;padding:9px}.add-student:after{content:'+';font-size:18px}}
.feedback b,.feedback small{display:block}.feedback small{margin-top:5px;font-size:13px}.final-grade{display:inline-grid;grid-template-columns:auto auto;align-items:center;gap:2px 12px;margin:0 auto 12px;padding:10px 18px;border-radius:15px;background:#e6f5ff;color:#123b5d}.final-grade span{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.final-grade strong{grid-row:1/3;grid-column:2;font:800 42px 'PT Serif';color:#16865a}.final-grade small{font-size:12px;color:#5d7484}
.continue-button{display:block;margin:16px auto 0;border:0;border-radius:13px;background:#123b5d;color:#fff;padding:12px 20px;font:800 14px Manrope;cursor:pointer}.continue-button:hover{background:#17618a}.continue-button.hidden{display:none}.answer-row input:disabled,.answer-row button:disabled{opacity:.55;cursor:not-allowed}
.answer-hint{display:block;margin-top:8px;color:#5d7484;font-size:12px}.answer-row input::placeholder{color:#9aacb7;font:500 14px Manrope}
@media(max-width:760px){.difficulty-picker{align-items:stretch;flex-direction:column}.difficulty-buttons{display:grid;grid-template-columns:1fr}.difficulty-buttons button{width:100%}}

/* Более взрослый визуальный стиль для учеников 7 класса */
main{max-width:1280px}.hero{max-width:none;min-height:480px;padding:62px 52% 54px 52px;border-radius:30px;overflow:hidden;background:#eef5f9 url('assets/mental-math-hero.png') center/cover no-repeat;box-shadow:0 24px 70px rgba(18,59,93,.12)}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(249,252,253,.98) 0%,rgba(249,252,253,.9) 33%,rgba(249,252,253,.12) 61%,transparent 100%);z-index:0}.hero>*{position:relative;z-index:1}.hero h1{font-family:Manrope,Arial,sans-serif;font-weight:800;font-size:clamp(46px,5vw,72px);line-height:.98;letter-spacing:-.055em}.hero h1 em{font-family:'PT Serif',serif;font-weight:700}.hero>p{font-size:15px;max-width:520px}.streak{position:relative;right:auto;top:auto;width:auto;border:0;padding:18px 0 0}.streak-days{left:88px;top:29px}.training-card{border-radius:26px;box-shadow:0 18px 45px rgba(18,59,93,.16)}.mode-card{border-radius:20px;overflow:hidden;transition:transform .2s,box-shadow .2s}.mode-card:hover{box-shadow:0 16px 32px rgba(18,59,93,.12)}.mode-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:rgba(47,133,199,.12);font-family:Manrope}.mode-card.coral .mode-icon,.mode-card.dark .mode-icon{background:rgba(255,255,255,.18)}.section-heading h2,.panel h2,.route-head h2{font-family:Manrope,Arial,sans-serif;font-weight:800;letter-spacing:-.035em}.panel,.summary-grid{border-radius:22px;overflow:hidden}.practice-shell{border-radius:26px;box-shadow:0 28px 90px rgba(4,26,43,.28)}
@media(max-width:900px){.hero{padding-right:38%;background-position:56% center}.hero:after{background:linear-gradient(90deg,rgba(249,252,253,.98) 0%,rgba(249,252,253,.88) 50%,rgba(249,252,253,.18) 78%)}}
@media(max-width:650px){.hero{min-height:520px;padding:34px 24px 230px;background-position:70% bottom}.hero:after{background:linear-gradient(180deg,rgba(249,252,253,.98) 0%,rgba(249,252,253,.9) 52%,rgba(249,252,253,.08) 100%)}.hero h1{font-size:44px}.streak-days{position:static;margin:10px 0 0}.streak{display:block}.training-card{border-radius:20px}}
.site-footer{max-width:1280px;margin:0 auto;padding:0 32px 28px;display:flex;justify-content:space-between;color:#718493;font-size:11px;font-weight:700;letter-spacing:.04em}
.version-badge{margin-left:6px;padding:5px 8px;border:1px solid #b9d8e8;border-radius:999px;background:#e8f5fb;color:#17618a;font:800 9px Manrope;letter-spacing:.04em;white-space:nowrap}.login-card .version-badge{font-size:10px}
.practice-top>span:last-child{text-align:right}.practice-top b,.practice-top small{display:block}.practice-top b{font-size:11px}.practice-top small{margin-top:4px;color:#16865a;font-size:9px;letter-spacing:.08em}
.learning-route{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:28px 0 46px}.route-column{background:#fff;border:1px solid #dbeaf3;border-radius:24px;padding:24px}.route-column.mastered{background:#f0fbf5}.route-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:15px}.route-head h2{margin:4px 0 0}.route-head>strong{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#dff2ff;color:#075985}.mastered .route-head>strong{background:#d9f5e5;color:#147a4b}.route-list{display:grid;gap:10px}.route-task{width:100%;border:1px solid #dceaf2;background:#fff;border-radius:15px;padding:14px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;text-align:left;gap:10px;color:#15344a}.route-task>span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#e6f5ff;color:#0877b9;font-weight:800}.route-task b,.route-task small{display:block}.route-task small{margin-top:3px;color:#718493}.route-task em{font-style:normal;font-weight:700;color:#0877b9}.route-task:hover{border-color:#64bce8;transform:translateY(-1px)}.route-empty{color:#718493;margin:8px 0}.dashboard-filters{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:22px 0}.dashboard-filters label,.teacher-grade-picker>span{font-size:12px;font-weight:800;color:#567083;text-transform:uppercase;letter-spacing:.08em}.dashboard-filters select{display:block;margin-top:7px;border:1px solid #cfe2ed;background:#fff;border-radius:12px;padding:10px 38px 10px 12px;color:#17374b;font:600 14px Manrope}.teacher-grade-picker>div{display:flex;gap:5px;margin-top:7px;padding:4px;border-radius:13px;background:#e7f4fb}.teacher-grade-picker button{border:0;background:transparent;padding:9px 12px;border-radius:10px;color:#567083;font-weight:800;cursor:pointer}.teacher-grade-picker button.active{background:#fff;color:#0877b9;box-shadow:0 2px 8px #17516e1a}.period-filter{display:flex;background:#e7f4fb;border-radius:13px;padding:4px}.period-filter button{border:0;background:transparent;padding:9px 14px;border-radius:10px;color:#567083;font-weight:700}.period-filter button.active{background:#fff;color:#0877b9;box-shadow:0 2px 8px #17516e1a}@media(max-width:760px){.learning-route{grid-template-columns:1fr}.dashboard-filters{align-items:stretch;flex-direction:column}.period-filter{align-self:flex-start}}
.student-row{grid-template-columns:1.5fr .55fr .8fr auto}.student-row.archived{opacity:.68;background:#f4f7f9}.archive-button{border:1px solid #e0a9a9;background:#fff5f5;color:#a33b3b;border-radius:10px;padding:8px 10px;font-weight:800;cursor:pointer}.archive-button.restore{border-color:#9fd8bc;background:#effbf5;color:#147a4b}@media(max-width:760px){.student-row{grid-template-columns:1fr auto}.student-row>.accuracy,.student-row>span{display:none}.archive-button{justify-self:end}}
.student-actions{display:flex;gap:7px;justify-content:flex-end}.report-button{border:1px solid #85c6a7;background:#e9f8f0;color:#147a4b;border-radius:10px;padding:8px 11px;font-weight:800;cursor:pointer}.report-button:hover{background:#d9f2e5}.delete-student-button{border:1px solid #b93838;background:#b93838;color:#fff;border-radius:10px;padding:8px 10px;font-weight:800;cursor:pointer}.delete-student-button:hover{background:#922b2b}@media(max-width:760px){.student-actions{flex-direction:column;align-items:stretch}}
.student-row .accuracy{font-size:16px}.program-summary{display:block;margin-top:5px;max-width:300px;color:#607886;font-size:9px;line-height:1.4}.dashboard-filters{justify-content:flex-start}.dashboard-filters .period-filter{margin-left:auto}@media(max-width:760px){.dashboard-filters .period-filter{margin-left:0}.program-summary{display:none}}

/* Кабинет преподавателя: крупнее текст и различимые карточки учеников. */
#teacherView{font-size:16px}#teacherView .eyebrow{font-size:12px}#teacherView .muted,#teacherView .teacher-note{font-size:13px}#teacherView .panel-head h2{font-size:29px}#teacherView .dashboard-filters label,#teacherView .teacher-grade-picker>span{font-size:14px}#teacherView .dashboard-filters select,#teacherView .teacher-grade-picker button,#teacherView .period-filter button{font-size:15px}#teacherView .student-row{font-size:14px;line-height:1.45}#teacherView .student-row b{font-size:15px}#teacherView .student-row small,#teacherView .program-summary{font-size:12px}#teacherView .student-gender-picker{font-size:11px}#teacherView .student-gender-picker select,#teacherView .student-actions button{font-size:13px}#teacherView details>summary{font-size:13px}.student-activity-toggle{white-space:nowrap}.student-row.tone-0{background:#eef8ff;border-color:#b8dcef}.student-row.tone-1{background:#f1fbf5;border-color:#bde4cc}.student-row.tone-2{background:#fff8ed;border-color:#edd6a9}.student-row.tone-3{background:#f5f1ff;border-color:#d4c7ec}.student-row.tone-0 .report-button{background:#e1f2ff;border-color:#8bc4e6;color:#12628d}.student-row.tone-1 .report-button{background:#e2f7eb;border-color:#8fd0aa;color:#16734a}.student-row.tone-2 .report-button{background:#fff0d5;border-color:#e5bb76;color:#966000}.student-row.tone-3 .report-button{background:#eee7ff;border-color:#b8a1e1;color:#65469d}.student-row.tone-0 .archive-button{background:#f0f8ff;border-color:#a9cde3;color:#3e718b}.student-row.tone-1 .archive-button{background:#f4fbf7;border-color:#afd9be;color:#397151}.student-row.tone-2 .archive-button{background:#fff8ed;border-color:#e8c488;color:#916922}.student-row.tone-3 .archive-button{background:#f8f4ff;border-color:#c8b7e9;color:#725a9b}@media(max-width:760px){#teacherView .panel-head{align-items:flex-start;flex-wrap:wrap}#teacherView .panel-head h2{font-size:25px}.student-activity-toggle{width:100%}}

.lesson-video-section{max-width:1180px;margin:0 auto;padding:0 30px}.lesson-videos{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);align-items:center;gap:34px;margin-top:28px;padding:28px;border:1px solid #cfe3ee;border-radius:24px;background:#eef7fc}.lesson-video-player{position:relative;overflow:hidden;aspect-ratio:16/9;border-radius:18px;background:#123b5d;box-shadow:0 15px 34px rgba(18,59,93,.2)}.lesson-video-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.lesson-video-copy h2{margin:8px 0 10px;font:800 28px/1.15 Manrope;letter-spacing:-.035em}.lesson-video-copy>p{max-width:620px;margin:0;color:#5d7484;font-size:13px;line-height:1.6}.lesson-video-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}.lesson-video-meta span{padding:6px 9px;border-radius:999px;background:#fff;color:#2b688e;font-size:10px;font-weight:800}.lesson-video-actions{display:flex;align-items:center;gap:10px;margin-top:20px;flex-wrap:wrap}.lesson-video-actions .landing-primary,.lesson-video-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 17px;border-radius:12px;font-size:12px;font-weight:800;text-decoration:none}.lesson-video-actions a{border:1px solid #9fc4d6;background:#fff;color:#123b5d}
@media(max-width:900px){.lesson-videos{grid-template-columns:1fr}.lesson-video-player{max-width:720px}}
@media(max-width:650px){.lesson-video-section{padding:0 18px}.lesson-videos{padding:18px;border-radius:20px}.lesson-video-copy h2{font-size:24px}.lesson-video-actions{display:grid}.lesson-video-actions .landing-primary,.lesson-video-actions a{width:100%}}

.landing-primary{border:0;cursor:pointer;font-family:Manrope}.guest-course-picker{display:flex;gap:10px;flex-wrap:wrap;width:100%}.guest-course-picker label{display:grid;gap:6px;color:#526e7e;font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.guest-course-picker select{min-width:170px;border:1px solid #9fc4d6;border-radius:12px;background:#fff;padding:12px 36px 12px 13px;color:#123b5d;font:700 13px Manrope}.modal.guest-practice{z-index:120}.guest-topic-summary{max-width:470px;margin:20px auto;padding:0;list-style:none;border:1px solid #d5e6ee;border-radius:16px;overflow:hidden;text-align:left}.guest-topic-summary li{display:flex;justify-content:space-between;gap:20px;padding:11px 14px;background:#fff;border-bottom:1px solid #e2edf2;font-size:12px}.guest-topic-summary li:last-child{border:0}.guest-topic-summary b.good{color:#16865a}.guest-topic-summary b.attention{color:#b85a34}.guest-result-note{max-width:520px;margin:22px auto 0;padding:16px 18px;border-radius:16px;background:#e8f7ef;text-align:left}.guest-result-note b,.guest-result-note span{display:block}.guest-result-note b{font-size:14px}.guest-result-note span{margin-top:5px;color:#5d7484;font-size:12px;line-height:1.5}.guest-result-actions{display:flex;justify-content:center;gap:9px;margin-top:18px;flex-wrap:wrap}.guest-result-actions>a,.guest-result-actions>button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;margin:0;border:1px solid #9fc4d6;border-radius:12px;padding:0 17px;background:#fff;color:#123b5d;font:800 12px Manrope;text-decoration:none;cursor:pointer}.guest-result-actions>a{border-color:#16865a;background:#16865a;color:#fff}.guest-result-actions>button:last-child{border-color:transparent;background:transparent;color:#5d7484}
@media(max-width:650px){.guest-course-picker{display:grid;grid-template-columns:1fr 1fr}.guest-course-picker select{width:100%;min-width:0}.landing-actions .landing-primary{width:100%}}
.free-access-note{max-width:650px!important;margin:14px 0 0!important;color:#426b5a!important;font-size:11px!important;line-height:1.5!important;font-weight:700}
@media(max-width:650px){.guest-result-actions{display:grid}.guest-result-actions>a,.guest-result-actions>button{width:100%}.results:has(.guest-topic-summary){padding-top:15px}}

.modal.guest-practice{overflow-y:auto;align-items:start}.guest-practice .practice-shell{margin:auto}.guest-registration{max-width:560px;margin:24px auto 0;padding:22px;border:1px solid #cfe3ee;border-radius:18px;background:#f4faff;text-align:left}.guest-registration h3{margin:7px 0 6px;font:800 22px Manrope;letter-spacing:-.03em}.guest-registration>p{margin:0 0 16px;color:#5d7484;font-size:12px;line-height:1.5}.guest-registration form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.guest-registration label{display:grid;gap:6px}.guest-registration label:nth-child(2){grid-column:2}.guest-registration label:nth-child(3){grid-column:1/3}.guest-registration input:not([type="checkbox"]){width:100%;border:1px solid #bdd5e1;border-radius:11px;background:#fff;padding:11px 12px;font:600 14px Manrope;color:#123b5d}.registration-consent{grid-column:1/3!important;display:flex!important;align-items:flex-start;gap:9px!important;color:#5d7484;font-size:10px!important;line-height:1.45;text-transform:none!important;letter-spacing:0!important}.registration-consent input{flex:0 0 auto;margin-top:2px}.guest-registration form>button{grid-column:1/3;border:0;border-radius:12px;background:#16865a;color:#fff;padding:13px;font:800 13px Manrope;cursor:pointer}.guest-registration form>small,.registration-error{grid-column:1/3;margin:0;color:#6d8290;font-size:10px;line-height:1.45}.registration-error{min-height:16px;color:#b43838}.student-contact{display:block!important;margin-top:4px;color:#287050!important;font-size:10px!important;overflow-wrap:anywhere}
@media(max-width:650px){.guest-registration{padding:18px 15px}.guest-registration form{grid-template-columns:1fr}.guest-registration label,.guest-registration label:nth-child(2),.guest-registration label:nth-child(3),.registration-consent,.guest-registration form>button,.guest-registration form>small,.registration-error{grid-column:1!important}}

.landing-footer{flex-wrap:wrap}.development-notice{flex-basis:100%;width:100%;margin:16px 0 0;padding-top:16px;border-top:1px solid #d7e5eb;text-align:center;color:#536f80;font-size:12px;font-weight:800}

.landing-topbar{position:relative}.landing-version{position:absolute;top:18px;right:30px;margin:0}.topbar{position:relative}.app-version{position:absolute;top:6px;right:18px;margin:0;z-index:2}.brand span{white-space:nowrap}.header-illustration{flex:1 1 420px;min-width:180px;max-width:520px;height:70px;margin:0 18px;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 13%,#000 87%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 13%,#000 87%,transparent 100%)}.header-illustration img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 48%;mix-blend-mode:multiply}.landing-header-illustration{display:block;position:absolute;left:50%;top:4px;width:min(48vw,620px);height:70px;margin:0;transform:translateX(-50%)}@media(max-width:1100px){.header-illustration{display:none}}@media(max-width:650px){.landing-version{top:10px;right:18px}.app-version{top:4px;right:8px;font-size:8px}}

.teacher-contacts{scroll-margin-top:24px;margin-top:28px;padding:30px 34px;border:1px solid #cfe3ee;border-radius:24px;background:#f4faff}.teacher-contacts h2{margin:8px 0 22px;font:800 30px Manrope;letter-spacing:-.035em}.contact-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.contact-links a{display:grid;gap:6px;padding:16px 18px;border:1px solid #cfe3ee;border-radius:14px;background:#fff;color:#123b5d;text-decoration:none}.contact-links span{color:#5d7484;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.contact-links strong{font-size:13px;overflow-wrap:anywhere}@media(max-width:750px){.teacher-contacts{padding:24px 20px}.contact-links{grid-template-columns:1fr}}

.footer-brand{align-self:center}.profi-footer-card{display:flex;align-items:center;gap:12px}.profi-footer-card img{width:64px;height:64px;border-radius:16px;object-fit:cover;border:2px solid #fff;box-shadow:0 6px 18px rgba(18,59,93,.16)}.profi-footer-card a{font-size:12px;font-weight:800}@media(max-width:650px){.footer-brand{align-self:flex-start}.profi-footer-card{width:100%}}

body.logged-out{overflow-y:auto}body.logged-out>.topbar,body.logged-out>main,body.logged-out>.site-footer{display:none}.login-screen{position:static;inset:auto;min-height:100vh;overflow:visible}.login-screen.closed{display:none}
.tutor-intro{max-width:none;grid-template-columns:120px minmax(0,1fr) auto}.tutor-intro>.profi-footer-card{align-self:center;min-width:205px}@media(max-width:650px){.tutor-intro{grid-template-columns:72px 1fr}.tutor-intro>.profi-footer-card{grid-column:1/3;min-width:0}}

.tutor-intro>.profi-footer-card img{width:120px;height:120px;border-radius:34px}.tutor-intro>.profi-footer-card a{font-size:18px}@media(max-width:650px){.tutor-intro>.profi-footer-card img{width:72px;height:72px;border-radius:22px}.tutor-intro>.profi-footer-card a{font-size:15px}}

.registration-benefits{display:grid;gap:8px;margin:0 0 16px;padding:0;list-style:none}.registration-benefits li{position:relative;padding-left:22px;color:#426476;font-size:12px;line-height:1.45}.registration-benefits li:before{content:'✓';position:absolute;left:0;color:#16865a;font-weight:900}.registration-privacy{margin:0 0 16px!important;color:#315c70!important;font-weight:800}

.inspiration-banner{max-width:1180px;margin:72px auto 0;padding:0 30px}.inspiration-banner img{display:block;width:100%;height:auto;border:1px solid #cfe3ee;border-radius:28px;box-shadow:0 24px 64px rgba(18,59,93,.14)}@media(max-width:650px){.inspiration-banner{margin-top:42px;padding:0 18px}.inspiration-banner img{border-radius:18px}}

.student-task-history{grid-column:1/-1;border-top:1px solid #dbeaf3;padding-top:12px}.student-task-history summary{width:max-content;cursor:pointer;color:#17618a;font-size:12px;font-weight:800}.student-task-history summary:hover{text-decoration:underline}.student-task-history-list{display:grid;gap:14px;margin-top:14px}.task-session{overflow:hidden;border:1px solid #cfe2ed;border-radius:16px;background:#f8fcfe}.task-session>header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 15px;background:#eaf5fa}.task-session>header b,.task-session>header small{display:block}.task-session>header b{font-size:12px}.task-session>header small{margin-top:3px;color:#5d7484;font-size:10px}.task-session>header>strong{color:#17618a;font-size:13px;white-space:nowrap}.task-answer-list{display:grid;gap:0;margin:0;padding:0;list-style:none}.task-answer{display:grid;grid-template-columns:minmax(0,1fr) auto 58px;align-items:center;gap:14px;padding:13px 15px;border-top:1px solid #e0edf3;border-left:4px solid transparent;background:#fff}.task-answer:first-child{border-top:0}.task-answer.correct{border-left-color:#20a06a}.task-answer.incorrect{border-left-color:#d35b4c}.task-answer b,.task-answer small{display:block}.task-answer b{font-size:12px;line-height:1.45}.task-answer small{margin-top:4px;color:#607886;font-size:10px;line-height:1.45}.task-answer>span{font-size:11px;font-weight:800}.task-answer.correct>span{color:#16865a}.task-answer.incorrect>span{color:#b84338}.task-answer time{color:#607886;font-size:10px;text-align:right;white-space:nowrap}.task-history-empty{margin:0;color:#607886;font-size:12px}@media(max-width:760px){.task-answer{grid-template-columns:1fr}.task-answer>span,.task-answer time{text-align:left}.task-session>header{align-items:flex-start;flex-direction:column;gap:7px}}
.student-analytics{grid-column:1/-1;border-top:1px solid #dbeaf3;padding-top:12px}.student-analytics summary{cursor:pointer;color:#17618a;font-size:12px;font-weight:800}.transparent-package{margin-top:12px;padding:13px;border:1px solid #cfe2ed;border-radius:14px;background:#f8fcfe}.transparent-package h4{margin:0 0 9px}.analytics-recommendation,.analytics-topic p{margin:9px 0 0;padding:9px 11px;border-radius:9px;background:#e8f7ef;font-size:12px}.analytics-recommendation small,.analytics-topic small{display:block;margin-top:4px;color:#607886}.analytics-topic{margin-top:9px;padding:11px;border:1px solid #dbeaf3;border-radius:10px;background:#fff}.analytics-topic>span{display:block;margin-top:3px;color:#17618a;font-size:12px}.analytics-topic ul{margin:9px 0 0;padding-left:18px;font-size:11px}.analytics-topic li{margin:5px 0}.parent-report-dialog{width:min(720px,calc(100vw - 28px));max-height:calc(100vh - 28px);border:0;border-radius:20px;padding:0;color:#123b5d;box-shadow:0 18px 55px #123b5d55}.parent-report-dialog::backdrop{background:#123b5d88}.parent-report-sheet{position:relative;display:grid;gap:12px;padding:24px}.parent-report-sheet h2{margin:0}.parent-report-sheet label{display:grid;gap:5px;font-size:12px;font-weight:800}.parent-report-sheet select,.parent-report-sheet textarea{width:100%;border:1px solid #b9d7e5;border-radius:9px;padding:9px;color:#123b5d;font:14px/1.4 inherit;background:#fff}.parent-report-sheet textarea{resize:vertical}.parent-report-field{padding:10px 12px 12px;border:1px solid;border-left-width:5px;border-radius:11px}.parent-report-field.report-studied{border-color:#b9d7e5;background:#eef7fc;color:#17618a}.parent-report-field.report-strengths{border-color:#9ed8bc;background:#e8f7ef;color:#16865a}.parent-report-field.report-attention{border-color:#e2c993;background:#fff7e8;color:#9a6200}.parent-report-field.report-next{border-color:#adc6e8;background:#edf4ff;color:#285fa8}.parent-report-field textarea{color:#123b5d}.parent-report-close{position:absolute;right:14px;top:12px;border:0;background:transparent;color:#607886;font-size:25px;cursor:pointer}.parent-report-period,.parent-report-note{margin:0;color:#607886;font-size:12px}.parent-report-facts{padding:12px;border-radius:11px;background:#eef7fc}.parent-report-facts b,.parent-report-facts span,.parent-report-facts small{display:block}.parent-report-facts span{margin:4px 0;color:#17618a;font-size:18px}.parent-report-sheet menu{display:flex;justify-content:flex-end;gap:8px;margin:4px 0 0;padding:0}.parent-report-sheet menu button{padding:9px 12px;border-radius:9px;border:1px solid #b9d7e5;background:#fff;color:#123b5d;font-weight:800;cursor:pointer}

/* Версия 22: кабинет ученика в стиле баннера «Всё получается, когда интересно» */
#studentView{--student-blue:#123b5d;--student-bright:#276fce;--student-sky:#eaf6ff;--student-green:#52c98b}
.student-welcome{position:relative;overflow:hidden;border-radius:30px;background:#eaf6ff;box-shadow:0 24px 65px rgba(18,59,93,.14)}
.student-welcome>img{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:cover}
.student-welcome.gender-unset{min-height:360px;background:radial-gradient(circle at 82% 28%,rgba(82,201,139,.34),transparent 18%),radial-gradient(circle at 68% 70%,rgba(47,133,199,.28),transparent 23%),linear-gradient(135deg,#f8fcff,#dff2ff)}
.student-welcome.gender-unset:after{content:'×  ÷  %  =';position:absolute;right:6%;top:22%;color:rgba(18,59,93,.13);font:800 clamp(38px,6vw,78px) Manrope;letter-spacing:.16em;transform:rotate(-6deg)}
.welcome-status{position:absolute;left:3.5%;bottom:7%;display:grid;gap:7px;max-width:330px;padding:18px 22px;border:1px solid rgba(255,255,255,.78);border-radius:19px;background:rgba(255,255,255,.9);box-shadow:0 12px 35px rgba(18,59,93,.14);backdrop-filter:blur(9px)}
.welcome-status b{font-size:20px;color:var(--student-blue)}.welcome-status small{color:#587386;line-height:1.45}
.difficulty-picker{margin-top:28px;border:2px solid #c9e3f5;box-shadow:0 12px 32px rgba(18,59,93,.06)}
.curriculum-picker{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:18px 28px;margin:18px 0 30px;padding:22px 24px;border:1px solid #cfe3ee;border-radius:20px;background:#f8fcfe}.curriculum-picker h2{margin:4px 0;font:800 24px Manrope;color:#123b5d}.curriculum-picker p{margin:5px 0 0;color:#607886;font-size:12px}.curriculum-picker-fields{display:flex;gap:10px;align-items:end}.curriculum-picker label{display:grid;gap:6px;color:#567083;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.curriculum-picker select{min-width:150px;border:1px solid #cfe2ed;border-radius:11px;background:#fff;padding:10px 34px 10px 11px;color:#17374b;font:700 13px Manrope}.curriculum-topic-list{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.curriculum-topic-list[hidden]{display:none}.curriculum-topic-button{border:1px solid #9fc9df;border-radius:15px;background:#fff;padding:16px;text-align:left;color:#123b5d;cursor:pointer}.curriculum-topic-button b,.curriculum-topic-button small{display:block}.curriculum-topic-button b{font:800 16px Manrope}.curriculum-topic-button small{margin-top:5px;color:#607886}.curriculum-topic-button:hover{border-color:#2f85c7;background:#eef8fd}.curriculum-topic-button span{display:inline-block;margin-top:10px;color:#16865a;font-size:11px;font-weight:800}
.curriculum-topic-drawer{margin:28px 0;padding:0 24px 24px;border:1px solid #cfe3ee;border-radius:22px;background:#f8fcfe}.curriculum-topic-drawer>.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-top:24px}.curriculum-topic-drawer[hidden]{display:none}.mode-card:disabled{cursor:not-allowed;opacity:.72}#algebra7CurriculumButton i{margin-top:12px}.shared-mode-settings{margin:20px 0}.shared-mode-settings>p{color:#607886;line-height:1.55}.shared-mode-toggle{margin-top:2px}.shared-mode-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0}.shared-mode-settings-grid>section{border:1px solid #dce9ef;border-radius:15px;background:#fff;padding:16px}.shared-mode-settings-grid h3{margin:0 0 5px;color:#123b5d}.shared-mode-settings-grid p{margin:0 0 12px;color:#607886;font-size:12px}.shared-mode-topic-controls{display:grid;gap:7px;max-height:310px;overflow:auto;padding-right:6px}.shared-mode-topic-controls label{display:flex;align-items:flex-start;gap:8px;padding:8px;border-radius:9px;background:#f5fafc;color:#315c70;font-size:12px;font-weight:700}.shared-mode-topic-controls input{width:17px;height:17px;flex:0 0 auto;accent-color:#16865a}
@media(max-width:760px){.curriculum-picker{grid-template-columns:1fr}.curriculum-picker-fields{align-items:stretch;flex-direction:column}.curriculum-picker select{width:100%}.curriculum-topic-list,.shared-mode-settings-grid{grid-template-columns:1fr}.curriculum-topic-drawer>.section-heading{align-items:stretch;flex-direction:column}}
.difficulty-rule{display:block;margin-top:10px;color:#17618a;font-weight:750;line-height:1.45}
.priority-homework{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:28px;margin:26px 0 34px;padding:32px 34px;border-radius:26px;color:#fff;background:linear-gradient(125deg,#102f52 0%,#155a8a 58%,#16865a 145%);box-shadow:0 22px 50px rgba(18,59,93,.22);position:relative;overflow:hidden}
.priority-homework:after{content:'✓';position:absolute;right:25%;bottom:-86px;font:800 220px Manrope;color:rgba(255,255,255,.045)}
.priority-number{align-self:start;color:#75dbaa;font:800 14px Manrope}.priority-copy{position:relative;z-index:1}.priority-copy .tag{color:#8ee3b8}.priority-copy h2{margin:8px 0 8px;font:800 34px/1.05 Manrope;letter-spacing:-.035em}.priority-copy p{max-width:680px;margin:0;color:#d2e5ef;line-height:1.55}.priority-copy .topic-list span{border-color:#5d88a5;color:#e7f5fb}
.priority-start{position:relative;z-index:1;max-width:220px;border:0;border-radius:18px;padding:17px 20px;background:#72d6a2;color:#0f3855;font:800 14px/1.35 Manrope;cursor:pointer;box-shadow:0 12px 28px rgba(5,28,45,.2)}.priority-start:hover{transform:translateY(-2px);background:#91e3b8}.priority-start span{font-size:19px;margin-left:5px}
.section-heading p{margin:6px 0 0;color:#607886}.mode-card.adaptive-card{background:#edf7ff;border-color:#acd7f1}.mode-card.adaptive-card .mode-icon{background:#17618a;color:#fff;font-size:14px;font-weight:900}
.personal-stats{border:0;gap:12px;background:transparent}.personal-stats article{border:1px solid #d7e9f3!important;border-radius:20px;background:#fff;box-shadow:0 10px 26px rgba(18,59,93,.06)}
.student-progress{display:grid;grid-template-columns:1.1fr 1fr;gap:18px;margin:18px 0 55px}.progress-card{border:1px solid #d7e9f3;border-radius:24px;padding:25px;background:#fff}.progress-card.goal{background:linear-gradient(135deg,#eaf6ff,#f4fbff)}.progress-card h3{margin:6px 0 16px;font:800 24px Manrope;color:#123b5d;letter-spacing:-.03em}.goal-line{display:flex;justify-content:space-between;gap:18px;align-items:end}.goal-line strong{font-size:36px;color:#17618a}.goal-track{height:10px;margin:15px 0 9px;border-radius:20px;background:#dbeaf3;overflow:hidden}.goal-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2f85c7,#52c98b)}.progress-card p{margin:0;color:#607886;line-height:1.5}.achievement-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.achievement{display:flex;align-items:center;gap:10px;padding:11px;border-radius:14px;background:#f1f7fa;color:#728593}.achievement.earned{background:#e8f8ef;color:#176644}.achievement span{display:grid;place-items:center;min-width:32px;height:32px;border-radius:10px;background:#fff;font-weight:900}.achievement b{font-size:12px;line-height:1.25}.topic-progress{grid-column:1/-1}.topic-progress-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.topic-progress-item{padding:13px 14px;border-radius:14px;background:#f5f9fb}.topic-progress-item header{display:flex;justify-content:space-between;gap:8px;font-size:12px}.topic-progress-item header b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topic-progress-item header span{color:#17618a;font-weight:800}.topic-progress-item .bar{height:6px;border-radius:10px;overflow:hidden;background:#ddeaf0}.topic-progress-item .bar i{border-radius:inherit;background:linear-gradient(90deg,#2f85c7,#52c98b)}
.topic-progress-item>small{display:block;margin-top:6px;color:#718493;font-size:9px}.package-progress{border-left:5px solid #2f85c7}.package-progress .topic-progress-source{margin:-9px 0 15px}
@media(max-width:850px){.priority-homework{grid-template-columns:1fr}.priority-number{display:none}.priority-start{max-width:none}.student-progress{grid-template-columns:1fr}.topic-progress{grid-column:auto}.topic-progress-list{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.student-welcome>img{aspect-ratio:1.35/1;object-position:72% center}.welcome-status{left:12px;right:12px;bottom:12px;max-width:none}.priority-homework{padding:25px 22px}.priority-copy h2{font-size:28px}.personal-stats{grid-template-columns:1fr 1fr}.achievement-list,.topic-progress-list{grid-template-columns:1fr}}

.student-gender-picker{display:grid;gap:4px;color:#607886;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.student-gender-picker select,.guest-registration select{border:1px solid #bdd5e1;border-radius:10px;background:#fff;color:#123b5d;padding:8px 10px;font:700 11px Manrope;cursor:pointer}.student-gender-picker select:focus,.guest-registration select:focus{outline:3px solid rgba(47,133,199,.16);border-color:#2f85c7}.registration-gender{grid-column:2}.registration-pin{grid-column:1/3}.guest-registration input:not([type="checkbox"]),.guest-registration select{width:100%}@media(max-width:650px){.registration-gender,.registration-pin{grid-column:1!important}}

/* Версия 23: кнопки тренировки остаются доступны при масштабе браузера 100%. */
#practiceModal{overflow-y:auto;align-items:center;justify-content:center}
#practiceModal .practice-shell{max-height:calc(100dvh - 32px);min-height:min(500px,calc(100dvh - 32px));overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-bottom:24px}
#practiceModal .continue-button:not(.hidden){position:sticky;z-index:3;bottom:0;box-shadow:0 -12px 20px rgba(255,253,247,.94),0 8px 20px rgba(18,59,93,.18)}
@media(max-height:760px){#practiceModal{padding:10px}#practiceModal .practice-shell{max-height:calc(100dvh - 20px);min-height:0;padding-top:32px}.progress{margin-bottom:30px}.problem{margin-top:28px;margin-bottom:34px}.problem.story{margin-top:24px;margin-bottom:30px}.feedback{min-height:24px}}

/* Назначаемые преподавателем домашние работы. */
.assigned-homework{margin:0 0 34px}.assigned-homework-list,.teacher-assignment-list{display:grid;gap:12px}.assigned-homework-card,.teacher-assignment-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:18px 20px;border:1px solid #c8d1f2;border-radius:18px;background:#f7f8ff}.assigned-homework-card h3,.teacher-assignment-card h3{margin:4px 0 6px;font-size:17px}.assigned-homework-card p,.teacher-assignment-card p{margin:0;color:#607886;font-size:11px;line-height:1.5}.assigned-homework-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.assigned-homework-card button{border:0;border-radius:12px;padding:11px 16px;background:#4258a8;color:#fff;font-weight:800;cursor:pointer}.assigned-homework-card button.result-button{border:1px solid #aebbe7;background:#fff;color:#4258a8}.assigned-homework-card.done{border-color:#9fd8bc;background:#f0fbf5}.assignment-builder{margin:0 0 24px}.assignment-builder-toggle{margin-top:18px}.assignment-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.assignment-form label{display:grid;gap:6px;color:#567083;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.assignment-form select,.assignment-form input{width:100%;border:1px solid #cfe2ed;border-radius:11px;background:#fff;padding:10px 11px;color:#17374b;font:600 13px Manrope}.assignment-feedback,.assignment-title{grid-column:span 2}.assignment-form .priority-start{align-self:end;min-height:42px}.assignment-message{align-self:center;margin:0;color:#16865a;font-size:11px}.teacher-assignment-list{margin-top:18px}.assignment-status{display:inline-flex;margin-top:8px;border-radius:999px;padding:5px 9px;background:#e9eefc;color:#4258a8;font-size:9px;font-weight:800;text-transform:uppercase}.assignment-status.submitted{background:#e2f6eb;color:#16865a}.assignment-status.overdue{background:#fff0ed;color:#b84338}@media(max-width:900px){.assignment-form{grid-template-columns:1fr 1fr}.assignment-feedback,.assignment-title{grid-column:span 2}}@media(max-width:650px){.assignment-form{grid-template-columns:1fr}.assignment-feedback,.assignment-title{grid-column:auto}.assigned-homework-card,.teacher-assignment-card{grid-template-columns:1fr}.assigned-homework-actions{justify-content:flex-start}}
.teacher-assignment-list{display:block}.teacher-assignment-group+.teacher-assignment-group,.teacher-assignment-archive{margin-top:18px}.teacher-assignment-group-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 9px}.teacher-assignment-group-head h3{margin:0;color:#123b5d;font-size:15px}.teacher-assignment-group-head span{display:grid;place-items:center;min-width:26px;height:26px;border-radius:999px;background:#e7f0f5;color:#315c70;font-size:10px;font-weight:900}.teacher-assignment-group.attention .teacher-assignment-group-head span{background:#fff1d6;color:#9a6200}.teacher-assignment-cards{display:grid;gap:9px}.teacher-assignment-card.compact{padding:13px 16px;border-radius:14px}.teacher-assignment-card.compact h3{margin:1px 0 4px;font-size:15px}.teacher-assignment-archive{border:1px solid #cfe2ed;border-radius:17px;background:#f8fbfd;padding:0 16px}.teacher-assignment-archive>summary{cursor:pointer;padding:15px 0;color:#315c70;font-weight:900}.teacher-assignment-archive>summary span{display:inline-grid;place-items:center;min-width:24px;height:24px;margin-left:7px;border-radius:999px;background:#e4eef4;font-size:10px}.teacher-assignment-archive-body{padding:0 0 16px}.teacher-assignment-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 8px}.teacher-assignment-filters label{display:grid;gap:5px;color:#567083;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.teacher-assignment-filters select{width:100%;border:1px solid #cfe2ed;border-radius:10px;background:#fff;padding:9px 10px;color:#17374b;font:700 11px Manrope}.teacher-assignment-archive-summary{margin:0 0 9px;color:#607886;font-size:10px}.teacher-assignment-more{margin-top:12px}@media(max-width:650px){.teacher-assignment-filters{grid-template-columns:1fr}.teacher-assignment-card.compact{padding:12px 13px}}
.priority-assignment{padding:24px;border-radius:25px;background:linear-gradient(135deg,#123f66,#176f78);box-shadow:0 18px 45px rgba(18,59,93,.16)}.priority-assignment .section-heading h2,.priority-assignment .section-heading p,.priority-assignment .eyebrow{color:#fff}.priority-assignment .assigned-homework-card.priority{border:2px solid #72d6a5;background:#fff}.priority-homework.secondary{margin-top:24px;opacity:.88;box-shadow:none}.priority-homework.secondary .priority-number{color:#bfe8dc}.assigned-homework-archive{margin:0 0 34px;border:1px solid #cfe2ed;border-radius:18px;background:#f8fbfd;padding:0 18px}.assigned-homework-archive>summary{cursor:pointer;padding:16px 0;color:#315c70;font-weight:800}.assigned-homework-archive>summary span{display:inline-grid;place-items:center;min-width:24px;height:24px;margin-left:7px;border-radius:999px;background:#e4eef4;color:#315c70;font-size:10px}.assigned-homework-archive>p{margin:-4px 0 14px;color:#607886;font-size:11px}.assigned-homework-archive .assigned-homework-list{padding-bottom:18px}@media(max-width:650px){.priority-assignment{padding:18px}.priority-homework.secondary{opacity:1}}
.student-assignment-comment{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end;margin-top:12px;max-width:680px}.student-assignment-comment label{display:grid;gap:5px;color:#315c70;font-size:10px;font-weight:800}.student-assignment-comment textarea{width:100%;resize:vertical;border:1px solid #cfe2ed;border-radius:10px;background:#fff;padding:9px 10px;color:#17374b;font:600 11px Manrope}.student-assignment-comment button{padding:9px 12px;font-size:10px}.student-assignment-comment-readonly,.teacher-student-comment{margin-top:9px!important;border-left:3px solid #72d6a5;padding:7px 10px;background:#f0fbf5;color:#315c70!important;font-size:11px!important}.teacher-student-comment{margin-bottom:9px!important}@media(max-width:650px){.student-assignment-comment{grid-template-columns:1fr}.student-assignment-comment button{justify-self:start}}
.report-question-button{display:block;margin:10px auto 0;border:0;background:transparent;color:#607886;text-decoration:underline;text-underline-offset:3px;font:700 11px Manrope;cursor:pointer}.report-question-button:disabled{opacity:.55;cursor:default}.question-report-panel{margin:0 0 24px}.question-report-list,.student-question-report-list{display:grid;gap:12px;margin-top:18px}.question-report-card{padding:16px 18px;border:1px solid #f0c9a8;border-left:5px solid #e89a55;border-radius:15px;background:#fffaf5}.student-question-report-list{grid-template-columns:repeat(2,minmax(0,1fr))}.student-question-report-list .question-report-card.in-review{border-left-color:#4d91c5;background:#f3f9fd}.question-report-card.resolved,.question-report-card.dismissed{opacity:.65;border-color:#cfe2ed;border-left-color:#85c6a7;background:#f7fbf9}.question-report-card header{display:flex;justify-content:space-between;gap:14px}.question-report-card h3{margin:5px 0;font-size:15px}.question-report-card p{margin:5px 0;color:#607886;font-size:11px;line-height:1.5}.question-report-actions{display:flex;gap:8px;margin-top:10px}.question-report-actions button{border:1px solid #bdd5e1;border-radius:9px;background:#fff;padding:7px 10px;color:#17618a;font-weight:800;cursor:pointer}.teacher-assignment-details{grid-column:1/-1;border-top:1px solid #dbeaf3;padding-top:10px}.teacher-assignment-details summary{cursor:pointer;color:#17618a;font-size:11px;font-weight:800}.teacher-assignment-details section{margin-top:12px}.teacher-assignment-details h4{margin:0 0 7px;color:#123b5d;font-size:12px}.teacher-assignment-details .task-answer-list{border:1px solid #dbeaf3;border-radius:12px;overflow:hidden}.teacher-assignment-details .task-answer{grid-template-columns:minmax(0,1fr) auto}@media(max-width:650px){.student-question-report-list{grid-template-columns:1fr}.question-report-actions{flex-wrap:wrap}}

/* Версия 25: балл в результатах домашней работы не сливается с ответом. */
.results .task-answer-list{max-width:680px;margin:18px auto 24px;border:1px solid #dbeaf3;border-radius:16px;overflow:hidden;text-align:left}
.results .task-answer,.teacher-assignment-details .task-answer{grid-template-columns:minmax(0,1fr) auto}
.task-answer>.task-score{justify-self:end;min-width:76px;padding:6px 9px;border-radius:999px;text-align:center;white-space:nowrap;background:#e8f7ef;color:#16865a;font-size:10px;font-weight:800}
.task-answer.incorrect>.task-score{background:#fff0ed;color:#b84338}
@media(max-width:760px){.results .task-answer,.teacher-assignment-details .task-answer{grid-template-columns:1fr}.task-answer>.task-score{justify-self:start}}

/* Версия 25: обязательный просмотр домашней работы перед назначением. */
.assignment-generate{align-self:end;min-height:42px}.assignment-preview{margin:22px 0 28px;padding:22px;border:1px solid #b9d8e8;border-radius:20px;background:#f8fcfe}.assignment-preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.assignment-preview-head h3{margin:5px 0 6px;font:800 22px Manrope;color:#123b5d}.assignment-preview-head p{margin:0;color:#607886;font-size:11px}.assignment-preview-list{display:grid;gap:9px;margin:18px 0 0;padding:0;list-style:none}.assignment-preview-item{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:13px;padding:14px;border:1px solid #d8e8f0;border-radius:14px;background:#fff}.assignment-preview-number{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#e6f5ff;color:#17618a;font-weight:900}.assignment-preview-item b,.assignment-preview-item small,.assignment-preview-item strong{display:block}.assignment-preview-item b{font-size:13px;line-height:1.45}.assignment-preview-item small{margin-top:4px;color:#607886;font-size:10px}.assignment-preview-item strong{margin-top:6px;color:#16865a;font-size:11px}.assignment-preview-item button{border:1px solid #9fc4d6;border-radius:10px;background:#fff;padding:9px 12px;color:#17618a;font-weight:800;cursor:pointer}.assignment-preview-item button:hover{background:#eaf6ff}.assignment-form button:disabled{opacity:.48;cursor:not-allowed}.assignment-topic-plan{grid-column:1/-1;display:grid;gap:10px;padding:14px;border:1px solid #cfe2ed;border-radius:14px;background:#f8fcfe}.assignment-topic-plan-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;color:#17374b}.assignment-topic-plan-head strong{font-size:12px}.assignment-topic-plan-head small{color:#607886;font-size:10px;font-weight:600}.assignment-topic-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(110px,.7fr) auto;gap:10px;align-items:end}.assignment-topic-add{justify-self:start}.assignment-topic-remove{min-height:38px}
@media(max-width:700px){.assignment-preview-head{flex-direction:column}.assignment-preview-item{grid-template-columns:32px 1fr}.assignment-preview-item button{grid-column:2;justify-self:start}.assignment-topic-plan-head{display:grid;gap:4px}.assignment-topic-row{grid-template-columns:1fr 110px}.assignment-topic-remove{grid-column:1/-1;justify-self:start}}

/* Версия 25: письменная текстовая задача в составе назначаемой работы. */
.assignment-written-toggle,.assignment-written-topic{grid-column:span 2}.assignment-checkbox{display:flex!important;align-items:center;gap:9px;min-height:42px;border:1px solid #cfe2ed;border-radius:11px;background:#fff;padding:10px 12px;color:#17374b!important;font-size:12px!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important}.assignment-checkbox input{width:18px!important;height:18px;margin:0;padding:0;accent-color:#16865a}.assignment-written-topic select:disabled{background:#edf3f6;color:#8b9ba5}.assignment-preview-item.written{border-color:#92cfb1;background:#f3fbf7}.assignment-preview-item.written .assignment-preview-number{background:#dff5e9;color:#147a4b}.assignment-preview-kind{display:inline-block!important;width:max-content;margin:0 0 6px!important;padding:4px 7px;border-radius:999px;background:#dff5e9;color:#147a4b!important;font-size:8px!important;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.assignment-solution-guide{color:#315c70!important}.written-answer-fields{display:grid;gap:7px;margin-bottom:16px}.written-answer-fields textarea{width:100%;min-height:112px;resize:vertical;border:1px solid #bdd5e1;border-radius:12px;background:#fff;padding:12px 14px;color:#123b5d;font:600 14px/1.5 Manrope}.answer-row .answer-unit{flex:0 0 120px;max-width:120px;border-left:1px solid #bdd5e1}.task-review-badge{display:inline-flex;margin-top:7px;padding:5px 8px;border-radius:999px;background:#fff1d6;color:#9a6200;font-size:9px;font-weight:900}.teacher-assignment-card.needs-review{border-color:#e2b56b;background:#fffbf2}.teacher-review-summary{display:inline-flex;margin-left:8px;border-radius:999px;padding:5px 9px;background:#fff1d6;color:#9a6200;font-size:9px;font-weight:900}.task-answer.needs-review{border-left-color:#e2a43c}.task-answer .student-work{margin-top:7px;padding:8px 10px;border-radius:9px;background:#f4f8fa;color:#315c70;white-space:pre-wrap}.written-instruction{margin:-24px auto 26px;max-width:590px;padding:10px 13px;border-radius:11px;background:#e8f7ef;color:#287050;font-size:11px;line-height:1.5;text-align:left}
@media(max-width:900px){.assignment-written-toggle,.assignment-written-topic{grid-column:span 2}}@media(max-width:650px){.assignment-written-toggle,.assignment-written-topic{grid-column:auto}.answer-row{flex-wrap:wrap}.answer-row .answer-unit{flex:1 1 120px;max-width:none}.answer-row button{flex:1 1 145px}}
.teacher-review-controls{display:grid;gap:8px;margin-top:10px;padding:10px;border-radius:11px;background:#fff7e8}.teacher-review-controls input{width:100%;border:1px solid #e2c993;border-radius:9px;background:#fff;padding:9px 10px;color:#17374b;font:600 11px Manrope}.teacher-review-controls>div{display:flex;gap:8px;flex-wrap:wrap}.teacher-review-controls button{border:0;border-radius:9px;background:#16865a;padding:8px 11px;color:#fff;font-weight:900;cursor:pointer}.teacher-review-controls button.reject{background:#bd493f}.teacher-review-controls button:disabled{opacity:.55;cursor:wait}.teacher-review-result{display:inline-flex;margin-top:8px;padding:5px 8px;border-radius:999px;background:#e2f6eb;color:#16865a;font-size:9px;font-weight:900}.teacher-review-result.rejected{background:#fff0ed;color:#b84338}.teacher-review-comment{display:block!important;margin-top:7px!important;color:#315c70!important}.task-score.pending{background:#fff1d6!important;color:#9a6200!important;white-space:nowrap}
.assignment-title textarea{width:100%;min-height:92px;resize:vertical;border:1px solid #bdd5e1;border-radius:12px;background:#fff;padding:12px 14px;color:#123b5d;font:600 13px/1.5 Manrope}.task-answer .reference-solution{margin-top:7px;padding:8px 10px;border-radius:9px;background:#eaf7ef;color:#287050;white-space:pre-wrap}.assignment-video-link{display:inline-flex;width:max-content;margin-top:8px;border-radius:9px;padding:8px 10px;background:#e9eefc;color:#314c9c;font-size:11px;font-weight:900;text-decoration:none}.assignment-video-ready{display:inline-flex;margin-top:8px;border-radius:999px;padding:5px 9px;background:#e9eefc;color:#314c9c;font-size:9px;font-weight:900;text-transform:uppercase}.teacher-video-controls{display:grid;gap:8px;margin-top:10px;padding:10px;border-radius:11px;background:#eef1ff}.teacher-video-controls input{width:100%;border:1px solid #aebbe7;border-radius:9px;background:#fff;padding:9px 10px;color:#17374b;font:600 11px Manrope}.teacher-video-controls button,.video-understanding button{width:max-content;border:0;border-radius:9px;background:#4258a8;padding:8px 11px;color:#fff;font-weight:900;cursor:pointer}.teacher-video-controls small{color:#52677c;font-size:10px}.video-understanding{gap:8px}.video-understanding button{margin-top:4px}

/* Версия 33: преподаватель управляет доступом к учебным программам. */
.course-access-panel{grid-column:1/-1;margin-top:12px;border:1px solid #d5e5ed;border-radius:14px;background:#f8fbfd;padding:12px 14px}.course-access-panel>summary{cursor:pointer;font-weight:800;color:#17618a}.course-access-panel>p{margin:10px 0;color:#607886;font-size:13px;line-height:1.45}.course-access-grid{display:grid;gap:10px}.course-access-card{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:16px;align-items:center;padding:12px;border:1px solid #dce9ef;border-radius:12px;background:#fff}.course-access-card b,.course-access-card small{display:block}.course-access-card small{margin-top:3px;color:#607886;font-size:11px}.course-access-modes{display:flex;flex-wrap:wrap;gap:8px 14px}.course-access-modes label{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:700;white-space:nowrap}.course-access-modes input{width:17px;height:17px;accent-color:#16865a}.course-access-status{min-height:14px;color:#16865a!important;text-align:right}@media(max-width:760px){.course-access-card{grid-template-columns:1fr}.course-access-status{text-align:left}}
.already-solved-button{margin-top:12px;border:1px solid #b8d3e5;background:#fff;color:#164a70;border-radius:12px;padding:10px 16px;font:inherit;font-weight:700;cursor:pointer}
.already-solved-button:hover{background:#eef8fd}
.already-solved-button:disabled{cursor:default;opacity:.55}

/* Версия 44: увеличенная типографика только для кабинета преподавателя. */
#teacherView{font-size:16px}
#teacherView input,#teacherView select,#teacherView textarea,#teacherView button{font-size:15px}
#teacherView .eyebrow,#teacherView .assignment-form label,#teacherView .teacher-assignment-filters label{font-size:11px}
#teacherView .section-heading p,#teacherView .teacher-assignment-card p,#teacherView .assignment-preview-head p,#teacherView .assignment-message{font-size:13px}
#teacherView .teacher-assignment-card h3,#teacherView .teacher-assignment-group-head h3{font-size:17px}
#teacherView .assignment-preview-item b{font-size:14px}
#teacherView .assignment-preview-item small,#teacherView .teacher-assignment-archive-summary,#teacherView .teacher-assignment-details summary{font-size:12px}
#teacherView .assignment-status,#teacherView .teacher-review-summary,#teacherView .teacher-review-result{font-size:10px}
@media(max-width:650px){#teacherView{font-size:15px}#teacherView input,#teacherView select,#teacherView textarea,#teacherView button{font-size:15px}}

/* Первый экран: короткое представление преподавателя и переход к подробному блоку. */
.landing-login-stack{display:grid;gap:14px}.landing-login-stack .landing-tutor-preview{max-width:none;margin:0}.landing-tutor-preview{display:flex;align-items:center;gap:13px;max-width:390px;margin-top:30px;padding:11px 14px;border:1px solid #9fd1e7;border-radius:17px;background:#dff2fb;box-shadow:0 8px 20px rgba(18,59,93,.07)}.landing-tutor-preview img{width:76px;height:76px;flex:0 0 76px;object-fit:cover;border-radius:50%;border:3px solid #fff;box-shadow:0 4px 12px rgba(18,59,93,.16)}.landing-tutor-preview span,.landing-tutor-preview strong,.landing-tutor-preview a{display:block}.landing-tutor-preview span{color:#527386;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.landing-tutor-preview strong{margin-top:3px;color:#123b5d;font:800 18px/1.12 Manrope}.landing-tutor-preview a{width:max-content;margin-top:7px;color:#1679b4;font-size:12px;font-weight:800;text-decoration:none;border-bottom:1px solid #9fc4d6}.landing-tutor-preview a:hover{color:#123b5d}.tutor-section .profi-footer-card{display:none}@media(max-width:650px){.landing-tutor-preview{margin-top:24px}.landing-tutor-preview strong{font-size:16px}}

/* Фото преподавателя остаётся в пределах первого видимого экрана. */
.landing-copy{position:relative}.landing-login-stack .landing-tutor-preview{position:static;max-width:none;margin:0;padding:12px 14px;gap:12px}.landing-tutor-preview img{width:126px;height:126px;flex-basis:126px}.landing-tutor-preview strong{font-size:16px}.landing-tutor-preview a{font-size:11px}.landing-tutor-preview .landing-tutor-profi{margin-top:7px;color:#123b5d}.landing-copy h1{padding-right:0}
.landing-guest-kicker{margin-top:28px}.landing-guest-kicker+.landing-actions{margin-top:12px}

/* Версия 44: в предпросмотре отчёта сохраняются раздельные источники и темы. */
.parent-report-source-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.parent-report-source{border:1px solid;border-left-width:5px;border-radius:11px;padding:11px}.parent-report-source b,.parent-report-source small,.parent-report-source span{display:block}.parent-report-source small{margin-top:3px;color:#607886;font-size:11px}.parent-report-source span{margin-top:6px;font-size:15px;font-weight:800}.parent-report-source.report-homework{border-color:#b9bfe8;background:#f1f2ff;color:#4258a8}.parent-report-source.report-training{border-color:#a9d4e8;background:#eef8fd;color:#17618a}.parent-report-topic-table{padding:12px;border:1px solid #cfe2ed;border-radius:11px;background:#fff}.parent-report-topic-table h3{margin:0 0 8px;font-size:14px}.parent-report-topic-table table{width:100%;border-collapse:collapse;font-size:12px}.parent-report-topic-table th,.parent-report-topic-table td{padding:7px 5px;border-bottom:1px solid #dbeaf3;text-align:left;vertical-align:top}.parent-report-topic-table th{color:#607886}.parent-report-topic-table tr:last-child td{border-bottom:0}@media(max-width:520px){.parent-report-source-grid{grid-template-columns:1fr}.parent-report-topic-table{overflow-x:auto}}
#algebra7CurriculumButton .mode-icon,#algebra8CurriculumButton .mode-icon,#algebra9CurriculumButton .mode-icon{margin-top:20px;margin-bottom:10px}
#algebra7CurriculumButton b>span,#algebra8CurriculumButton b>span,#algebra9CurriculumButton b>span{display:block}#algebra7CurriculumButton b>span:nth-child(2),#algebra8CurriculumButton b>span:nth-child(2),#algebra9CurriculumButton b>span:nth-child(2){white-space:nowrap}
#teacherView>.shared-mode-settings{background:#eef8fc;border-color:#afd8e8}#teacherView>.assignment-builder{background:#f5f2ff;border-color:#d6c9ed}#teacherView>.summary-grid{border-color:#cfe2ed;background:#fff}#teacherView>.summary-grid article:nth-child(1){background:#eef8ff}#teacherView>.summary-grid article:nth-child(2){background:#effaf4}#teacherView>.summary-grid article:nth-child(3){background:#fff8ed}#teacherView>.summary-grid article:nth-child(4){background:#f6f2ff}#teacherView .students-panel{background:#f0f8ff;border-color:#b8dcef}#teacherView .attention-panel{background:#fff8ed;border-color:#edd6a9}#teacherView .question-report-panel{background:#f5f2ff;border-color:#d4c7ec}
.brand{color:#165f92;font:700 32px/.92 'Cormorant Garamond','PT Serif',serif;letter-spacing:-.025em}@media(max-width:650px){.brand{font-size:26px}}
.homework-duration-choice{display:grid;gap:10px;max-width:460px;margin:24px auto;padding:20px;border:1px solid #b9d8e8;border-radius:18px;background:#f4fbfe;text-align:left}.homework-duration-choice label{display:flex;align-items:center;gap:10px;font-weight:700}.homework-duration-choice input{width:auto}