:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}textarea{-moz-tab-size:16;tab-size:16;width:63vw;resize:vertical}.error{background-color:#440;border:4px solid red;padding:36px}.render-container{color:#fff;display:inline-block;padding:40px;width:60vw;height:auto;border:3px solid white;border-radius:6px;overflow:hidden}.render-container h1{font-size:5vw;margin:0;margin-bottom:1vw}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}@media screen and (max-width: 770px){.textArena-container{padding:0 13%}}@media screen and (max-width: 641px){.textArena-container{padding:0 12%}}@media screen and (max-width: 630px){.textArena-container{padding:0 12%}}@media screen and (max-width: 526px){.textArena-container{padding:0 10%}}@media screen and (max-width: 430px){.textArena-container{padding:0 7%}}@media screen and (max-width: 336px){.textArena-container{padding:0 3%}}.schedule-container{display:flex;flex-direction:column;align-items:center;font-family:Arial,sans-serif;margin-bottom:30px;padding-left:4vw}.main-container{border-collapse:collapse;width:100%;max-width:1200px;text-align:center}.main-container td{padding:10px}.main-container tbody td.time{border-top:1px solid #ccc;width:2vw}.main-container td:not(.time){border:1px solid #ccc}.main-container td:nth-child(2){border-left:2px solid #333}.main-container td.right-edge{border-right:2px solid #333}.main-container th.weekday-header{min-width:3vw;background-color:#f8f9fa;font-weight:700;font-size:2vw;color:#222;border:2px solid #333}.main-container td.empty{background-color:#f5f5f5}.main-container th.empty{background-color:transparent;border:none}.main-container tbody tr.noon td{border-top:2px solid #333}tr.noon .time label{border:2px solid #222}td.time{background-color:#f8f9fa;padding:2px;vertical-align:top}.main-container .time label{background-color:#fed;padding:0 6px;font-weight:700;position:absolute;border:1px solid #aaa;border-radius:.5vw;transform:translate(-100%,-50%)}.timeAM{color:#824}.noon .timePM{color:#a60}.timePM{color:#248}.main-container th.weekday-header.pe,.main-container td.class-cell.pe{border:4px solid #333}td.cell,th.cell,th.weekday-header{padding:0}.weekday-header p{margin:4px}.cell p{margin:0}.main-container td.class-cell{background-color:#eaf5ff;color:#000;font-weight:700;border:2px solid #333}.class-cell .class-text{margin:0}.class-cell .class-code,.class-cell .class-time{font-weight:400;color:#333}.main-container td.bar-cell{background-color:#fff3cd;border:2px solid #333;color:#222;font-weight:700}.empty-cell{background-color:#f5f5f5}.empty-cell .empty-dot{color:#ccc}thead .border-bottom th{border-bottom:2px solid #333;height:3vw}.class-table{border-collapse:collapse;width:100%;height:20%;color:#000;font-weight:700;font-size:1vw;border:2px solid #222}.class-table td{border:1px solid #222;padding:6px}.class p{margin:0}.teacher-email{font-weight:400;color:#222}.capture-img{width:50%;height:50%}