.connection-state{display:flex;align-items:center;gap:8px;color:#47765e;font-size:11px;margin-bottom:19px;min-height:29px}.connection-state>.icon{width:16px;height:16px}.connection-state small{display:inline;margin-inline-start:10px;color:#627e6e;font-size:10px}.connection-state.offline{background:#fff1d9;border:1px solid #e3bc76;padding:12px;border-radius:12px;color:#775323}.connection-state.offline small{color:#775323}.connection-state.connecting{color:#5c7285}.connection-state .text-link{margin-inline-start:auto}.schedule-controls{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.demo-clock{display:flex;align-items:center;gap:7px;font-size:11px;color:#537466}.demo-clock .icon{width:16px;height:16px}.day-picker{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;max-width:650px}.day-picker button{display:flex;flex-direction:column;align-items:center;gap:4px;background:#f4fcf8a3;border:1px solid #ffffffc9;border-radius:16px;min-height:80px;padding:10px;color:#54716a}.day-picker strong{font-size:21px;font-weight:600}.day-picker small{font-size:9px}.day-picker button.selected{color:#087443;background:#d4efdfda;border-color:#72b48e;box-shadow:inset 0 1px 4px #fff}.schedule-entry{position:relative}.schedule-entry+.schedule-entry{border-top:1px solid #c5d9ce}.schedule-entry:has(.lesson-edit-button){padding-bottom:12px}.lesson-edit-button{display:flex;align-items:center;gap:7px;min-height:37px;border:1px solid #b9d7c5;border-radius:10px;padding:7px 12px;margin-inline-start:auto;font-size:11px;color:#176d4b;background:#effaf1c4}.lesson-edit-button .icon{width:15px;height:15px}.schedule-entry.cancelled .row-text strong,.week-lesson.cancelled>strong{text-decoration:line-through;text-decoration-thickness:1px}.schedule-entry.cancelled .schedule-row{background:#fbe7eca6;border-radius:13px}.phase2-note{font-size:11px;line-height:1.8;color:#507263;margin:19px 0;display:flex;align-items:flex-start;gap:8px}.phase2-note .icon{width:16px;height:16px;flex-shrink:0;margin-top:2px}.demo-guide-button{font-size:12px}.week-scroll{overflow:auto;border-radius:18px;border:1px solid #fff;background:#f1f8f384;padding:12px}.week-grid{display:grid;grid-template-columns:repeat(5,minmax(155px,1fr));gap:12px;min-width:810px}.week-day-title{padding:12px 4px;color:#286c4c;font-size:13px;width:100%;min-height:44px}.week-day-title small{background:#b1e3c5;border-radius:5px;padding:2px 5px;font-size:9px}.week-lesson{display:flex;flex-direction:column;align-items:flex-start;text-align:right;gap:8px;background:#ffffffbf;border:1px solid white;border-radius:13px;padding:13px 10px;margin:8px 0;width:100%;min-height:131px}.week-lesson>strong{font-size:14px}.week-lesson>bdi,.week-lesson>span:not(.badge){font-size:11px;color:#608073}.week-lesson .badge{font-size:9px;max-width:100%;white-space:normal;text-align:right}.week-day.today .week-lesson{border-color:#93c6a8}.lesson-history{margin-top:25px;padding-top:20px;border-top:1px solid #b7d0c2}.lesson-history h3{display:flex;align-items:center;gap:8px;font-size:15px}.lesson-history h3 .icon{width:17px;height:17px}.lesson-history ol{padding:0;list-style:none;margin:17px 0 0}.lesson-history li{display:flex;gap:13px;align-items:flex-start;padding:0 0 18px;margin:0}.lesson-history li time{font-size:10px;color:#527565;direction:ltr;min-width:50px;padding-top:3px}.lesson-history li>div{border-inline-start:2px solid #99c9ad;padding-inline-start:13px;min-width:0}.lesson-history li strong{font-size:12px;line-height:1.8;font-weight:500;display:block;overflow-wrap:anywhere}.lesson-history li small{font-size:10px;color:#6c8878;display:block;margin-top:4px}.lesson-date{font-size:11px;color:#648674;margin:12px 0}.cancelled-notice{display:flex;gap:9px;align-items:center;font-size:12px;line-height:1.8;padding:14px;margin:17px 0;color:#9b3853;background:#f9e5eb;border:1px solid #efbfd0;border-radius:12px}.cancelled-notice .icon{width:18px;height:18px}.update-context{background:#dcefe4ad;padding:16px;border:1px solid #fff;border-radius:14px;display:flex;flex-direction:column;gap:9px;margin-bottom:20px}.update-context>strong{font-size:17px}.update-context>span:not(.badge){font-size:12px;color:#557464}.update-context .badge{align-self:flex-start}.form-label{display:flex;flex-direction:column;gap:9px;font-size:13px;font-weight:500;margin:15px 0}.form-label input,.form-label select,.form-label textarea{width:100%;min-height:45px;padding:10px 12px;border-radius:10px;border:1px solid #a7c9b5;background:#fafffdd9;color:#20483a;font:inherit;resize:vertical}.form-label input[type=time]{direction:ltr;text-align:right}#lesson-update-form fieldset{margin:0;padding:0;border:0;min-width:0}#lesson-update-form legend{font-size:12px;color:#63836c;padding-top:12px}.time-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.update-explanation{color:#59775f;font-size:12px;line-height:1.9;margin-top:14px}.update-explanation:empty{display:none}.update-buttons{display:flex;align-items:center;gap:10px;margin-top:22px}.update-buttons .primary-button{flex:1}.form-error{padding:13px;background:#ffebee;border:1px solid #e3aeb9;border-radius:10px;color:#983d53;font-size:12px;line-height:1.8;margin-top:15px}.form-error[hidden],#lesson-update-form [hidden]{display:none}.update-buttons button:disabled{opacity:.6;cursor:wait}.lesson-status-tools{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.lesson-status-tools .secondary-button{font-size:11px;min-height:35px;padding:7px 10px}.lesson-status-tools .icon{width:16px;height:16px}.current-lesson.cancelled{background:linear-gradient(120deg,#fff0f1df,#f2dce4c4)}.live-lesson-note{font-size:12px;color:#506f60;line-height:1.7;margin-bottom:13px;overflow-wrap:anywhere}.current-bottom .next-hint{line-height:1.8;font-size:11px;max-width:70%}.lesson-progress-native{appearance:none;display:block;width:100%;height:3px;border:0;border-radius:4px;background:#c9e0d4;color:#45ba77}.lesson-progress-native::-webkit-progress-bar{background:#c9e0d4;border-radius:4px}.lesson-progress-native::-webkit-progress-value{background:#45ba77;border-radius:4px}.lesson-progress-native::-moz-progress-bar{background:#45ba77}.parent-live-lesson{margin-top:18px;padding-top:17px;border-top:1px solid #b7d5c2;display:flex;flex-direction:column;gap:10px}.parent-live-lesson .badge{align-self:flex-start}.parent-live-lesson p{font-size:12px;color:#486d56;line-height:1.8}.notification-row .row-text>span{overflow-wrap:anywhere}.notification-row .row-text small{flex-wrap:wrap}.phase2-help ol{padding-right:20px;line-height:2;font-size:13px}.phase2-help p{font-size:12px;line-height:1.9}.phase2-help .secondary-button{margin-top:15px}.high-contrast .schedule-entry,.high-contrast .week-lesson,.high-contrast .day-picker button{background:#f7fff9;border-color:#6a8e74}.high-contrast .live-lesson-note,.high-contrast .phase2-note,.high-contrast .demo-clock{color:#315742}.high-contrast .connection-state{color:#315742}
@media(max-width:760px){.connection-state{font-size:10px;margin-bottom:15px}.connection-state small{display:block;margin:3px 0 0;font-size:9px}.schedule-controls{align-items:flex-start;flex-direction:column;gap:12px}.demo-clock{font-size:10px}.day-picker{gap:6px}.day-picker button{min-height:75px;padding:9px 3px;font-size:11px;border-radius:14px}.day-picker strong{font-size:20px}.day-picker small{font-size:8px}.schedule-entry{border:0!important}.schedule-entry .schedule-row{margin-bottom:0}.schedule-entry{margin-bottom:12px}.schedule-entry:has(.lesson-edit-button){background:#eff9f0a6;border:1px solid #fff!important;border-radius:22px;padding-bottom:9px}.schedule-entry:has(.lesson-edit-button) .schedule-row{box-shadow:none;background:transparent;border:0!important}.lesson-edit-button{margin-inline-end:12px;font-size:11px}.schedule-list.card{padding:0}.schedule-entry.cancelled .schedule-row{border-radius:22px}.lesson-status-tools .secondary-button{font-size:10px}.current-lesson .current-status{max-width:55%;white-space:normal;line-height:1.5;text-align:center}.live-lesson-note{font-size:11px}.current-lesson .current-bottom{align-items:flex-start;gap:10px}.current-lesson .current-bottom .next-hint{font-size:10px}.current-lesson.cancelled h2{font-size:26px}.phase2-note{font-size:10px}.home-page:not(.parent-page) #live-connection{order:0}.lesson-history li time{font-size:9px;min-width:46px}.week-scroll{max-width:100%}.schedule-page .page-toolbar{flex-wrap:wrap;gap:12px}.sheet-body .live-lesson-note{font-size:12px}}
.current-lesson .math-art > .icon{width:44px;height:44px;stroke-width:1.5}.today-subject{min-width:0}.today-row .badge{max-width:45%;white-space:normal;text-align:right;line-height:1.5}.large-text .form-label{font-size:16px}.large-text .connection-state,.large-text .week-lesson>span{font-size:13px}