body{background:#eef1fb}#class-four{background:#fbfcff;color:#293854;max-width:900px}#class-four .class-header{display:flex;gap:18px;align-items:center;margin-bottom:24px}#class-four .class-header p{margin:4px 0 0}#class-four .class-mark{display:grid;place-items:center;min-width:70px;min-height:70px;border-radius:19px;background:#ffe09a;color:#503c1e;font-size:2rem;font-weight:bold;transform:rotate(-5deg);box-shadow:4px 4px 0 #e9b759}#class-four #live-panel{background:linear-gradient(115deg,#473e83,#285b78);color:white;border-radius:25px;padding:24px;margin-top:24px}#class-four .live-top{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:#e7edff;font-size:1rem}#class-four .live-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:22px;margin:20px 0}#class-four .live-label{font-size:1rem;color:#e6efff}#class-four h2{font-size:1.8rem;line-height:1.5;margin:6px 0;font-weight:600}#class-four .next-block{border-inline-start:1px solid #a0b7d2;padding-inline-start:20px}#class-four .next-block>div{margin-top:8px}#class-four .live-footer{color:#e5edfa;font-size:.95rem}#class-four .day-actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}#class-four #tomorrow{background:#ffe29d;color:#473719;border:0;font-weight:bold}#class-four .days button{display:flex;align-items:center;gap:6px;flex-wrap:wrap;color:#324563;border-color:#bac7dd}#class-four .days button[aria-pressed=true]{background:#514987;color:white;border-color:#514987}#class-four .today-sticker{display:inline-block;padding:2px 9px;border-radius:7px;background:#ffdf87;color:#4b3914;transform:rotate(-5deg);font-size:.9rem;font-weight:bold;margin-inline-start:4px}#class-four .lesson{border-inline-start-color:#b2aae3;box-shadow:0 4px 14px #4652840c;border-radius:18px}#class-four .num{background:#eef1fb;border-radius:12px;text-align:center;padding:8px 2px;color:#4b5375}#class-four .lesson-time{display:block;color:#4a5d79;font-size:1rem;margin:4px 0}#class-four .current-lesson{background:#eeebff;border:2px solid #7364bc;border-inline-start:8px solid #7364bc!important}#class-four .next-lesson{border-inline-start:7px solid #287b75!important}#class-four .lesson-badge{display:inline-block;background:#5a4b94;color:white;border-radius:8px;font-size:1rem;padding:2px 10px;margin-inline-end:10px}#class-four .next-lesson .lesson-badge{background:#287b75}#class-four .current-gap{background:#ffe7ab;color:#503b15;font-weight:bold}#class-four .today-column{background:#f0edff;padding:16px;border-radius:18px}#class-four .week li{padding:10px 0}#class-four #timing-note{padding:12px 15px;background:#fff2d1;color:#5b431e;border-radius:12px}#class-four #bell-editor{margin-top:26px;border-top:1px solid #d4dcec;padding-top:18px}#class-four .bell-row{display:grid;grid-template-columns:80px 1fr 1fr;gap:12px;align-items:center;padding:10px 0}#class-four .bell-row label{display:grid;gap:4px;font-size:1rem}#class-four .bell-row input{width:100%;height:auto;min-height:44px;min-width:0;font:inherit;padding:7px;border:1px solid #aab9ce;border-radius:8px;color:#293854;background:white;direction:ltr}#class-four .bell-row>span{font-size:1rem}#class-four button[hidden]{display:none}@media(max-width:560px){#class-four .live-grid{grid-template-columns:1fr;gap:16px}#class-four .next-block{border-inline-start:0;border-top:1px solid #a0b7d2;padding-inline-start:0;padding-top:12px}#class-four #live-panel{padding:18px}#class-four .class-header{gap:12px}#class-four .class-mark{min-width:54px;min-height:62px}#class-four h1{font-size:1.65rem}#class-four .bell-row{grid-template-columns:1fr 1fr;gap:8px}#class-four .bell-row>span{grid-column:1/-1}}

#class-four{font-family:Arial,sans-serif;line-height:1.75;background:#fffdf8;color:#25384c}#class-four .subject{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;font-size:1.4rem;font-weight:600;line-height:1.65}#class-four .subject-icon{display:inline-block;font-size:1.35rem;line-height:1.5;flex:0 0 auto}#class-four .subject-name{flex:1;min-width:0;overflow-wrap:anywhere}#class-four .lesson{border:1px solid #d7dfe6;border-inline-start:4px solid #d7dfe6;box-shadow:none;background:#fff;padding:20px;gap:18px}#class-four .rows{gap:18px}#class-four .picked{background:#f1f7f4}#class-four .class-mark{transform:none;box-shadow:none;background:#e6edf6;color:#293e59}#class-four .today-sticker{transform:none;box-shadow:none;font-weight:600}#class-four #live-panel{background:#304c66;border-radius:18px;box-shadow:none}#class-four .current-lesson{background:#eef5fc;border:2px solid #42678c;border-inline-start:7px solid #42678c!important}#class-four .next-lesson{border-inline-start:5px solid #51847a!important}#class-four .lesson-badge{background:#365b7d;font-weight:500;flex:0 0 auto;margin:0}#class-four .lesson-actions{gap:16px;margin-top:16px}#class-four .pack{gap:12px;line-height:1.8;min-height:48px}#class-four .pack input{flex-shrink:0}#class-four summary{padding-block:7px;min-height:48px;font-weight:500}#class-four .lesson-time{font-variant-numeric:tabular-nums;color:#354d65;margin:8px 0;font-size:1.1rem}#class-four .num{background:#f0f3f6;color:#354d65}#class-four .week .subject{font-size:1.18rem;font-weight:500}#class-four .week li{padding:16px 0}#class-four .live-grid h2{line-height:1.65}#class-four .live-grid .subject-name{font-weight:600}#class-four .live-grid .subject-icon{margin-inline-end:8px}#class-four.large .subject{font-size:1.75rem}#class-four.large .lesson-time,#class-four.large button,#class-four.large summary{font-size:1.25rem}#class-four.large .rows{gap:24px}#class-four.large .lesson{padding-block:26px}#class-four input:focus-visible,#class-four button:focus-visible,#class-four summary:focus-visible{outline:3px solid #825e13;outline-offset:4px}@media(max-width:520px){#class-four .lesson{padding:16px;gap:12px}#class-four .subject{font-size:1.3rem;gap:8px}#class-four .num{font-size:.95rem}#class-four .subject-name{flex-basis:65%}}

#class-four #daily-gear{background:#f0f4f8;border-radius:14px;padding:18px;margin:20px 0;border:1px solid #d4dfe8}#class-four #daily-gear[hidden]{display:none}#class-four #daily-gear h3{font-size:1.2rem;font-weight:600}#class-four #daily-gear p{margin:4px 0 12px}#class-four .daily-items{display:grid;gap:10px}#class-four .daily-items .pack{margin:0}