:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#171717;background:#f6f5f2;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}.screen--center{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:16px}.loader{width:34px;height:34px;border:3px solid #ddd;border-top-color:#111;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,620px) 1fr;background:#fff}.login-panel{padding:48px clamp(28px,6vw,84px);display:flex;flex-direction:column;justify-content:center;gap:34px}.login-art{background:#111;display:grid;place-items:center;overflow:hidden}.login-art img{width:min(46vw,520px);filter:invert(1);opacity:.94}.brand{display:inline-flex;width:max-content}.brand img{display:block;width:min(360px,72vw);max-height:145px;object-fit:contain;object-position:left center}.brand--compact img{width:48px;height:48px;object-fit:contain}.login-copy h1,.hero-card h1{font-size:clamp(36px,5vw,64px);line-height:.98;margin:10px 0 16px;letter-spacing:-.045em}.login-copy p,.hero-card p,.card__head p{color:#666;line-height:1.6;margin:0}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:800;color:#555}.form-stack{display:grid;gap:16px}.form-stack label{display:grid;gap:7px;font-size:13px;font-weight:700;color:#333}.form-stack input,.form-stack select{width:100%;padding:13px 14px;border:1px solid #d8d8d8;border-radius:12px;background:#fff;outline:none;transition:.2s}.form-stack input:focus,.form-stack select:focus{border-color:#111;box-shadow:0 0 0 3px #00000012}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.button{border:0;border-radius:12px;padding:12px 16px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px}.button--primary{background:#111;color:#fff}.button--primary:hover{background:#2a2a2a}.button--ghost{background:#eee;color:#111}.login-note{font-size:12px;color:#888;line-height:1.5}.alert{padding:13px 15px;background:#f2efe7;border:1px solid #ddd5c3;border-radius:12px}.alert--error{background:#fff0f0;border-color:#ffcaca;color:#8d2020}.app-shell{min-height:100vh}.topbar{height:74px;background:#fff;border-bottom:1px solid #e6e3dd;display:flex;align-items:center;padding:0 clamp(18px,4vw,56px);gap:14px;position:sticky;top:0;z-index:10}.topbar__title{display:grid;line-height:1.2;flex:1}.topbar__title strong{font-size:15px}.topbar__title span{font-size:12px;color:#777}.page{max-width:1240px;margin:0 auto;padding:42px clamp(18px,4vw,56px) 80px}.hero-card{background:#111;color:#fff;border-radius:28px;padding:clamp(28px,5vw,54px);display:flex;justify-content:space-between;gap:28px;align-items:end}.hero-card p{color:#c8c8c8;max-width:650px}.status{display:inline-flex;padding:9px 12px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}.status--ok{background:#def4e5;color:#175b2b}.status--danger{background:#ffe1e1;color:#8a1c1c}.status--muted{background:#f0f0f0;color:#666}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.metric,.card{background:#fff;border:1px solid #e6e3dd;border-radius:20px}.metric{padding:20px}.metric span{display:block;font-size:12px;color:#777;margin-bottom:9px}.metric strong{font-size:26px;letter-spacing:-.03em}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0}.card{padding:24px}.card__head{margin-bottom:20px}.card__head h2{margin:0 0 7px;font-size:22px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px 12px;border-top:1px solid #ece9e3;font-size:14px}th{color:#777;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.empty{text-align:center;color:#888;padding:28px}@media (max-width:900px){.login-shell{grid-template-columns:1fr}.login-art{display:none}.metric-grid{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}.hero-card{align-items:start;flex-direction:column}}@media (max-width:520px){.login-panel{padding:30px 22px}.form-row{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr 1fr}.topbar__title strong{display:none}.hero-card{border-radius:20px}.page{padding-top:24px}}.password-field{position:relative;display:flex;align-items:center}.password-field input{padding-right:48px}.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;border-radius:9px;background:transparent;display:grid;place-items:center;line-height:1}.password-toggle:hover{background:#f1f1f1}.password-toggle:focus-visible{outline:2px solid #111;outline-offset:2px}.action-row{display:flex;gap:8px;align-items:center}.icon-button{border:0;background:#f1f1f1;color:#111;width:38px;height:38px;border-radius:10px;display:inline-grid;place-items:center;font-size:16px;font-weight:800}.icon-button:hover{background:#e5e5e5}.icon-button:disabled{opacity:.45;cursor:not-allowed}.icon-button--danger{background:#fff0f0;color:#8d2020}.icon-button--danger:hover{background:#ffe1e1}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000007a;display:grid;place-items:center;padding:20px;z-index:100}.modal-card{width:min(520px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:22px;padding:24px;box-shadow:0 24px 80px #00000038}.modal-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.modal-card__head h2{margin:7px 0 0;font-size:26px}.calendar-card{margin-top:18px;padding:0;overflow:hidden}.calendar-card--collapsed{border-radius:14px}.calendar-toggle{width:100%;border:0;background:#fff;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;font:inherit;font-weight:800;color:#111;text-align:left}.calendar-toggle:hover{background:#f7f6f3}.calendar-toggle span:last-child{font-size:12px;color:#777;font-weight:700}.calendar-content{padding:0 24px 24px}.topbar-subscription{padding:8px 11px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}.topbar-subscription--active{background:#def4e5;color:#175b2b}.topbar-subscription--inactive{background:#f0f0f0;color:#666}.subscription-admin-card{margin:18px 0;padding:18px;border:1px solid #e6e3dd;border-radius:16px;background:#faf9f6;display:flex;align-items:center;justify-content:space-between;gap:18px}.subscription-admin-card h4{margin:7px 0 5px;font-size:20px}.subscription-admin-card p{margin:0;color:#777;font-size:13px}.subscription-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.button--danger{background:#fff0f0;color:#8d2020}.button--danger:hover{background:#ffe1e1}@media (max-width:900px){.subscription-admin-card{align-items:flex-start;flex-direction:column}.subscription-actions{justify-content:flex-start}.topbar-subscription{display:none}}.primary-workspace{margin-top:18px}.primary-workspace .card__head h2{font-size:28px;margin:6px 0 7px}.class-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.class-card{border:1px solid #e6e3dd;background:#faf9f6;border-radius:16px;padding:18px;text-align:left;display:grid;gap:7px;color:#111}.class-card:hover{background:#f3f1ec;border-color:#d7d2c8}.class-card__grade{font-size:32px;font-weight:900;letter-spacing:-.04em}.class-card small{color:#777}.secondary-tools{display:grid;gap:10px;margin-top:20px}.collapsible-card{padding:0;overflow:hidden}.collapsible-card--closed{border-radius:14px}.collapsible-toggle{width:100%;border:0;background:#fff;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;color:#111}.collapsible-toggle:hover{background:#f7f6f3}.collapsible-toggle>span:first-child{display:grid;gap:3px}.collapsible-toggle strong{font-size:15px}.collapsible-toggle small{font-size:12px;color:#888;font-weight:500}.collapsible-toggle__action{font-size:12px;color:#777;font-weight:700;white-space:nowrap}.collapsible-content{padding:4px 20px 20px}.subscription-blocked-alert{margin:18px 0 0;padding:16px 18px;border:1px solid #f0c5c5;background:#fff3f3;color:#7e1f1f;border-radius:16px;display:grid;gap:4px}.subscription-blocked-alert strong{font-size:15px}.subscription-blocked-alert span{font-size:13px;line-height:1.5}.subscription-locked-content{opacity:.42;filter:grayscale(.35);pointer-events:none;-webkit-user-select:none;user-select:none}.subscription-locked-content button,.subscription-locked-content input,.subscription-locked-content select,.subscription-locked-content textarea{cursor:not-allowed!important}.class-card--active{border-color:#111;background:#f0eee8;box-shadow:0 0 0 2px #0000000d}.class-workspace-preview{margin-top:16px;padding:18px;border:1px solid #dedbd4;border-radius:16px;background:#faf9f6;display:flex;justify-content:space-between;gap:20px;align-items:center}.class-workspace-preview h3{margin:6px 0 4px;font-size:30px}.class-workspace-preview p{margin:0;color:#777}.class-workspace-preview__future{display:grid;gap:4px;text-align:right;max-width:360px}.class-workspace-preview__future span{font-size:13px;color:#777;line-height:1.45}.teacher-select{width:100%;min-width:190px;padding:9px 10px;border:1px solid #d8d8d8;border-radius:10px;background:#fff}@media (max-width:700px){.class-workspace-preview{align-items:flex-start;flex-direction:column}.class-workspace-preview__future{text-align:left}}.subject-picker{display:grid;gap:9px;padding:12px 14px;border:1px solid #e1ded8;border-radius:12px;background:#faf9f6}.subject-picker>strong{font-size:13px}.subject-option{display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:9px!important;font-weight:600!important;line-height:1.35}.subject-option input{width:auto!important;margin-top:2px}.class-subject-field{display:grid;gap:8px}.class-subject-field>strong{font-size:13px;color:#333}.class-subject-field__hint{font-size:12px;color:#888}.subject-option--fixed{padding:12px 14px;border:1px solid #e1ded8;border-radius:12px;background:#faf9f6}.subject-option--disabled{opacity:.45}.subject-option--disabled input{cursor:not-allowed}.subject-option small{font-size:11px;color:#888;font-weight:500}.button--small{padding:9px 12px;border-radius:10px;font-size:12px}.class-card__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.file-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:max-content}.file-button input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer}.file-button.is-disabled{opacity:.55;pointer-events:none}.ktp-filters{margin-bottom:16px}.ktp-table td{vertical-align:top}.ktp-cell{display:grid;gap:7px;min-width:190px}.ktp-file-name{font-size:13px;word-break:break-word}.ktp-version{font-size:11px;color:#888}.ktp-actions{display:flex;flex-wrap:wrap;gap:7px}@media (max-width:700px){.class-card__actions{display:grid;grid-template-columns:1fr}.class-card__actions .button{width:100%}}.lesson-material-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.lesson-material-filters label{display:grid;gap:7px;font-size:13px;font-weight:700;color:#333}.lesson-material-filters select,.lesson-material-filters input{width:100%;padding:13px 14px;border:1px solid #d8d8d8;border-radius:12px;background:#fff;color:#171717;outline:none;transition:.2s}.lesson-material-filters select:focus,.lesson-material-filters input:focus{border-color:#111;box-shadow:0 0 0 3px #00000012}.lesson-material-table td{vertical-align:top}.lesson-material-cell{display:grid;gap:7px;min-width:190px}@media (max-width:900px){.lesson-material-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.lesson-material-filters{grid-template-columns:1fr}}.ui-icon{width:18px;height:18px;display:block;flex:0 0 auto;object-fit:contain}.password-toggle .ui-icon{width:20px;height:20px}.icon-button .ui-icon{width:18px;height:18px}.icon-button--danger .ui-icon{width:20px;height:20px}.class-workspace-preview--lessons{display:grid;gap:18px}.class-lessons-panel{display:grid;gap:0;margin-top:4px}.lessons-toggle{width:100%;border:1px solid #e3dfd7;border-radius:14px;background:#fff;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;font:inherit;font-weight:800;color:#111;text-align:left}.lessons-toggle:hover{background:#f7f6f3}.lessons-toggle--open{border-radius:14px 14px 0 0}.lessons-chevron{width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s ease;margin-right:4px;margin-bottom:4px}.lessons-toggle--open .lessons-chevron{transform:rotate(225deg);margin-bottom:-4px}.class-lessons-content{border:1px solid #e3dfd7;border-top:0;border-radius:0 0 16px 16px;background:#fff;padding:18px;display:grid;gap:22px}.lesson-schedule-card{border:1px solid #e6e3dd;border-radius:16px;background:#faf9f6;padding:18px;display:grid;gap:14px}.lesson-section-title h4{margin:5px 0 0;font-size:20px}.schedule-slots{display:grid;gap:10px}.schedule-slot{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,.45fr) auto;gap:10px;align-items:end}.schedule-slot label{display:grid;gap:7px;font-size:13px;font-weight:700;color:#333}.schedule-slot select,.schedule-slot input{width:100%;padding:13px 14px;border:1px solid #d8d8d8;border-radius:12px;background:#fff;color:#171717;outline:none;transition:.2s}.schedule-slot select:focus,.schedule-slot input:focus{border-color:#111;box-shadow:0 0 0 3px #00000012}.schedule-remove{height:45px}.schedule-actions{display:flex;flex-wrap:wrap;gap:8px}.lesson-period{display:grid;gap:12px}.lesson-period__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 2px}.lesson-period__head span{font-size:18px;font-weight:850}.lesson-period__head small{font-size:12px;color:#777}.lesson-list{display:grid;gap:10px}.lesson-card{border:1px solid #e6e3dd;border-radius:16px;padding:17px;background:#faf9f6;display:grid;gap:14px}.lesson-card--locked{background:#fbfbfa}.lesson-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.lesson-card__top h4{margin:5px 0;font-size:18px}.lesson-card__top p{margin:0;color:#777;font-size:13px}.lesson-status{display:inline-flex;align-items:center;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800;white-space:nowrap}.lesson-status--open{background:#def4e5;color:#175b2b}.lesson-status--ready{background:#fff1d6;color:#805500}.lesson-status--locked{background:#efefef;color:#6d6d6d}.lesson-release-row{display:flex}.lesson-material-buttons{display:flex;flex-wrap:wrap;gap:8px}.lesson-material-download:disabled{opacity:.42;cursor:not-allowed}@media (max-width:760px){.schedule-slot{grid-template-columns:1fr 1fr}.schedule-remove{grid-column:1/-1;width:100%}.lesson-card__top{display:grid}.lesson-status{width:max-content}.lesson-material-buttons{display:grid;grid-template-columns:1fr}.lesson-material-buttons .button{width:100%}}@media (max-width:520px){.schedule-slot{grid-template-columns:1fr}}.class-workspace-preview--lessons{display:flex;gap:20px}.class-lessons-launch{border:1px solid #dedbd4;background:#fff;color:#111;border-radius:12px;padding:11px 14px;font:inherit;font-weight:800;display:inline-flex;align-items:center;gap:9px;white-space:nowrap}.class-lessons-launch:hover{background:#f3f1ec}.class-lessons-launch .ui-icon{width:17px;height:17px}.lessons-workspace{width:100%;margin-top:18px;border:1px solid #dedbd4;border-radius:20px;background:#fff;padding:24px;display:grid;gap:22px}.lessons-workspace__head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding-bottom:18px;border-bottom:1px solid #ece9e3}.lessons-workspace__head h3{margin:6px 0 4px;font-size:30px;letter-spacing:-.03em}.lessons-workspace__head p{margin:0;color:#777}.lessons-workspace__body{display:grid;gap:24px}.lesson-period{width:100%}.lesson-list{display:grid;gap:12px;width:100%}.lesson-card{width:100%}@media (max-width:700px){.class-workspace-preview--lessons{align-items:flex-start;flex-direction:column}.class-lessons-launch{width:100%}.lessons-workspace{padding:18px}}.class-workspace-tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.class-lessons-launch.is-active{background:#111;color:#fff;border-color:#111}.class-lessons-launch.is-active .ui-icon{filter:invert(1)}.student-add-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.student-add-card{border:1px solid #e6e3dd;border-radius:16px;background:#faf9f6;padding:18px;display:grid;gap:13px}.student-add-card__head h4{margin:5px 0 0;font-size:20px}.student-add-card label{display:grid;gap:7px;font-size:13px;font-weight:700;color:#333}.student-add-card input{width:100%;padding:13px 14px;border:1px solid #d8d8d8;border-radius:12px;background:#fff;outline:none;transition:.2s}.student-add-card input:focus{border-color:#111;box-shadow:0 0 0 3px #00000012}.student-bulk-actions,.schedule-actions{display:flex;flex-wrap:wrap;gap:8px}.helper-text{margin:0;color:#777;font-size:13px;line-height:1.5}.bulk-ready{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:12px;background:#fff;border:1px solid #e2ded5}.credentials-result{border:1px solid #d9d4c8;border-radius:16px;background:#f4f1e9;padding:18px;display:grid;gap:14px}.credentials-result__head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.credentials-result__head h4{margin:5px 0;font-size:20px}.credentials-result__head p{margin:0;color:#6f695f;font-size:13px}.credentials-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.credential-card{background:#fff;border:1px solid #ded8cc;border-radius:12px;padding:13px;display:grid;gap:5px}.credential-card strong{font-size:14px}.credential-card span{font-size:12px;color:#555;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.student-list-card{display:grid;gap:12px}.analytics-zone-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.analytics-zone{border-radius:15px;padding:16px;display:grid;gap:4px;border:1px solid transparent}.analytics-zone strong{font-size:28px}.analytics-zone span{font-size:12px;font-weight:700}.analytics-zone--green{background:#edf8f0;border-color:#ccebd5;color:#175b2b}.analytics-zone--orange{background:#fff6e5;border-color:#f0d8a7;color:#805500}.analytics-zone--red{background:#fff0f0;border-color:#f2c7c7;color:#8d2020}.analytics-list{display:grid;gap:9px}.analytics-student{display:grid;grid-template-columns:44px minmax(220px,1fr) 100px 120px 44px;gap:14px;align-items:center;border:1px solid #e6e3dd;border-left-width:5px;border-radius:14px;background:#fff;padding:13px 15px}.analytics-student--green{border-left-color:#55a96b}.analytics-student--orange{border-left-color:#d59a2d}.analytics-student--red{border-left-color:#d35a5a}.analytics-student--none{border-left-color:#ccc}.analytics-rank{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#f1f1f1;font-weight:850;font-size:12px}.analytics-student__name{display:grid;gap:3px}.analytics-student__name small{color:#777}.analytics-score{display:flex;align-items:baseline;gap:4px}.analytics-score strong{font-size:22px}.analytics-score span{font-size:12px;color:#777}.analytics-last{display:grid;gap:3px}.analytics-last span{font-size:11px;color:#888}.analytics-last strong{font-size:13px}.analytics-trend{font-size:22px;font-weight:900;text-align:center}.analytics-trend--up{color:#278443}.analytics-trend--down{color:#b53b3b}.analytics-trend--flat{color:#777}@media (max-width:850px){.student-add-grid{grid-template-columns:1fr}.analytics-student{grid-template-columns:36px 1fr 74px 38px}.analytics-last{display:none}}@media (max-width:620px){.class-workspace-tabs{width:100%;display:grid;grid-template-columns:1fr}.class-workspace-tabs .class-lessons-launch{width:100%}.credentials-result__head{display:grid}.analytics-zone-summary{grid-template-columns:1fr}.analytics-student{grid-template-columns:32px 1fr 38px}.analytics-score{display:none}}.student-list-head>div{display:grid;gap:3px}.student-list-head>div small{color:#777;font-size:12px}@media (max-width:620px){.student-list-head{align-items:flex-start;flex-direction:column}.student-list-head .button{width:100%}}.practice-launch-button{border:1px solid #d8d4cc;background:#111;color:#fff;border-radius:12px;padding:11px 14px;font:inherit;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:9px;width:max-content}.practice-launch-button:hover{background:#292929}.practice-launch-button:disabled{opacity:.45;cursor:not-allowed}.practice-launch-button .ui-icon{filter:invert(1);width:17px;height:17px}.practice-workspace{border:1px solid #d8d4cc;border-radius:18px;background:#f8f7f4;padding:22px;display:grid;gap:20px}.practice-workspace__head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.practice-workspace__head h3{margin:5px 0;font-size:28px}.practice-workspace__head p{margin:0;color:#777;max-width:720px}.practice-missions{display:grid;gap:16px}.practice-mission{background:#fff;border:1px solid #e5e1d9;border-radius:16px;padding:18px;display:grid;gap:16px}.practice-mission__head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.practice-mission__head h4{margin:5px 0 4px;font-size:20px}.practice-mission__head p{margin:0;color:#777;font-size:13px}.practice-mission__head>strong{white-space:nowrap;font-size:13px;background:#f0eee9;padding:7px 9px;border-radius:999px}.practice-task{display:grid;gap:13px;border-top:1px solid #eeeae3;padding-top:15px}.practice-items{display:grid;gap:9px}.practice-item{display:grid;grid-template-columns:minmax(160px,1fr) minmax(210px,.8fr);gap:12px;align-items:center;padding:11px 12px;border:1px solid #ebe7df;border-radius:12px;background:#fbfaf8}.practice-item--stack{grid-template-columns:1fr}.practice-item select{width:100%;padding:11px 12px;border:1px solid #d8d8d8;border-radius:10px;background:#fff;color:#171717;outline:none}.practice-item select:focus{border-color:#111;box-shadow:0 0 0 3px #00000012}.practice-choice-row{display:flex;gap:8px;flex-wrap:wrap}.practice-task__footer{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.practice-feedback{display:flex;gap:10px;align-items:center;padding:9px 11px;border-radius:10px;font-size:12px}.practice-feedback--correct{background:#eaf7ee;color:#175b2b}.practice-feedback--partial{background:#fff4df;color:#805500}.practice-finish{display:flex;justify-content:flex-end;border-top:1px solid #ddd8cf;padding-top:18px}.practice-finish>div{display:flex;align-items:baseline;gap:10px}.practice-finish strong{font-size:30px}.student-lessons-card{display:grid;gap:16px}.student-lesson-list{display:grid;gap:10px}.student-lesson-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border:1px solid #e5e1d9;border-radius:15px;background:#faf9f6}.student-lesson-row--locked{opacity:.72}.student-lesson-row h4{margin:5px 0 4px;font-size:18px}.student-lesson-row p{margin:0;color:#777;font-size:13px}@media (max-width:700px){.practice-workspace__head,.practice-mission__head,.student-lesson-row{display:grid}.practice-item{grid-template-columns:1fr}.practice-launch-button{width:100%}}.practice-page{max-width:1180px;margin:0 auto;padding-top:28px}.practice-page__topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}@media (max-width:620px){.practice-page__topbar{align-items:flex-start;flex-direction:column}}.practice-launch-button{text-decoration:none}.practice-workspace{--practice-primary:#111;--practice-accent:#ece9e3;--practice-soft:#f8f7f4}.practice-theme--primary-young{--practice-primary:#5b63f6;--practice-accent:#fff2a8;--practice-soft:#f3fbff}.practice-theme--fox{--practice-primary:#175bd8;--practice-accent:#ff9f43;--practice-soft:#fff8ed;background:radial-gradient(circle at top right,rgba(255,159,67,.18),transparent 30%),linear-gradient(180deg,#f7fbff,#fff8ed);border-color:#cfe0ff}.practice-theme--creative{--practice-primary:#7c4dff;--practice-accent:#ff7f6a;--practice-soft:#faf6ff}.practice-theme--vibrant{--practice-primary:#2455d6;--practice-accent:#ffbe3d;--practice-soft:#f5f8ff}.practice-theme--green{--practice-primary:#187b55;--practice-accent:#8fd6ad;--practice-soft:#f5fbf7}.practice-theme--orange{--practice-primary:#d97706;--practice-accent:#ffd199;--practice-soft:#fff8ef}.practice-theme--pro{--practice-primary:#222;--practice-accent:#dedede;--practice-soft:#f7f7f7}.practice-theme--fox .practice-workspace__head{background:linear-gradient(135deg,#175bd8,#3d78e8);color:#fff;border-radius:18px;padding:20px;border:0;align-items:center}.practice-theme--fox .practice-workspace__head .eyebrow,.practice-theme--fox .practice-workspace__head p{color:#ffffffd6}.practice-theme--fox .practice-workspace__head h3{font-size:32px}.practice-title-block{min-width:0}.practice-close{flex:0 0 auto}.fox-guide{display:flex;align-items:center;gap:12px;background:#ffffff24;border:1px solid rgba(255,255,255,.28);padding:10px 12px;border-radius:16px;max-width:360px}.fox-guide__mascot{width:58px;height:58px;border-radius:18px;background:#fff;display:grid;place-items:center;font-size:34px;box-shadow:0 8px 22px #0000001f;flex:0 0 auto}.fox-guide__bubble{display:grid;gap:2px}.fox-guide__bubble strong{font-size:14px}.fox-guide__bubble span{font-size:12px;line-height:1.35;color:#ffffffe6}.practice-theme--fox .practice-missions{gap:20px}.practice-theme--fox .practice-mission{border:2px solid #dce8ff;border-radius:22px;padding:20px;box-shadow:0 10px 28px #33528514;overflow:hidden;position:relative}.practice-theme--fox .practice-mission:before{content:"";position:absolute;inset:0 0 auto 0;height:7px;background:var(--mission-accent,#175bd8)}.practice-theme--fox .practice-mission--1{--mission-accent:#3b82f6}.practice-theme--fox .practice-mission--2{--mission-accent:#ff9f43}.practice-theme--fox .practice-mission--3{--mission-accent:#8b5cf6}.practice-theme--fox .practice-mission--4{--mission-accent:#14b8a6}.practice-theme--fox .practice-mission--5{--mission-accent:#ef5b5b}.practice-theme--fox .practice-mission__head h4{font-size:23px;margin-top:9px}.practice-theme--fox .practice-mission__head>strong{background:#fff3dd;color:#8a4b00;border:1px solid #ffd49c;padding:8px 11px}.mission-badge{display:inline-flex;align-items:center;width:max-content;padding:6px 10px;border-radius:999px;background:#eaf2ff;color:#175bd8;font-size:12px;font-weight:900}.practice-theme--fox .practice-mission--2 .mission-badge{background:#fff1df;color:#b55a00}.practice-theme--fox .practice-mission--3 .mission-badge{background:#f0eaff;color:#6841c6}.practice-theme--fox .practice-mission--4 .mission-badge{background:#e6fbf7;color:#0f766e}.practice-theme--fox .practice-mission--5 .mission-badge{background:#ffe9e9;color:#b12b2b}.fox-mission-note{display:flex;align-items:flex-start;gap:8px;margin-top:12px;padding:10px 12px;border-radius:14px;background:#fff8ea;border:1px solid #ffd9a3;color:#67420f;font-size:13px;line-height:1.4}.fox-mission-note>span:first-child{font-size:20px}.practice-theme--fox .practice-task{border-top:1px dashed #cfdcf3;padding-top:18px}.practice-theme--fox .practice-task>strong{font-size:15px}.practice-theme--fox .practice-item{background:#fff;border:2px solid #e2ebfa;border-radius:15px;padding:13px}.practice-theme--fox .practice-item select{border:2px solid #cddcf7;border-radius:12px;padding:12px 13px}.practice-theme--fox .practice-task__footer .button--primary{background:#175bd8;border-color:#175bd8;box-shadow:0 6px 16px #175bd82e}.classification-board{display:grid;gap:14px}.classification-board__label{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:#6a7485}.classification-pool{background:#f7f9fc;border:2px dashed #b9c8df;border-radius:16px;padding:14px;min-height:90px}.classification-cards{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px;min-height:36px}.classification-card{display:inline-flex;align-items:center;gap:7px;padding:10px 12px;border-radius:12px;background:#fff;border:2px solid #d7e2f3;box-shadow:0 4px 10px #354c6e14;cursor:grab;-webkit-user-select:none;user-select:none}.classification-card:active{cursor:grabbing}.classification-card__grab{font-weight:900;color:#8aa0bf;letter-spacing:-3px}.classification-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.classification-group{border:2px dashed #bcd0f0;border-radius:16px;padding:13px;background:#f8fbff;min-height:120px}.classification-group:nth-child(2n){border-color:#ffc989;background:#fff9f0}.classification-group__title{font-size:14px;font-weight:900;color:#244d8f;margin-bottom:9px}.classification-group:nth-child(2n) .classification-group__title{color:#a95700}.classification-group__cards{display:flex;flex-wrap:wrap;gap:9px;min-height:48px}.classification-card--placed{background:#fff}.classification-tip{margin:0;color:#78859a;font-size:12px}.practice-theme--fox .practice-feedback--correct{background:#e5f8ea;border:1px solid #bde9c9}.practice-theme--fox .practice-feedback--partial{background:#fff2df;border:1px solid #ffd49a}@media (max-width:900px){.practice-theme--fox .practice-workspace__head{display:grid}.fox-guide{max-width:none}}@media (max-width:700px){.classification-groups{grid-template-columns:1fr}.fox-guide{align-items:flex-start}}.lesson-intro-page{max-width:1440px;margin:0 auto}.lesson-intro-card{border:1px solid var(--line, #e6e6e6);border-radius:28px;background:var(--surface, #ffffff);padding:clamp(20px,3vw,36px);box-shadow:0 18px 50px #0000000f}.lesson-intro-card__head{text-align:center;margin-bottom:28px}.lesson-intro-card__head h1{margin:8px 0 6px}.lesson-intro-card__head p{margin:0;color:var(--muted, #707070)}.lesson-intro-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,.8fr);gap:24px;align-items:stretch}.lesson-video-panel,.lesson-summary-panel{min-height:390px;border:1px solid var(--line, #e6e6e6);border-radius:22px;overflow:hidden;background:#fafafa}.lesson-video-panel{display:flex;align-items:center;justify-content:center}.lesson-video-panel video{width:100%;height:100%;min-height:390px;max-height:68vh;object-fit:contain;background:#0c0c0c}.lesson-video-placeholder{width:100%;min-height:390px;display:grid;place-items:center;padding:32px;text-align:center;color:var(--muted, #707070);background:linear-gradient(135deg,#00000006,#0000000f)}.lesson-summary-panel{padding:24px;overflow:auto}.lesson-summary-panel h2{margin:8px 0 18px}.lesson-summary-text{white-space:pre-wrap;line-height:1.7}.lesson-summary-empty{color:var(--muted, #707070)}.lesson-intro-actions{display:flex;justify-content:center;padding-top:26px}.lesson-practice-button{min-width:min(100%,340px);justify-content:center;text-align:center}.lesson-summary-admin{margin-top:22px;border-top:1px solid var(--line, #e6e6e6);padding-top:22px}.lesson-summary-admin__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.lesson-summary-admin__column{display:flex;flex-direction:column;gap:10px}.lesson-summary-admin__column textarea{width:100%;resize:vertical;min-height:210px}.password-reset-panel{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:16px;border:1px solid var(--line, #e6e6e6);border-radius:18px;background:#fafafa}.password-reset-panel p{margin:5px 0 0;color:var(--muted, #707070)}@media (max-width: 900px){.lesson-intro-grid,.lesson-summary-admin__grid{grid-template-columns:1fr}.lesson-video-panel,.lesson-video-panel video,.lesson-video-placeholder{min-height:260px}.password-reset-panel{align-items:stretch;flex-direction:column}}.teacher-access-card{margin:4px 0 18px;padding:16px;border:1px solid var(--line, #e6e6e6);border-radius:18px;background:#fafafa;display:grid;gap:12px}.teacher-access-row{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:12px;align-items:center}.teacher-access-row>span{color:var(--muted, #707070);font-size:.9rem}.teacher-access-row>strong{min-width:0;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.teacher-access-row--password{padding-top:10px;border-top:1px solid var(--line, #e6e6e6)}.teacher-access-row--password>strong{font-size:1.06rem;letter-spacing:.04em}.teacher-access-copy-all{justify-self:start}@media (max-width: 680px){.teacher-access-row{grid-template-columns:1fr;align-items:stretch}.teacher-access-row .button,.teacher-access-copy-all{width:100%;justify-content:center}}.language-switch{display:inline-flex;gap:4px;padding:3px;border:1px solid var(--line, #e6e6e6);border-radius:12px;background:#f2f2f2}.language-switch__button{min-width:42px;border:0;border-radius:9px;padding:7px 10px;background:transparent;color:#777;font:inherit;font-weight:700;cursor:pointer}.language-switch__button.is-active{background:#111;color:#fff}.topbar-support{display:inline-flex;align-items:center;gap:5px;color:inherit;text-decoration:none;font-size:.82rem;white-space:nowrap;opacity:.72}.topbar-support:hover{opacity:1}.octopus-signature{width:fit-content;max-width:calc(100% - 32px);margin:26px 18px 14px auto;padding:7px 12px;border-radius:9px;background:#111;color:#ffffff94;font-size:.72rem;letter-spacing:.04em;-webkit-user-select:none;user-select:none}@media (max-width: 900px){.topbar{flex-wrap:wrap}.topbar-support{order:5;width:100%;justify-content:flex-end}}.login-brand-row{display:flex;align-items:center;justify-content:space-between;gap:18px}