@import "https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{font-synthesis:none;text-rendering:optimizelegibility;font-family:Archivo,Arial,sans-serif}html,body,#root{width:100%;height:100%;margin:0;padding:0}body{min-width:100%;min-height:100vh;overflow:hidden}*{box-sizing:border-box}body{color:#fff;background:#101010;margin:0;font-family:Arial,Helvetica,sans-serif;overflow:hidden}button{font:inherit}.app{width:100vw;height:100vh;position:relative}.arrival{color:#111;background:radial-gradient(circle at 15% 20%,#b878320d,#0000 32%),radial-gradient(circle at 82% 74%,#4637280a,#0000 38%),linear-gradient(100deg,#ffffff29,#0000 35%,#00000006 70%,#0000),#f3efe5;grid-template-rows:1fr 52px;grid-template-columns:30% 70%;width:100%;height:100%;display:grid}.arrival:after{content:"";pointer-events:none;opacity:.45;z-index:0;background:repeating-linear-gradient(0deg,#1e191405 0 1px,#0000 1px 4px);position:absolute;inset:0}.infoRail,.bellRinger,.ticker{z-index:1;position:relative}.tickerText{will-change:transform;flex:none;width:max-content;animation:28s linear infinite ticker;display:block}@keyframes ticker{0%{transform:translate(100vw)}to{transform:translate(-100%)}}.infoRail{border-right:1px solid #1111112e;padding:38px;position:relative}.infoRail:before{content:"";background:#b97832;width:6px;height:100%;position:absolute;top:0;left:0}.classHeader{justify-content:space-between;align-items:center;margin-bottom:45px;display:flex}.classHeader span:first-child{letter-spacing:-.04em;font-family:Archivo,sans-serif;font-size:2rem;font-weight:500}.classHeader span:last-child{letter-spacing:-.05em;font-family:IBM Plex Mono,monospace;font-size:1.8rem;font-weight:500}.dateBlock small,.historyMoment small,.music small,.bellRinger small{letter-spacing:.16em;text-transform:uppercase;color:#77736d;opacity:1;font-family:IBM Plex Mono,monospace;font-size:.82rem;font-weight:600}.dateBlock h2{letter-spacing:-.03em;margin-top:24px;margin-bottom:8px;font-size:2rem;font-weight:600}.dateBlock h1{letter-spacing:-.055em;margin:0;font-size:3.6rem;font-weight:700;line-height:.95}.historyMoment,.music{border-top:1px solid #11111129;margin-top:42px;padding-top:18px}.historyMoment p,.music p{margin-top:10px;margin-bottom:0;font-size:1rem;line-height:1.4}.bellRinger{flex-direction:column;padding:48px 65px 55px;display:flex;position:relative}.bellRinger h1{letter-spacing:-.055em;max-width:1000px;margin-top:45px;font-family:Archivo,sans-serif;font-size:clamp(3rem,4.2vw,5rem);font-weight:700;line-height:1.02}.bellRinger small:before{content:"";background:#b97832;width:28px;height:3px;margin-bottom:3px;margin-right:12px;display:inline-block}.bellRinger button{letter-spacing:.05em;cursor:pointer;background:0 0;border:1px solid #11111159;border-radius:999px;margin-top:auto;margin-left:auto;padding:12px 18px;font-family:IBM Plex Mono,monospace;font-size:.78rem;font-weight:600;transition:background .15s,color .15s}.bellRinger button:hover{color:#f3f1eb;background:#111}.ticker{color:#f3f1eb;white-space:nowrap;letter-spacing:.02em;background:#141414;border-top:3px solid #b97832;grid-column:1/3;align-items:center;font-family:IBM Plex Mono,monospace;font-size:.82rem;font-weight:500;display:flex;overflow:hidden}.lessonScreen{background:#000;width:100%;height:100%}.slides{border:none;width:100%;height:100%}.exitLesson{opacity:.15;cursor:pointer;border:none;border-radius:50%;width:45px;height:45px;position:fixed;top:15px;right:15px}.exitLesson:hover{opacity:1}.simpleScreen{background:#111;flex-direction:column;justify-content:center;width:100%;height:100%;padding:8vw;display:flex}.simpleScreen h1{max-width:1300px;font-size:6vw}.huge{font-size:15vw!important}.teacherPanel{z-index:100;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed;bottom:68px;left:24px}.teacherControls{background:#141414f0;border-radius:10px;gap:6px;padding:8px;display:flex;box-shadow:0 8px 30px #0000002e}.teacherControls button,.teacherControls select{cursor:pointer;border:none;border-radius:5px;padding:8px 12px;font-family:IBM Plex Mono,monospace;font-size:.75rem}.teacherToggle{color:#f3efe5;cursor:pointer;background:#111;border:1px solid #11111140;border-radius:50%;width:48px;height:48px;font-family:Archivo,sans-serif;font-size:1.15rem;font-weight:700;box-shadow:0 4px 18px #00000024}.teacherMenu{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.bellRingerEditor{color:#f3efe5;background:#141414f5;border-radius:10px;width:440px;padding:16px;box-shadow:0 8px 30px #0003}.bellRingerEditor label{letter-spacing:.14em;margin-bottom:10px;font-family:IBM Plex Mono,monospace;font-size:.72rem;font-weight:600;display:block}.bellRingerEditor textarea{resize:vertical;color:#111;background:#f3efe5;border:none;border-radius:6px;outline:none;width:100%;min-height:120px;padding:12px;font-family:Archivo,sans-serif;font-size:1rem}.editorActions{justify-content:flex-end;gap:8px;margin-top:10px;display:flex}.editorActions button{cursor:pointer;border:none;border-radius:5px;padding:8px 14px;font-family:IBM Plex Mono,monospace;font-size:.75rem}.setupButton{margin-left:4px;border-left:1px solid #ffffff2e!important}.controlCenterBackdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:500;background:#0a0a0a94;justify-content:center;align-items:center;padding:32px;display:flex;position:fixed;inset:0}.controlCenter{color:#111;background:#f3efe5;border:1px solid #1113;border-top:5px solid #b97832;border-radius:12px;flex-direction:column;width:min(820px,92vw);max-height:88vh;display:flex;overflow:hidden;box-shadow:0 28px 80px #00000059}.controlCenterHeader{border-bottom:1px solid #11111124;justify-content:space-between;align-items:flex-start;padding:24px 28px 20px;display:flex}.controlCenterHeader small,.controlSectionHeading small,.controlCenterClass label{letter-spacing:.14em;color:#77736d;font-family:IBM Plex Mono,monospace;font-size:.72rem;font-weight:600}.controlCenterHeader h2{letter-spacing:-.04em;margin:5px 0 0;font-family:Archivo,sans-serif;font-size:2rem}.controlCenterClose{color:#111;cursor:pointer;background:0 0;border:1px solid #1113;border-radius:50%;width:40px;height:40px;font-size:1.4rem}.controlCenterClass{border-bottom:1px solid #11111124;grid-template-columns:120px 1fr;align-items:center;gap:16px;padding:18px 28px;display:grid}.controlCenterClass select{color:#111;background:#ffffff73;border:1px solid #11111138;border-radius:6px;width:100%;padding:10px 12px;font-family:Archivo,sans-serif;font-size:.95rem}.controlCenterBody{padding:24px 28px 28px;overflow-y:auto}.controlSectionHeading{margin-bottom:18px}.controlGroup+.controlGroup{margin-top:24px}.controlGroup label{margin-bottom:8px;font-family:Archivo,sans-serif;font-size:.95rem;font-weight:700;display:block}.controlGroup textarea{resize:vertical;color:#111;background:#ffffff7a;border:1px solid #11111138;border-radius:7px;outline:none;width:100%;min-height:105px;padding:13px 14px;font-family:Archivo,sans-serif;font-size:1rem;line-height:1.45}.controlGroup textarea:focus,.controlCenterClass select:focus{border-color:#b97832;box-shadow:0 0 0 3px #b978321f}.controlGroup .slidesUrlInput{min-height:82px;font-family:IBM Plex Mono,monospace;font-size:.78rem}.controlHint{color:#77736d;margin:7px 0 0;font-family:IBM Plex Mono,monospace;font-size:.7rem}.controlCenterFooter{border-top:1px solid #11111124;justify-content:flex-end;gap:10px;padding:16px 28px 20px;display:flex}.controlCenterFooter button{cursor:pointer;border-radius:999px;padding:10px 17px;font-family:IBM Plex Mono,monospace;font-size:.78rem;font-weight:600}.controlCancel{color:#111;background:0 0;border:1px solid #11111140}.controlSave{color:#f3efe5;background:#111;border:1px solid #111}.controlSectionSpacing{border-top:1px solid #11111124;margin-top:34px;padding-top:22px}.nowPlayingEditor{grid-template-columns:1fr 1fr;gap:10px;display:grid}.nowPlayingEditor input{color:#111;background:#ffffff7a;border:1px solid #11111138;border-radius:7px;outline:none;width:100%;padding:13px 14px;font-family:Archivo,sans-serif;font-size:1rem}.nowPlayingEditor input:focus{border-color:#b97832;box-shadow:0 0 0 3px #b978321f}.music strong{font-weight:700}@media (width<=700px){.nowPlayingEditor{grid-template-columns:1fr}}.timerScreen{color:#f3efe5;background:radial-gradient(circle at 50% 42%,#b9783214,#0000 36%),#111;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:5vw;display:flex}.timerScreen>small{letter-spacing:.18em;color:#b8b1a6;margin-bottom:18px;font-family:IBM Plex Mono,monospace;font-size:.85rem;font-weight:600}.timerDisplay{letter-spacing:-.08em;font-variant-numeric:tabular-nums;font-family:IBM Plex Mono,monospace;font-size:clamp(8rem,21vw,22rem);font-weight:500;line-height:.9}.timerPresets,.timerControls{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.timerPresets{margin-top:34px}.timerControls{margin-top:10px}.timerPresets button,.timerControls button{color:#f3efe5;letter-spacing:.04em;cursor:pointer;background:0 0;border:1px solid #f3efe533;border-radius:999px;padding:10px 15px;font-family:IBM Plex Mono,monospace;font-size:.72rem;font-weight:600;transition:background .15s,color .15s,border-color .15s}.timerPresets button:hover,.timerControls button:hover{background:#b978321f;border-color:#b97832}.timerControls .timerPrimary{color:#111;background:#b97832;border-color:#b97832;min-width:110px}.timerControls .timerPrimary:hover{background:#c98a45}.timerControls button:disabled{opacity:.35;cursor:default}.timerDone{letter-spacing:.16em;color:#b97832;margin-top:22px;font-family:Archivo,sans-serif;font-size:1.2rem;font-weight:700}.timerFinished .timerDisplay{color:#b97832}@media (width<=800px){.timerDisplay{font-size:28vw}}.historyMomentText{flex-direction:column;gap:6px;display:flex}.historyMomentYear{color:#b97832;font-family:IBM Plex Mono,monospace;font-size:1.15rem;font-weight:600}.historyMomentText span{font-family:Archivo,sans-serif;font-size:.92rem;line-height:1.35;display:block}.historyMomentSource{letter-spacing:.1em;color:#8a857d;margin-top:9px;font-family:IBM Plex Mono,monospace;font-size:.55rem;font-weight:500;display:block}.historyAutoPreview{background:#b9783212;border-left:3px solid #b97832;padding:13px 14px}.historyAutoPreview small{letter-spacing:.12em;color:#77736d;font-family:IBM Plex Mono,monospace;font-size:.65rem;font-weight:600}.historyAutoPreview p{margin:7px 0 0;font-size:.9rem;line-height:1.4}.historyOverrideEditor{grid-template-columns:110px 1fr;gap:10px;margin-top:10px;display:grid}.historyOverrideEditor input,.historyOverrideEditor textarea{color:#111;background:#ffffff7a;border:1px solid #11111138;border-radius:7px;outline:none;width:100%;padding:12px 13px;font-family:Archivo,sans-serif;font-size:.95rem}.historyOverrideEditor textarea{resize:vertical;min-height:78px}.historyOverrideEditor input:focus,.historyOverrideEditor textarea:focus{border-color:#b97832;box-shadow:0 0 0 3px #b978321f}@media (width<=700px){.historyOverrideEditor{grid-template-columns:1fr}}