body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--violet:#d8b4fe}ul{list-style-type:none}li{display:inline-block}a{color:#bada55;color:var(--green-main-color);font-family:Anton SC,sans-serif;font-size:1rem;letter-spacing:.5px;text-decoration:none}h1{color:#000;font-family:Yanone Kaffeesatz,sans-serif;font-optical-sizing:auto;font-size:4.7rem;font-style:normal;font-weight:350;padding-top:30px;text-align:center}h2{color:#03adb4;color:var(--teal-letters);font-optical-sizing:auto;font-size:3.2rem;font-style:normal;font-weight:400}h2,h3{font-family:Bebas Neue,sans-serif}h3{background-color:#4ba0ca;background-color:var(--piano-logo-color);color:#000;font-optical-sizing:auto;font-size:2.2rem;font-style:normal;font-weight:400;text-align:center}h4{color:#03adb4;color:var(--teal-letters);font-family:Bebas Neue,sans-serif;font-optical-sizing:auto;font-size:2.2rem;font-weight:100}p{color:#000;font-family:Pathway Gothic One,sans-serif;font-size:1.5rem;letter-spacing:1.2px;line-height:1.3;padding-top:0}h4,p{font-style:normal;font-weight:400}h4{font-family:Anton SC,sans-serif;letter-spacing:2px}a:hover{color:#393d47;color:var(--main-background-2);text-decoration:underline;transform:scale(1.2);transition:all .4s ease}button{background-color:#03adb4;background-color:var(--teal-letters);border:2px solid #eee;border:2px solid var(--white-letters);border-radius:30px;box-shadow:7px 4px 4px #4ba0ca66;box-shadow:var(--box-shadow);color:#eee;color:var(--white-letters);font-family:Bebas Neue,sans-serif;font-size:1.5rem;margin:10px;padding:10px}button:hover{background-color:#4ba0ca;background-color:var(--piano-logo-color);color:#000;cursor:pointer;text-decoration:underline;transform:scale(1.2);transition:all .4s ease}button.active{background-color:#8ecdeb;background-color:var(--blue);color:#000}.title{background-color:#222831;background-color:var(--main-background-1);margin-top:100px;padding:10px 70px;text-align:center}.title-normal,.title-normal-black{padding:50px 40px 30px;text-align:center}.title-normal-black{background-color:#000}.normal-text-left{padding:50px 0 10px;text-align:left}#title{color:#fff;font-family:Open Sans,sans-serif;font-size:27px;margin:0 auto;padding:0;position:absolute;text-align:center;text-shadow:0 1px 2px #00000054,-1px 0 2px #fff0;width:100%;z-index:9999}.black-box{background-color:#000;border:1px solid #fff;border-radius:30px;max-width:400px;padding-bottom:30px;padding-left:20px;padding-right:20px}.black-box,.teacher-box{box-shadow:7px 4px 4px #4ba0ca66;box-shadow:var(--box-shadow)}.teacher-box{border:2px solid #4ba0ca;border:2px solid var(--piano-logo-color);border-radius:50%;height:300px;width:600px;width:300px}.teacher-box:hover{border:5px solid #ff0;cursor:pointer;transition:all .4s ease}.teacher-box>img{border:2px solid #4ba0ca;border:2px solid var(--piano-logo-color);border-radius:50%;height:300px;width:600px;width:300px}#image-box,.teacher-box>img{box-shadow:7px 4px 4px #4ba0ca66;box-shadow:var(--box-shadow)}#image-box{border:2px solid #eee;border:2px solid var(--white-letters);border-radius:30px}.student-list-button{font-size:17px;margin-right:4px;padding:2px 6px}.off-screen-menu{align-items:center;background-color:#222531;display:flex;flex-direction:column;font-size:3rem;height:100vh;justify-content:center;max-width:450px;position:fixed;right:-450px;text-align:center;top:0;transition:.3s ease;width:100%;z-index:100}.off-screen-menu.active{right:0}.ham-menu{height:50px;margin-left:auto;position:relative;width:40px}.ham-menu span{background-color:#000;border-radius:25px;height:5px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s ease;width:100%}.ham-menu span:first-child{top:25%}.ham-menu span:nth-child(3){top:75%}.ham-menu.active span{background-color:#fff}.ham-menu.active span:first-child{top:50%;transform:translate(-50%,-50%) rotate(45deg)}.ham-menu.active span:nth-child(2){opacity:0}.ham-menu.active span:nth-child(3){top:50%;transform:translate(-50%,-50%) rotate(-45deg)}@media (max-width:951px){table{max-width:90%}li,table{font-size:13px!important}h2{font-size:20px!important}h3{font-size:22px!important}p{font-size:17px!important}}.ReactPiano__Keyboard{display:flex;position:relative}.ReactPiano__Key{display:flex}.ReactPiano__Key--accidental{background:#555;border:1px solid #fff;border-radius:0 0 4px 4px;border-top-color:#0000;cursor:pointer;height:66%;position:absolute;top:0;z-index:1}.ReactPiano__Key--natural{background:#f6f5f3;border:1px solid #888;border-radius:0 0 6px 6px;cursor:pointer;flex:1 1;margin-right:1px;z-index:0}.ReactPiano__Key--natural:last-child{margin-right:0}.ReactPiano__Key--active{background:#3ac8da}.ReactPiano__Key--active.ReactPiano__Key--accidental{border:1px solid #fff;border-top-color:#3ac8da;height:65%}.ReactPiano__Key--active.ReactPiano__Key--natural{border:1px solid #3ac8da;height:98%}.ReactPiano__Key--disabled.ReactPiano__Key--accidental{background:#ddd;border:1px solid #999}.ReactPiano__Key--disabled.ReactPiano__Key--natural{background:#eee;border:1px solid #aaa}.ReactPiano__NoteLabelContainer{align-self:flex-end;flex:1 1}.ReactPiano__NoteLabel{font-size:12px;text-align:center;text-transform:capitalize;-webkit-user-select:none;user-select:none}.ReactPiano__NoteLabel--accidental{color:#f8e8d5;margin-bottom:3px}.ReactPiano__NoteLabel--natural{color:#888;margin-bottom:3px}.ReactPiano__NoteLabel--natural.ReactPiano__NoteLabel--active{color:#f8e8d5}.op-midi-keyboard-wrapper{margin:0 calc(50% - 50vw);max-width:100%;padding:0;text-align:center;width:100%}.op-midi-keyboard-container{background:#222831;border-radius:3px;display:block;margin:0;max-width:100%;overflow:hidden;padding:0;width:100%}.op-midi-keyboard-caption{font-size:.85rem;margin-top:10px}.op-octave-controls{display:flex;gap:12px;justify-content:center;margin-bottom:8px}.op-midi-octave-btn{font-size:15px}.op-midi-octave-label{color:#eee;color:var(--white-letters);font-size:25px}.op-midi-keyboard-container .ReactPiano__Key{border-radius:0!important;box-shadow:none!important}.op-midi-keyboard-container .ReactPiano__Key--natural{border-left:0!important;border-right:0!important}.op-midi-keyboard-container .ReactPiano__Key--accidental{border-radius:0!important;box-shadow:none!important}.op-sound-engine-panel{background-color:var(--main-background-2);border-bottom:4px solid var(--piano-logo-color);border-radius:8px 8px 0 0;box-shadow:var(--box-shadow);box-sizing:border-box;color:var(--white-letters);padding:10px 16px 8px;width:100%}.op-sound-engine-header{justify-content:space-between;margin-bottom:8px}.op-sound-engine-header,.op-sound-engine-header-left,.op-sound-engine-logo{align-items:center;display:flex}.op-sound-engine-logo{height:60px;justify-content:center;margin-right:10px;width:60px}.op-sound-engine-logo img{height:50px;width:50px}.op-sound-engine-title{color:var(--teal-letters);font-size:.9rem;font-weight:700}.op-sound-engine-subtitle{font-size:.75rem;opacity:.85}.op-sound-engine-status{align-items:center;display:flex;font-size:.8rem}.op-sound-engine-status-dot{border-radius:50%;display:inline-block;height:10px;margin-right:6px;width:10px}.op-sound-engine-status-dot.ready{background-color:var(--green-main-color)}.op-sound-engine-status-dot.loading{background-color:#f1c40f}.op-sound-engine-status-text{margin-right:4px}.op-sound-engine-status-engine{opacity:.8}.op-sound-engine-row{align-items:center;display:flex;margin-bottom:6px}.op-sound-engine-row-label{color:var(--teal-letters);font-size:.8rem;margin-right:10px;min-width:60px}.op-sound-engine-buttons{display:flex;flex-wrap:wrap}.op-sound-engine-btn{background-color:var(--main-background-1);border:1px solid var(--piano-logo-color);border-radius:6px;color:var(--white-letters);cursor:pointer;font-size:.85rem;font-weight:400;margin-bottom:4px;margin-right:8px;padding:6px 12px;transition:background-color .15s ease,transform .1s ease,box-shadow .15s ease}.op-sound-engine-btn:hover{background-color:#2d333d;box-shadow:0 0 4px #03adb466;transform:translateY(-1px)}.op-sound-engine-btn.active{background-color:var(--green-main-color);border-color:var(--green-main-color);box-shadow:0 0 6px #bada55b3;color:#111;font-weight:700}.op-sound-engine-btn.fx{font-size:.8rem;margin-bottom:4px;margin-right:8px;padding:4px 10px}.op-sound-engine-note{font-size:.7rem;margin-top:2px;opacity:.7}.day-schedule{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;font-family:Arial,sans-serif;margin:0 auto;max-width:500px;padding:20px}.day-month-year{margin-bottom:20px;text-align:center}.day-month-year h3{color:#333;font-size:1.2em;margin:0}.schedule-summary{background:#f8f9fa;border-radius:6px;margin-bottom:20px;padding:10px}.schedule-summary p{display:flex;flex-wrap:wrap;justify-content:space-around;margin:0}.summary-item{align-items:center;display:flex;font-size:.9em;margin:5px 10px}.color-dot{border-radius:50%;height:12px;margin-right:8px;width:12px}.available-dot{background-color:#28a745}.booked-dot{background-color:#ffc107}.closed-dot{background-color:#dc3545}.loading{color:#666;font-size:1.1em;padding:40px;text-align:center}table{border-collapse:collapse;box-shadow:0 1px 3px #0000001a;width:100%}td,th{border-bottom:1px solid #e9ecef;padding:12px 15px;text-align:left}th{background-color:#f8f9fa;color:#495057;font-weight:700;position:sticky;top:0}.time-column{font-weight:500;width:25%}.status-column{width:75%}.status-available{background-color:#f8fff9;border:1px solid #d4edda;border-radius:4px;color:#28a745}.status-available,.status-closed{display:inline-block;font-weight:700;padding:6px 12px}.status-closed{background-color:#fff8f8;border:1px solid #f8d7da;border-radius:4px;color:#dc3545}.status-booked{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;padding:8px 12px}.student-name{color:#856404;font-weight:700;margin-bottom:4px}.class-info{color:#666;font-size:.9em}.status-loading{color:#6c757d;font-style:italic}.time-slot.booked{background-color:#fffdf6}.time-slot.available{background-color:#f8fff9}.time-slot.closed{background-color:#fff8f8}.time-slot:hover{background-color:#f8f9fa}.calendar{align-items:start;background-color:peru;border:3px solid #000;display:flex;justify-content:space-evenly;margin:auto;width:fit-content}.calendar .calendar-month-day{align-items:center;display:flex;gap:300px;justify-content:center}.calendar .input-date{padding:30px}.video-engine .viewport{background:#0b0b0b;display:grid;height:100vh;place-items:center;width:100vw}.video-engine .stage{--stage-aspect:2/1;aspect-ratio:var(--stage-aspect);display:flex;height:100vh;max-width:100vw;position:relative;width:auto}.video-engine *{box-sizing:border-box}.video-engine .student-stage,.video-engine .teacher-stage{height:100%;width:100%}.video-engine .role-student .teacher-stage,.video-engine .role-teacher .student-stage{display:none}.video-engine .role-indicator{background:#00000073;border:1px solid #ffffff26;border-radius:8px;color:#ffffffd9;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:12px;padding:6px 10px;position:absolute;right:14px;top:10px;z-index:1000}.video-engine .role-indicator .role-hint{margin-left:6px;opacity:.6}.video-engine .agoratest-modeA{--stage-padding:12px;grid-gap:var(--stage-padding);display:grid;gap:var(--stage-padding);grid-template-rows:minmax(0,3fr) minmax(0,7fr);height:100%;overflow:hidden;padding:var(--stage-padding);width:100%}.video-engine .topbar{grid-gap:var(--stage-padding);display:grid;gap:var(--stage-padding);grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr)}.video-engine .minimap-scale{height:400%;transform:scale(.25);transform-origin:top left;width:400%}.video-engine .minimap-view .label{font-size:3rem;padding:smaller}.video-engine .bottom{grid-gap:var(--stage-padding);display:grid;gap:var(--stage-padding);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.video-engine .frame{background:#ffffff0f;border:1px solid #ffffff24;border-radius:14px;min-height:0;min-width:0;overflow:hidden;position:relative}.video-engine .agora-face-slot{background:#000;height:100%;inset:0;position:absolute;width:100%}.video-engine .agora-face-slot video{height:100%;object-fit:cover;width:100%}.video-engine .label{background:#00000059;border:1px solid #ffffff1a;border-radius:999px;color:#ffffffe6;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;left:12px;padding:6px 10px;position:absolute;top:10px;z-index:2}.video-engine .ui-button{border:solid #000;border-radius:6px;cursor:pointer;font-size:10px;padding:5px}.video-engine #teacherViewToggle{background:#222;color:#fff}.video-engine #teacherViewToggle.active{background:#2ecc71;color:#000}.video-engine .my-view-toggle{background:#222;color:#fff}.video-engine .my-view-toggle.active{background:#2ecc71;color:#000}.video-engine .controls-student{display:none}.video-engine .role-teacher .controls-teacher{display:block}.video-engine .role-student .controls-teacher,.video-engine .role-teacher .controls-student{display:none}.video-engine .role-student .controls-student{display:block}.video-engine .controls-grid{grid-gap:var(--stage-padding);display:grid;gap:var(--stage-padding);grid-template-columns:minmax(0,2fr) minmax(0,3fr) minmax(0,3fr);inset:0;padding:var(--stage-padding);padding-top:calc(var(--stage-padding));position:absolute}.video-engine .controls-panel{background:#0000002e;border:1px dashed #ffffff24;border-radius:12px;display:grid;grid-template-rows:auto 1fr;min-height:0;min-width:0;overflow:hidden}.video-engine .panel-body{min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;position:relative}.video-engine .panel-header{background:#ffffff0a;border-bottom:1px solid #ffffff14;color:#ffffffb3;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:11px;font-weight:500;letter-spacing:.02em;padding:4px 8px}.video-engine .controls-panel-label{color:#ffffffbf;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:12px;left:12px;position:absolute;top:0;transform:translateY(-70%)}.video-engine .controls-buttons{display:flex;flex-wrap:wrap;gap:8px;left:12px;position:absolute;top:12px}.video-engine .back-button,.video-engine .fullscreen-button{display:none;position:absolute;right:12px;top:12px;z-index:2}.video-engine .agoratest-modeA.zoom-face .face .back-button,.video-engine .agoratest-modeA.zoom-piano .piano .fullscreen-button,.video-engine .agoratest-modeA.zoom-score .score .fullscreen-button{display:block}.video-engine .agoratest-modeA.zoom-piano .score,.video-engine .agoratest-modeA.zoom-score .piano{display:none}.video-engine .agoratest-modeA.zoom-piano .bottom,.video-engine .agoratest-modeA.zoom-score .bottom{grid-template-columns:minmax(0,1fr)}.video-engine .agoratest-modeA.zoom-face,.video-engine .agoratest-modeA.zoom-piano-full,.video-engine .agoratest-modeA.zoom-score-full{grid-template-rows:minmax(0,1fr)}.video-engine .agoratest-modeA.zoom-face .bottom,.video-engine .agoratest-modeA.zoom-face .controls,.video-engine .agoratest-modeA.zoom-face .logo,.video-engine .agoratest-modeA.zoom-piano-full .score,.video-engine .agoratest-modeA.zoom-piano-full .topbar,.video-engine .agoratest-modeA.zoom-score-full .piano,.video-engine .agoratest-modeA.zoom-score-full .topbar{display:none}.video-engine .agoratest-modeA.zoom-face .topbar,.video-engine .agoratest-modeA.zoom-piano-full .bottom,.video-engine .agoratest-modeA.zoom-score-full .bottom{grid-template-columns:minmax(0,1fr)}.video-engine .agoratest-modeA.zoom-piano-full .piano .fullscreen-button,.video-engine .agoratest-modeA.zoom-score-full .score .fullscreen-button{display:none}.video-engine .agoratest-modeA.zoom-piano-full .piano .back-button,.video-engine .agoratest-modeA.zoom-score-full .score .back-button{display:block}.video-engine .stage>.agoratest-modeA{height:100%;width:100%}@media (orientation:portrait){.video-engine .stage{--stage-aspect:3/4;height:auto;max-height:100vh;width:100vw}}.video-engine-lite{background:#0b0b0b;color:#fff;height:100dvh;width:100%}.video-engine-lite *{box-sizing:border-box}.video-engine-lite__viewport{height:100%;padding:12px;width:100%}.video-engine-lite__classroom{grid-gap:12px;display:grid;gap:12px;height:100%;overflow:hidden;position:relative;width:100%}.video-engine-lite__classroom.layout-vertical{grid-template-areas:"score" "video";grid-template-columns:1fr;grid-template-rows:1fr 1fr}.video-engine-lite__classroom.layout-side-by-side{grid-template-areas:"video score";grid-template-columns:1fr 1fr;grid-template-rows:1fr}.video-engine-lite__score{grid-area:score}.video-engine-lite__video{grid-area:video}.video-engine-lite__score,.video-engine-lite__video{background:#ffffff0f;border:1px solid #ffffff24;border-radius:14px;min-height:0;min-width:0;overflow:hidden;position:relative}.video-engine-lite__label{background:#00000059;border:1px solid #ffffff1a;border-radius:999px;color:#ffffffe6;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;left:12px;padding:6px 10px;position:absolute;top:10px;z-index:5}.video-engine-lite__controls-button{background:#222;border:1px solid #fff3;border-radius:8px;bottom:16px;color:#fff;cursor:pointer;padding:8px 12px;position:absolute;right:16px;transition:background .15s ease,border-color .15s ease;z-index:10}.video-engine-lite__controls-button:hover{background:#333;border-color:#ffffff59}.video-engine-lite__controls-drawer{background:#121212f5;border:1px solid #ffffff24;border-radius:14px;bottom:12px;display:flex;flex-direction:column;overflow:hidden;position:absolute;right:12px;top:12px;width:260px;z-index:20}.video-engine-lite__controls-header{align-items:center;border-bottom:1px solid #ffffff14;color:#ffffffe6;display:flex;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;justify-content:space-between;padding:10px 12px}.video-engine-lite__close-controls{background:#0000;border:0;color:#fff;cursor:pointer;font-size:22px}.video-engine-lite__controls-body{display:flex;flex:1 1;flex-direction:column;gap:20px;min-height:0;overflow-y:auto;padding:14px}.video-engine-lite__control-section{display:flex;flex-direction:column;gap:8px}.video-engine-lite__control-title{color:#ffffff8c;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;margin-bottom:2px}.video-engine-lite__control-section button{background:#222;border:1px solid #fff3;border-radius:7px;color:#fff;cursor:pointer;padding:8px 10px;transition:background .15s ease,border-color .15s ease,color .15s ease}.video-engine-lite__control-section button:hover{background:#333;border-color:#ffffff59}.video-engine-lite__control-section button.is-active,.video-engine-lite__control-section button.is-active:hover{background:#2ecc71;border-color:#2ecc71;color:#000}.video-engine-lite__control-section button:disabled{cursor:not-allowed;opacity:.45}.video-engine-lite__video-player{background:#000;height:100%;inset:0;overflow:hidden;position:absolute;width:100%}.video-engine-lite__video-player video,.video-engine-lite__video-player>div{height:100%!important;width:100%!important}.video-engine-lite__video-player video{object-fit:contain!important}.video-engine-lite__status{color:#ffffff8c;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:11px;padding:4px 2px}.blackboard-lite__waiting{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;opacity:.65;padding:20px;text-align:center;width:100%}.video-engine-lite__classroom.magnetic-fit{transition:grid-template-columns .2s ease,grid-template-rows .2s ease}.video-engine-lite__classroom.magnetic-fit .video-engine-lite__video-player video{object-fit:contain!important}.video-engine-lite__crop-box{border:3px solid #2ecc71;box-shadow:0 0 0 9999px #0000007a;pointer-events:none;position:absolute;touch-action:none;z-index:8}.video-engine-lite__crop-edge{pointer-events:auto;position:absolute;touch-action:none;z-index:10}.video-engine-lite__crop-edge.crop-edge-top{cursor:ns-resize;height:24px;left:-10px;right:-10px;top:-12px}.video-engine-lite__crop-edge.crop-edge-right{bottom:-10px;cursor:ew-resize;right:-12px;top:-10px;width:24px}.video-engine-lite__crop-edge.crop-edge-bottom{bottom:-12px;cursor:ns-resize;height:24px;left:-10px;right:-10px}.video-engine-lite__crop-edge.crop-edge-left{bottom:-10px;cursor:ew-resize;left:-12px;top:-10px;width:24px}@media (max-width:900px){.video-engine-lite__controls-button{bottom:auto;left:5px;right:auto;top:5px}}.video-engine-lite__camera-switch{background:#ffffff14;border:0;border-radius:999px;cursor:pointer;flex-shrink:0;height:26px;margin:-3px -5px -3px 2px;padding:0;position:relative;transition:background .15s ease,transform .15s ease;width:34px}.video-engine-lite__camera-switch:hover{background:#ffffff29}.video-engine-lite__camera-switch:active{transform:scale(.94)}.camera-switch__arrow--top{border-radius:50% 60% 0 0;height:8px;left:7px;top:6px;width:17px}.camera-switch__arrow--top,.camera-switch__arrow--top:after{border-right:2px solid #59b9ee;border-top:2px solid #59b9ee;position:absolute}.camera-switch__arrow--top:after{content:"";height:6px;right:-3px;top:-4px;transform:rotate(35deg);width:6px}.camera-switch__arrow--bottom{border-radius:0 0 50% 60%;bottom:6px;height:8px;right:7px;width:17px}.camera-switch__arrow--bottom,.camera-switch__arrow--bottom:after{border-bottom:2px solid #2454b8;border-left:2px solid #2454b8;position:absolute}.camera-switch__arrow--bottom:after{bottom:-4px;content:"";height:6px;left:-3px;transform:rotate(35deg);width:6px}.chat-lite__overlay{align-items:center;background:#00000059;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.chat-lite__modal{background:#fff;border-radius:10px;box-sizing:border-box;display:flex;flex-direction:column;height:min(520px,calc(100vh - 64px));overflow:hidden;width:min(420px,calc(100vw - 32px))}.chat-lite__header{align-items:center;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;padding:14px 16px}.chat-lite__title{color:#222;font-size:16px;font-weight:600}.chat-lite__close{border:none;cursor:pointer;font-size:24px;line-height:1}.chat-lite__close,.chat-lite__close:hover{background:#0000;color:#222}.chat-lite__messages{color:#222;flex:1 1;overflow-y:auto;padding:16px}.chat-lite__message{margin-bottom:14px}.chat-lite__message--mine{text-align:right}.chat-lite__message-sender{color:#222;font-size:12px;font-weight:600;margin-bottom:3px}.chat-lite__message-text{background:#eee;border-radius:8px;color:#222;display:inline-block;max-width:80%;padding:8px 10px;text-align:left;word-break:break-word}.chat-lite__input-row{border-top:1px solid #ddd;display:flex;gap:8px;padding:12px}.chat-lite__input{background:#fff;border:1px solid #ccc;border-radius:6px;box-sizing:border-box;color:#222;flex:1 1;font-size:14px;min-width:0;padding:10px 12px}.chat-lite__input::placeholder{color:#777}.chat-lite__send{color:#fff;cursor:pointer;padding:10px 16px}.drawing-lite{height:100%;inset:0;overflow:hidden;position:absolute;width:100%;z-index:10}.drawing-lite.is-teacher{cursor:none}.drawing-lite #overlayCanvas{background:#0000;border:0;height:100%;inset:0;margin:0;padding:0;position:absolute;touch-action:none;width:100%;z-index:10}.blackboard-lite__drawing-controls-host{inset:0;pointer-events:none;position:absolute;z-index:40}.blackboard-lite__drawing-controls-host .overlay-ui{align-items:center;color:#fff;cursor:default;display:flex;flex-direction:row;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;font-size:12px;gap:7px;left:12px;line-height:normal;pointer-events:auto;position:absolute;top:12px;z-index:20}.blackboard-lite__drawing-controls-host .overlay-ui,.blackboard-lite__drawing-controls-host .overlay-ui *{box-sizing:border-box;cursor:default}.blackboard-lite__drawing-controls-host .drawing-lite__controls-panel{align-items:flex-start;display:flex;flex-direction:column;gap:8px;opacity:1;overflow:hidden;transform:translateX(0);transition:width .22s ease,opacity .16s ease,transform .22s ease;width:200px}.blackboard-lite__drawing-controls-host .overlay-ui.is-collapsed .drawing-lite__controls-panel{opacity:0;pointer-events:none;transform:translateX(-10px);width:0}.blackboard-lite__drawing-controls-host .drawing-lite__controls-toggle{align-items:center;appearance:none;-webkit-appearance:none;background:#0000;border:0;border-radius:0;box-shadow:none;cursor:pointer;display:flex;flex:0 0 auto;height:30px;justify-content:center;margin:0;opacity:1;outline:none;padding:0;width:40px}.blackboard-lite__drawing-controls-host .drawing-lite__controls-arrow{background:#0b0b0b;clip-path:polygon(100% 0,72% 50%,100% 100%,0 50%);display:block;height:22px;transform:rotate(0deg);transform-origin:center;transition:transform .22s ease;width:30px}.blackboard-lite__drawing-controls-host .overlay-ui.is-collapsed .drawing-lite__controls-arrow{transform:rotate(180deg)}.blackboard-lite__drawing-controls-host .drawing-lite__controls-toggle:active,.blackboard-lite__drawing-controls-host .drawing-lite__controls-toggle:focus,.blackboard-lite__drawing-controls-host .drawing-lite__controls-toggle:hover{background:#0000;border:0;box-shadow:none;outline:none}.blackboard-lite__drawing-controls-host .colorstrip button,.blackboard-lite__drawing-controls-host .text-control button,.blackboard-lite__drawing-controls-host .toolstrip button{appearance:none;-webkit-appearance:none;box-shadow:none;cursor:pointer;font-family:inherit;font-weight:400;height:auto;line-height:normal;margin:0;min-height:0;min-width:0;text-transform:none;width:auto}.blackboard-lite__drawing-controls-host .toolstrip{align-items:center;background:#0b0b0b;border:1px solid #ffffff1f;border-radius:10px;box-shadow:none;display:flex;gap:6px;margin:0;padding:6px}.blackboard-lite__drawing-controls-host .toolstrip--actions,.blackboard-lite__drawing-controls-host .toolstrip--main{width:100%}.blackboard-lite__drawing-controls-host .toolstrip .tool{align-items:center;background:#ffffff0a;border:1px solid #ffffff2e;border-radius:8px;box-shadow:none;color:#fff;cursor:pointer;display:inline-flex;font-size:12px;font-weight:400;height:auto;justify-content:center;line-height:normal;margin:0;opacity:1;padding:6px 10px;width:auto}.blackboard-lite__drawing-controls-host .toolstrip .tool:hover{background:#ffffff14}.blackboard-lite__drawing-controls-host .toolstrip .tool.is-active{background:#ff505040;border-color:#ff505099;color:#fff}.blackboard-lite__drawing-controls-host .toolstrip .tool.danger{border-color:#ff787866}.blackboard-lite__drawing-controls-host .colorstrip{align-items:center;background:#0b0b0b;border:1px solid #ffffff1f;border-radius:10px;box-shadow:none;display:flex;gap:6px;margin:0;padding:6px}.blackboard-lite__drawing-controls-host .colorstrip .color{border:2px solid #fff6;border-radius:50%;box-shadow:none;cursor:pointer;display:block;flex:0 0 auto;height:18px;margin:0;min-height:18px;min-width:18px;opacity:1;padding:0;width:18px}.blackboard-lite__drawing-controls-host .colorstrip .color.is-active{border-color:#fff}.blackboard-lite__drawing-controls-host .colorstrip .color.red{background:#ff5050}.blackboard-lite__drawing-controls-host .colorstrip .color.blue{background:#50a0ff}.blackboard-lite__drawing-controls-host .colorstrip .color.yellow{background:#ffd250}.blackboard-lite__drawing-controls-host .colorstrip .color.green{background:#50c88c}.blackboard-lite__drawing-controls-host .text-control{align-items:stretch;background:#0b0b0b;border:1px solid #ffffff1f;border-radius:10px;box-shadow:none;display:flex;flex-direction:column;gap:6px;margin:0;padding:8px}.blackboard-lite__drawing-controls-host .text-control #textInput{appearance:none;-webkit-appearance:none;background:#0006;border:1px solid #fff3;border-radius:6px;box-shadow:none;color:#fff;cursor:text;display:block;font-family:inherit;font-size:12px;font-weight:400;height:auto;line-height:normal;margin:0;opacity:1;outline:none;padding:6px 8px;width:210px}.blackboard-lite__drawing-controls-host .text-control #textInput::placeholder{color:#ffffff80;opacity:1}.blackboard-lite__drawing-controls-host .text-sizes{align-items:center;display:flex;gap:4px;margin:0;padding:0}.blackboard-lite__drawing-controls-host .text-sizes .text-size{align-items:center;background:#ffffff0a;border:1px solid #fff3;border-radius:6px;box-shadow:none;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:11px;font-weight:400;height:auto;justify-content:center;line-height:normal;margin:0;min-height:0;min-width:0;opacity:1;padding:4px 6px;width:auto}.blackboard-lite__drawing-controls-host .text-sizes .text-size.is-active{background:#ff505040;border-color:#ff505099;color:#fff}.node-draw-mock{background:#111;border:1px solid #ffffff1f;border-radius:10px;box-sizing:border-box;display:flex;flex-direction:column;gap:10px;padding:12px;width:100%}.node-draw-mock__controls{align-items:center;display:flex;gap:10px;justify-content:space-between}.node-draw-mock__mode-toggle{display:flex;gap:6px}.node-draw-mock__controls button{appearance:none;-webkit-appearance:none;background:#ffffff0a;border:1px solid #ffffff2e;border-radius:8px;box-shadow:none;color:#fff;cursor:pointer;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;font-size:12px;font-weight:400;height:auto;line-height:normal;margin:0;min-height:0;min-width:0;padding:6px 10px;width:auto}.node-draw-mock__controls button:hover{background:#ffffff14}.node-draw-mock__controls button.is-active{background:#ff505040;border-color:#ff505099}.node-draw-mock__clear{border-color:#ff787866!important}.node-draw-mock__canvas-frame{background:#fff;border-radius:8px;height:420px;overflow:hidden;position:relative;width:100%}.node-draw-mock__canvas{background:#0000;border:0;cursor:crosshair;display:block;height:100%;margin:0;padding:0;touch-action:none;width:100%}.blackboard-lite{box-sizing:border-box;height:100%;overflow:hidden;position:relative;width:100%}.blackboard-lite__drop-zone{align-items:center;border:2px dashed #ffffff73;border-radius:10px;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:8px;height:100%;justify-content:center;min-height:180px;padding:20px;text-align:center;width:100%}.blackboard-lite__drop-note{font-size:12px;opacity:.65}.blackboard-lite__file-input{display:none}.blackboard-lite__pdf-reader-hidden{height:1px;opacity:0;overflow:hidden;pointer-events:none;position:absolute;width:1px}.blackboard-lite__page-scroll{box-sizing:border-box;inset:0;overflow:auto;padding:0 20px 20px;position:absolute}.blackboard-lite__page-host{box-sizing:border-box;display:flex;justify-content:center;width:100%}.blackboard-lite__navigation{align-items:center;bottom:12px;display:flex;gap:12px;left:50%;pointer-events:auto;position:absolute;transform:translateX(-50%);z-index:20}.blackboard-lite__nav-button{align-items:center;background:#000;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 3px #000000a6;color:#fff;cursor:pointer;display:flex;font-size:22px;font-weight:700;height:38px;justify-content:center;line-height:1;padding:0;width:38px}.blackboard-lite__nav-button:disabled{cursor:default;opacity:.4}.blackboard-lite__page-indicator{-webkit-text-stroke:1px #fff;color:#000;font-size:18px;font-weight:700;paint-order:stroke fill;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff;white-space:nowrap}.blackboard-lite__setup{box-sizing:border-box;display:flex;flex-direction:column;gap:14px;height:100%;overflow:auto;padding:20px;width:100%}.blackboard-lite__page-selection{display:flex;flex-direction:column;gap:10px}.blackboard-lite__page-fields{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.blackboard-lite__page-input{box-sizing:border-box;padding:7px;width:90px}.blackboard-lite__page-note{font-size:12px;opacity:.65}.blackboard-lite__error{color:#ff8a8a}.blackboard-lite__choose-another{align-self:flex-start}.blackboard-lite__page-frame{display:inline-block;line-height:0;position:relative}.blackboard-lite__remote-pointer{background:radial-gradient(circle at center,#fff 0 3px,#000 3px 4px,#0000 4px),linear-gradient(#000,#000) 50% /2px 100% no-repeat,linear-gradient(90deg,#000,#000) 50% /100% 2px no-repeat;height:22px;left:-11px;opacity:0;pointer-events:none;position:absolute;top:-11px;width:22px;will-change:transform,opacity;z-index:100}.blackboard-lite__remote-pdf-loading{background:#000000d1;border-radius:8px;color:#fff;font-size:13px;font-weight:600;left:50%;padding:8px 14px;pointer-events:none;position:absolute;top:14px;transform:translateX(-50%);white-space:nowrap;z-index:90}.Tables_table__jX7sO{border-collapse:collapse;margin-bottom:16px;width:100%}.Tables_th__xBzFF{background-color:#f0f0f0;font-weight:700}.Tables_td__zSmK5,.Tables_th__xBzFF{border:1px solid #ccc;padding:6px;text-align:left}.Tables_tdIndent__3ntFZ{border:1px solid #ccc;padding:6px 6px 6px 20px;text-align:left}:root{--red:#f3b1b6;--dirtywhite:#f9f9f9;--isSelected:#e6f7ff;--isReimbursed:#f8d7da;--red:#e98b93;--blue:#8ecdeb;--yellow:#f5ca42;--green:#d1e7dd}.Teacher_timeSchedulerWrapper__kOOja{margin-top:24px}.Teacher_timeSchedulerTitle__-HpjD{margin:0 0 8px}.Teacher_timeSchedulerRange__YqcfZ{color:#555;font-size:16px;margin:0 0 12px}.Teacher_timeSchedulerEmpty__Knejm{background:#fafafa;border:1px solid #d9d9d9;border-radius:8px;font-size:16px;padding:16px}.Teacher_timeSchedulerTableWrapper__AhVIe{overflow-x:auto;width:100%}.Teacher_timeSchedulerTable__DSK2E{border-collapse:collapse;min-width:920px;table-layout:fixed;width:100%}.Teacher_timeSchedulerCornerCell__fPG31{background:#f4f4f4;border:1px solid #d9d9d9;min-width:110px;width:110px}.Teacher_timeSchedulerHeaderCell__AnkfT{background:#f4f4f4;border:1px solid #d9d9d9;font-size:14px;font-weight:600;padding:10px 8px;text-align:center}.Teacher_timeSchedulerTimeCell__GtOI-{background:#fafafa;border:1px solid #d9d9d9;font-size:13px;font-weight:500;min-width:110px;padding:8px;text-align:center;width:110px}.Teacher_timeSchedulerGridCell__kPk2f{background:#fff;border:1px solid #d9d9d9;height:36px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#3498db;--piano-logo-color:#4ba0ca;--green-main-color:#bada55;--font-family:Arial,sans-serif;--main-background-1:#222831;--main-background-2:#393d47;--white-letters:#eee;--teal-letters:#03adb4;--box-shadow:7px 4px 4px #4ba0ca66}.Navbar_navbar__n7ygh{align-items:center;background:#4ba0ca;background:var(--piano-logo-color);display:flex;flex-direction:row!important;justify-content:space-between!important;margin:0!important;padding:10px 10%;position:relative;width:100%;z-index:1000}.Navbar_list__KoTsZ{align-items:center;display:flex;justify-content:flex-end;width:50%}.Navbar_hamburger__CqGwx{background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;height:18px;justify-content:space-between;padding:0;width:24px}.Navbar_hamburger__CqGwx span{background-color:#eee;background-color:var(--white-letters);border-radius:3px;display:block;height:3px}.Navbar_logoText__Q9SjK{font-size:3.7rem;font-weight:530}.Navbar_test1__07vUb{border:3px solid red}.Navbar_title__r0sUj{font-size:1.2em;font-weight:700;letter-spacing:1px;margin-right:auto}.Navbar_navbar__n7ygh a,.Navbar_navbar__n7ygh button{margin-left:16px}.Navbar_navbar__n7ygh>a{color:#eee;color:var(--white-letters);font-family:Anton SC,sans-serif;font-size:3rem;letter-spacing:.5px;text-decoration:none}@media (max-width:1650px){.Navbar_logoText__Q9SjK{display:none}}@media (max-width:1191px){.Navbar_logoText__Q9SjK{font-size:29px}.Navbar_logo__jA5Pb{display:none}}@media (max-width:951px){.Navbar_navbar__n7ygh{padding:10px 16px}.Navbar_logoText__Q9SjK{font-size:2.2rem}.Navbar_hamburger__CqGwx{display:flex;margin-left:8px}.Navbar_list__KoTsZ{background:#4ba0ca;background:var(--piano-logo-color);display:none!important;flex-direction:column;gap:8px;max-width:260px;padding:12px 16px;position:absolute;right:0;top:70px;width:70%;z-index:1001}.Navbar_listOpen__pw6Mq{display:flex!important}.Navbar_navbar__n7ygh a,.Navbar_navbar__n7ygh button{margin-left:0;margin-top:8px}}