@import"https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap";*{padding:0;margin:0;box-sizing:border-box}html,body{width:100%;height:100%}.noto-serif-sm{font-family:"Noto Serif",serif;font-optical-sizing:auto;font-weight:300;font-style:normal;font-variation-settings:"wdth" 100}.noto-serif-md{font-family:"Noto Serif",serif;font-optical-sizing:auto;font-weight:500;font-style:normal;font-variation-settings:"wdth" 100}.noto-serif-lg{font-family:"Noto Serif",serif;font-optical-sizing:auto;font-weight:700;font-style:normal;font-variation-settings:"wdth" 100}.noto-serif-xl{font-family:"Noto Serif",serif;font-optical-sizing:auto;font-weight:900;font-style:normal;font-variation-settings:"wdth" 100}main{width:100vw;height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:flex-end;padding-block:2rem;background:#000;color:#fff}.speech{pointer-events:none;-webkit-user-select:none;user-select:none;text-transform:capitalize;width:70vw;height:auto;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:10rem;z-index:1001;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.text-box{display:inline;position:relative;margin-inline:.1rem;margin-block:.1rem;opacity:0}.text-box p{opacity:0}.hider{width:100%;height:110%;background:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.media-buttons{width:100px;height:40px;display:flex;justify-content:space-between;align-items:center;color:#000;margin-bottom:1rem}.media-buttons .button{cursor:pointer;position:relative;height:100%;aspect-ratio:1;background:#fff;border-radius:3px;font-size:1.5rem;display:flex;justify-content:center;align-items:center}.media-buttons .button .music,.media-buttons .button .media{transform:all .3s ease;line-height:1rem;position:absolute}.lessons{-webkit-user-select:none;user-select:none;width:100%;height:auto;position:absolute;top:50%;right:2rem;transform:translateY(-50%);display:flex;flex-direction:column;justify-content:center;align-items:flex-end;z-index:1001}.lessons .chapter{display:flex;justify-content:flex-end;align-items:center;gap:5px}.lessons .chapter .progress{width:5px;height:100%;height:5px;border-radius:20px;overflow:hidden;background:#777}.lessons .chapter .progress .line{width:100%;height:100%;background:#fff;opacity:0}.lessons .chapter .title{color:#777;cursor:pointer;font-size:1.3rem}.three-canvas{position:relative;width:100vw;height:100svh;z-index:999}.loader-container{width:100vw;height:100svh;background:#000;z-index:9999}