section.school {  }
section.school * { background: inherit; color: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; }
section.school > .wrap { overflow: hidden; }
/*section.school .school-wheel-title { margin-top: 40px; font-size: 32px; font-weight: 700; }*/
section.school .diet-wheel { position: relative; width: calc(100% + 80px); height: 640px; margin-left: -40px; margin-top: -120px; overflow: hidden; cursor: grab; touch-action: pan-y; user-select: none; }
section.school .diet-wheel.is-dragging { cursor: grabbing; }
section.school .diet-wheel-track { position: absolute; inset: 0; transform: translateY(var(--wheel-center-offset, 0px)); }
section.school .diet-day { position: absolute; top: 50%; left: 50%; display: flex; flex-direction: column; width: 240px; height: 320px; margin: 0; overflow: hidden; border: 1px solid var(--rududu-black); border-radius: 16px; background: var(--rududu-background); padding: 24px; opacity: .5; pointer-events: none; will-change: transform; }
section.school .diet-day.is-active { z-index: 2; }
section.school .diet-day.is-today { background: var(--ambient-shape-color); color: var(--rududu-text); opacity: 1; }
section.school .diet-day .day { font-size: 24px; font-weight: 700; }
section.school .diet-day .label { margin-top: 16px; font-size: 8px; font-weight: 200; }
section.school .diet-day .text { overflow-wrap: anywhere; }

section.school .lessons-wheel { position: relative; width: calc(100% + 80px); height: 640px; margin-left: -40px; margin-top: -240px; overflow: hidden; cursor: grab; touch-action: pan-y; user-select: none; }
section.school .lessons-wheel.is-dragging { cursor: grabbing; }
section.school .lessons-wheel-track { position: absolute; inset: 0; transform: translateY(var(--wheel-center-offset, 0px)); }
section.school .lessons-day { position: absolute; top: 50%; left: 50%; display: flex; flex-direction: column; width: 240px; /*height: 320px;*/ margin: 0; overflow: hidden; border: 1px solid var(--rududu-black); border-radius: 16px; background: var(--rududu-background); padding: 16px; opacity: .5; pointer-events: none; will-change: transform; }
section.school .lessons-day.is-active { z-index: 2; }
section.school .lessons-day.is-today { background: var(--ambient-shape-color); color: var(--rududu-text); opacity: 1; }
section.school .lessons-day .day { font-size: 24px; line-height: 1; font-weight: 700; }
section.school .lessons-day .label { margin-top: 16px; font-size: 8px; line-height: 1; font-weight: 200; }
section.school .lessons-day .text { overflow-wrap: anywhere; }

/*section.school .lesson-list { display: flex; flex-direction: column; margin-top: 10px; }
section.school .lesson-row { display: grid; grid-template-columns: 58px 1fr; gap: 8px; padding: 4px 0; border-top: 1px solid currentColor; }
section.school .lesson-time { font-size: 9px; font-weight: 200; }
section.school .lesson-subject { overflow-wrap: anywhere; font-size: 10px; line-height: 1.1; }
section.school .lesson-empty { margin-top: 10px; }*/

section.school .school-wheel-title { margin: 0 0 12px; text-align: center; font-size: 32px; font-weight: 700; }
section.school .homework-wheel { position: relative; width: calc(100% + 80px); height: 640px; margin-left: -40px; /*margin-top: -240px;*/ overflow: hidden; cursor: grab; touch-action: pan-y; user-select: none; }
section.school .homework-wheel.is-dragging { cursor: grabbing; }
section.school .homework-wheel-track { position: absolute; inset: 0; transform: translateY(var(--wheel-center-offset, 0px)); }
section.school .homework-day { position: absolute; top: 50%; left: 50%; display: flex; flex-direction: column; width: 240px; height: 320px; margin: 0; overflow: hidden; border: 1px solid var(--rududu-black); border-radius: 16px; background: var(--ambient-shape-color); color: var(--rududu-text); padding: 24px; opacity: 1; pointer-events: none; will-change: transform; }
section.school .homework-day.is-active { z-index: 2; pointer-events: auto; }
section.school .homework-day.is-done { opacity: .35; }
section.school .homework-day .day { font-size: 24px; line-height: 1.1; font-weight: 700; overflow-wrap: anywhere; }
section.school .homework-day .label { margin-top: 16px; font-size: 12px; font-weight: 700; }
section.school .homework-day .text { margin-top: 6px; overflow-wrap: anywhere; }
section.school .homework-toggle { position: absolute; top: 12px; right: 12px; padding: 5px 10px; font-size: 12px; cursor: pointer; }











section.school .section-snackManager { width: 320px; margin: 0 auto; display: none; }
section.school .snack-manager-head { display: flex; align-items: baseline; justify-content: space-between; gap: 18px; }
section.school .snack-manager-head h2 { font-size: 32px; line-height: 1; }
section.school .snack-manager-head p { max-width: 420px; font-size: 16px; text-align: right; }
section.school .snack-list-form { display: flex; gap: 8px; margin-top: 24px; }
section.school .snack-list-form input { min-width: 0; flex: 1; border: 1px solid var(--rududu-black); border-radius: 999px; background: #fffdf5; padding: 13px 18px; color: var(--rududu-black); font: inherit; }
section.school button { border: 1px solid var(--rududu-black); border-radius: 999px; padding: 10px 15px; color: var(--rududu-black); font: inherit; }
section.school .snack-list-form button { background: var(--rududu-black); color: #fffdf5; }
section.school .snack-list-status { min-height: 24px; margin-top: 12px; font-size: 16px; }
section.school .snack-list-status.is-error { color: #9b1c1c; }
section.school .snack-list-items { display: grid; gap: 8px; margin-top: 8px; padding: 0; list-style: none; }
section.school .snack-list-item { display: flex; align-items: center; gap: 12px; border: 1px solid var(--rududu-black); border-radius: 18px; background: #fffdf5; padding: 10px 12px; }
section.school .snack-list-name { flex: 1; overflow-wrap: anywhere; font-size: 18px; }
section.school .snack-list-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
section.school .snack-list-actions button { min-width: 38px; padding: 7px 10px; background: transparent; }
section.school .snack-list-actions button[data-action="delete"] { color: #9b1c1c; border-color: #9b1c1c; }