:root{--page-bg:#0f1724;--card-bg:#1e293b;--card-text:#f8fafc;--card-border:rgba(255,255,255,0.06);--active-border:#3399ff;--active-text:#3399ff;--upcoming-border:#facc15;--upcoming-text:#facc15;--alert-border:#f97373;--alert-text:#f97373}body{margin:0;background:var(--page-bg);color:var(--card-text);font-family:Inter,sans-serif}header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;border-bottom:1px solid rgba(255,255,255,.08)}header h1{margin:0;font-size:1.4rem;font-weight:700}.clock{text-align:right}.clock .time{font-size:1.1rem;font-weight:700}.clock .date{font-size:.8rem;color:rgba(255,255,255,.7)}main{display:flex;justify-content:space-between;align-items:flex-start;padding:16px;gap:12px;box-sizing:border-box;width:100%}.class-column{flex:1 1;display:flex;flex-direction:column;align-items:stretch;min-width:0}.class-header{text-align:center;font-weight:700;font-size:1rem;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.08);white-space:nowrap;text-overflow:ellipsis}.class-header,.lesson-card{margin-bottom:8px;overflow:hidden}.lesson-card{background:var(--card-bg);border:2px solid var(--card-border);border-radius:10px;height:80px;padding:8px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between}.lesson-card .line1{font-size:1rem;font-weight:700}.lesson-card .line1,.lesson-card .line2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lesson-card .line2{font-size:.9rem}.lesson-card .line3{font-size:.8rem;min-height:1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lesson-card.active{border-color:var(--active-border)}.lesson-card.active .line3{color:var(--active-text)}.lesson-card.upcoming{border-color:var(--upcoming-border)}.lesson-card.upcoming .line3{color:var(--upcoming-text)}.lesson-card.alert{border-color:var(--alert-border)}.lesson-card.alert .line3{color:var(--alert-text);animation:blink 1.2s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.6}}