@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Nanum+Myeongjo&display=swap";body,html,#root,.App{font-family:Roboto,sans-serif}html,*{box-sizing:border-box}body{--scroll-top: 0;--scroll-bottom: 0}.transcript{padding:20px;max-width:800px;font-size:1.3rem;line-height:1.6;height:60svh;margin:0 auto;text-align:justify}@keyframes floatUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.audio-wrapper{margin-top:20px}audio{width:100%}.splash{position:relative;width:100vw;height:100svh;--background: url(/img/splash.png) no-repeat center center/cover;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px #0000004d;animation:fadeIn 2s ease-in forwards}.splash .overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1;animation:slideIn 1s ease-in forwards}.bottom-player{position:absolute;bottom:20px;width:100%;text-align:center;z-index:2}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.splash .text{position:relative;z-index:2;text-align:center;color:#fff;animation:textReveal 2s ease-in forwards}@keyframes textReveal{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.splash .text h1{font-size:2.5rem;margin-bottom:10px}.splash .text span{font-size:1.2rem}.audio-player{position:relative;display:flex;justify-content:center;align-items:center}.play-button{padding:0;display:inline-block;position:relative;width:74px;height:74px;border-radius:50%;background:#030544;border:1px solid #fff;z-index:100;box-shadow:2px 2px 4px #00000080}.playing .play-button:before{position:absolute;content:"";display:block;border-radius:50%;border-top:4px solid #fff;border-right:4px solid transparent;width:calc(100% + 14px);height:calc(100% + 14px);top:-9px;left:-9px;z-index:-1;animation:spin 4s linear infinite}.playing .play-button:after{position:absolute;content:"";display:block;border-radius:50%;border-bottom:4px solid #fff;border-left:4px solid transparent;width:calc(100% + 14px);height:calc(100% + 14px);top:-9px;left:-9px;z-index:-1;animation:spin 4s linear infinite}.play-button-glyph{display:inline-block;transform:scale(.5);padding:0;border:0;background:transparent;box-sizing:border-box;width:0;height:74px;transition:.2s all ease;cursor:pointer;border-style:solid;border-width:37px 0 37px 60px;margin-left:10px;border-color:transparent transparent transparent #ddd}.play-button-glyph:hover{border-color:transparent transparent transparent #fff}.playing .play-button .play-button-glyph{margin-left:0;border-style:double;border-width:0px 0 0px 60px}.back-10,.forward-10{position:relative;background-color:#cde;padding:0;margin:14px;height:48px;width:48px;border-radius:50%}.back-10 img,.forward-10 img{padding:8px 4px;height:100%}.back-10:before{content:"";display:block;position:absolute;background-color:#cde;left:22px;height:48px;width:55px;z-index:-1}.forward-10:before{content:"";display:block;position:absolute;right:22px;background-color:#cde;height:48px;width:55px;z-index:-1}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#010203;background-color:#fefdfc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,*{margin:0;padding:0}p{margin-bottom:1.5rem;font-family:Nanum Myeongjo,serif;font-weight:400;font-style:normal;line-height:1.8}.print{font-family:Nanum Myeongjo,serif;font-weight:400;font-style:normal;line-height:1.8}.container-flex{max-width:800px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.container-content{padding:20px;max-width:800px;font-size:1.3rem;line-height:1.6;margin:0 auto;text-align:justify}.container-content p+p:before{display:block;margin-bottom:1rem;content:"";height:1px;box-shadow:0 0 2px #0000004d}