.class-banner{margin:0;padding:17px 28px;background:linear-gradient(110deg,#126b73,#293e91);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border-bottom:3px solid #81e6ba}.class-banner strong{display:block;font-size:clamp(21px,2.2vw,30px);font-weight:850;letter-spacing:-.5px;line-height:1.2}.class-banner p{margin:5px 0 0;color:#f1f6ff;font-size:15px}.class-banner .btn{background:#ddfa9a;color:#16312f;border:0;font-weight:800}.class-banner .class-editor-toggle{display:block;color:inherit;background:none;border:0;padding:5px 0 0;font-size:12px;text-decoration:underline;cursor:pointer}.class-banner[data-state=live]{background:linear-gradient(100deg,#075b4c,#185575)}[data-theme=night] .class-banner{background:linear-gradient(110deg,#192d55,#49337b);border-color:#c7b7ff}[data-theme=sunrise] .class-banner{background:linear-gradient(110deg,#6442a3,#af3374);border-color:#f6cf94}.class-page{max-width:800px;margin:12px auto}.class-card{padding:clamp(22px,4vw,44px);border-radius:22px;background:var(--surface,#fff);border:1px solid var(--line,#d9e2e9)}.class-card h2{font-size:clamp(26px,4vw,40px);line-height:1.12;margin:12px 0}.class-chip{display:inline-block;padding:6px 11px;border-radius:30px;background:#dcf6ec;color:#185345;font-weight:750;font-size:12px}.class-date{font-size:20px;font-weight:750;line-height:1.5}.class-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.class-note{font-size:13px;line-height:1.6;color:var(--muted,#657780)}.class-popup{width:min(420px,calc(100vw - 28px));max-height:calc(100dvh - 28px);overflow:auto;padding:30px;border:1px solid var(--line,#d9e2e9);border-radius:22px;background:var(--surface,#fff);color:var(--ink,#182e3b);box-shadow:0 25px 100px #07192a44}.class-popup::backdrop{background:#07152688;backdrop-filter:blur(5px)}.class-popup .class-close{position:absolute;right:12px;top:10px;border:0;background:none;color:inherit;font-size:25px;cursor:pointer}.class-popup h2{font-size:29px;line-height:1.12;margin:14px 0 8px;letter-spacing:-.7px}.class-popup p{line-height:1.5}.class-popup label:not(.class-reminder){display:block;font-size:13px;font-weight:700;margin:14px 0 5px}.class-popup input:not([type=checkbox]){width:100%;box-sizing:border-box;padding:12px;border:1px solid var(--line,#cad6df);border-radius:10px;background:var(--bg,#f5f8fa);color:inherit}.class-popup .class-submit{width:100%;justify-content:center;min-height:46px;margin-top:16px}.class-reminder{display:flex;align-items:flex-start;gap:10px;margin:17px 0 4px;font-size:13px;line-height:1.5;cursor:pointer}.class-reminder input{width:17px;height:17px;flex:none;margin:2px 0;accent-color:#18786e}.class-reminder small{display:block;color:var(--muted,#657780);font-size:11px}.class-popup .class-switch{background:none;border:0;color:var(--accent,#16796f);padding:8px 0;cursor:pointer;font-weight:700;font-size:13px}.class-popup [role=status]{font-size:13px;color:var(--muted,#657780);margin-top:10px}.class-popup [role=status]:empty{display:none}.class-editor{max-width:620px}.class-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.class-editor .wide{grid-column:1/-1}.class-dashboard{margin:16px 0;padding:18px;border:1px solid var(--line,#d9e2e9);border-radius:14px}.class-dashboard h3{margin:0 0 5px}.class-status{min-height:20px;font-size:13px}.class-popup button:focus-visible,.class-banner button:focus-visible{outline:3px solid #dda923;outline-offset:3px}@media(max-width:600px){.class-banner{padding:16px 18px;gap:12px}.class-banner .btn{min-height:40px}.class-popup{padding:25px}.class-editor-grid{grid-template-columns:1fr}.class-editor .wide{grid-column:auto}}
.class-card,.class-popup{--surface:var(--paper)}.class-popup input:not([type=checkbox]),.class-popup select{background:var(--paper);color:var(--ink)}.class-popup select{width:100%;padding:10px;border:1px solid var(--line);border-radius:9px}.class-popup .btn.primary{background:#176e69;color:#fff}[data-theme=night] .class-card,[data-theme=night] .class-popup{--surface:#1c2d43}[data-theme=night] .class-popup input:not([type=checkbox]){background:#142438}[data-theme=night] .class-popup .class-switch{color:#8be4d4}
:root[data-theme] .class-popup .btn.primary{color:#fff;background:#176e69;border-color:#459d95}:root[data-theme] .class-banner .btn{color:#16312f;background:#ddfa9a}
.class-banner{padding:14px 28px;gap:12px}.class-banner strong{font-size:var(--class-title-size,22px);line-height:1.25}.class-banner>div{flex:1 1 500px}:root[data-theme] .class-banner p[data-class-date]{font-size:var(--class-subtitle-size,20px);font-weight:700;line-height:1.35;letter-spacing:0;margin-top:5px}.class-banner .class-editor-toggle{display:inline-block;margin-right:16px}.class-card .class-date{font-size:22px;line-height:1.4}.class-live-label{color:#ddfa9a}.class-banner-preview{padding:14px;margin-top:16px;background:var(--paper);border:1px solid var(--line);border-radius:8px;overflow-wrap:anywhere}@media(max-width:600px){.class-banner{padding:13px 18px}.class-banner>div{flex-basis:100%}}