html,body{color:#222;background-color:#eee;width:100%;min-height:100vh;margin:0;padding:0;font-family:Arial,sans-serif}a{color:#5f9ea0}#app{display:flex;flex-direction:column;width:100%}header{display:flex;background-color:#fff;border-bottom:1px solid #999;flex-flow:wrap;justify-content:space-between;align-items: center;padding:.5rem}header a{display:inline-flex;flex-wrap:wrap;justify-content:center;align-items: center}h1,header p{margin:0;padding:0}header li.active a{color:#dc143c;font-weight:700}header svg{vertical-align:bottom}header>ul{display:flex;list-style-type:none;align-items: center;gap:.5rem;margin:0;padding:0}.tab-triggers{display:flex;list-style-type:none;border-bottom:2px solid #dc143c;flex-direction:row;justify-content:start;align-items: center;gap:.5rem;margin:.5rem 0 1rem;padding:0 .5rem;box-shadow:0 5px 10px -5px #dc143c}.tab-triggers li{margin:0;padding:0}.tab-triggers button{cursor:pointer;background:#fff;border:2px solid #5f9ea0;border-bottom:0;border-radius:.5rem .5rem 0 0;margin:0;padding:.5rem 1rem}.tab-triggers .active button{color:#eee;background-color:#dc143c;border-color:#dc143c;font-weight:700}.tab-content{overflow-x:auto;max-width:100vw}.avatar{display:flex;align-items: center;gap:.25rem;font-size:1rem}.avatar .form:before{content:"("}.avatar .form:after{content:")"}@media (max-width:640px){.avatar .name span:not(.first),.avatar .form{display:none}}.avatar img{border:2px solid #333;border-radius:50%;width:3rem;height:3rem}.homework-section{padding:.25rem}.homework-card{background-color:#ffc;border:1px solid #666;border-radius:.6rem;max-width:64rem;margin-bottom:1rem;padding:1rem}.homework-card.is-done{color:#222!important;background-color:#90ee90!important}.homework-card.is-due-soon{background-color:tomato}.homework-card.is-due-soon a{color:#0ff}.homework-card.is-late{color:#fff;background-color:#8b0000}.homework-card .instructions{color:#222;background-color:#fff;border:1px solid #666;border-radius:.5rem;padding:.5rem}.loading,.error{text-align:center;margin:2rem auto;font-size:3rem}.error{color:#b22222}.error .msg{color:#8b0000;background:#fff;border:1px solid #333;border-radius:.5rem;padding:.5rem;font-family:monospace;font-size:1rem}.loading span{display:inline-block}.loading03 span{animation:loading03 .7s infinite alternate;margin:0 .075em}.loading03 span:nth-child(2){animation-delay:.1s}.loading03 span:nth-child(3){animation-delay:.2s}.loading03 span:nth-child(4){animation-delay:.3s}.loading03 span:nth-child(5){animation-delay:.4s}.loading03 span:nth-child(6){animation-delay:.5s}.loading03 span:nth-child(7){animation-delay:.6s}@keyframes loading03{0%{transform:scale(1)}to{transform:scale(.8)}}.loading04 span{animation:loading04 .7s infinite}.loading04 span:nth-child(2){animation-delay:.1s}.loading04 span:nth-child(3){animation-delay:.2s}.loading04 span:nth-child(4){animation-delay:.3s}.loading04 span:nth-child(5){animation-delay:.4s}.loading04 span:nth-child(6){animation-delay:.5s}.loading04 span:nth-child(7){animation-delay:.6s}@keyframes loading04{0%,to{transform:translateY(0)}50%{transform:translateY(15px)}}.tt-wrap{display:flex;flex-direction:row;align-items: start}.timetable{display:grid;grid-template-columns:repeat(5,minmax(8rem,16rem));text-align:center;gap:.25rem;padding:.25rem}.timetable div.item{background:#fff;border:1px solid #333;border-radius:.25rem;flex-direction:column;justify-content:center;align-items:stretch;padding:.25rem}.timetable div.detail{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline}.timetable .detail p{margin:0}.timetable p{margin:.2rem auto}.timetable .empty{visibility:hidden}.timetable .subject{font-size:1.2rem;font-weight:700}.timetable .group,.timetable .timing{font-size:.8rem}.timetable .timing{font-variant-numeric:tabular-nums;font-family:monospace}.timetable.week-current.today-1 .day-1,.timetable.week-current.today-2 .day-2,.timetable.week-current.today-3 .day-3,.timetable.week-current.today-4 .day-4,.timetable.week-current.today-5 .day-5{background:khaki}