@import"https://fonts.googleapis.com/css2?family=Funnel+Display:wght@300..800&family=JetBrains+Mono:wght@400;500;700&family=Manrope:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap";:root{--background: #0A0A0B;--surface: #161618;--border: #27272A;--color: #f1f5f9;--primary: #F2C94C;--body: Manrope, sans-serif;--display: Funnel Display, sans-serif;--mono: Jetbrains Mono, monospace;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{box-sizing:border-box}body{font-family:var(--body);background:var(--background);color:var(--color);margin:0;min-height:100vh}#app{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4{font-family:var(--display)}header{padding:0 2em;display:flex;gap:1em;align-items:center}header img{height:1.75rem}#selectors{display:grid;grid-template-columns:1fr 1fr;gap:1em;padding:0 2em 1em;border-bottom:1px solid var(--border)}#selector{position:relative;padding-top:1rem;display:flex;justify-content:space-evenly;-webkit-user-select:none;user-select:none}#selector:before{content:"";top:0;left:0;height:2px;width:var(--progress);background:var(--primary);position:absolute;transition:.2s width ease-in-out}#selector span{color:var(--primary);cursor:pointer}@media(max-width:639px){header{font-size:.75rem}#selectors{grid-template-columns:1fr;padding:0 1em 1em}}select{padding:.5rem .75rem;background:var(--surface);border:1px solid var(--border);border-radius:.5rem;font-family:var(--body);font-size:.875rem}@media(max-width:639px){select{font-size:.75rem}}.course{position:relative;background:color-mix(in srgb,var(--primary),var(--background) 90%);border:1px solid color-mix(in srgb,var(--primary),var(--background) 80%);border-radius:.5rem;font-size:.65rem;padding:.5rem;display:flex;flex:1;z-index:2;flex-direction:column;justify-content:center;align-items:center;text-align:center}.course-title{font-weight:700;font-size:.75rem;font-family:var(--display)}.course-location{color:var(--primary);font-size:.7rem}.course-classes,.course-names{color:color-mix(in srgb,var(--color),transparent 50%)}.hour.today .course{background-color:var(--primary)}.hour.today .course-title,.hour.today .course-location,.hour.today .course-names,.hour.today .course-classes{color:var(--background)}#calendar{margin:1em 2em;background-color:var(--border);border:1px solid var(--border);border-radius:.5em;gap:1px;display:grid;grid-template-columns:.2fr repeat(5,minmax(300px,1fr));grid-template-rows:2.5rem repeat(10,4.2rem);overflow:auto;flex:1}#calendar>div{background-color:var(--background);padding:.5em 1em}#calendar>div.hour{position:relative;display:flex;padding:0}#calendar>div.hour.today{background:color-mix(in srgb,var(--primary),transparent 90%)}#calendar>div.header{background-color:var(--surface);font-weight:700;font-family:var(--display);display:flex;justify-content:space-between}#calendar>div.header.today{background:color-mix(in srgb,var(--primary),transparent 90%);color:var(--primary)}#calendar>div.header span.day{border:1px solid color-mix(in srgb,var(--primary),transparent 80%);border-radius:.25rem;padding:.1rem;background:color-mix(in srgb,var(--primary),transparent 90%);color:var(--primary);font-family:var(--mono);font-size:.75rem;text-align:center;vertical-align:middle}#calendar>div.timestamp{padding:.25rem .5rem;font-size:.75rem;font-family:var(--mono);text-align:right;color:color-mix(in srgb,var(--color),transparent 40%)}@media(max-width:639px){#calendar{margin:1em 1em 0}}