@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css";*{box-sizing:border-box;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif}html,body{margin:0;padding:0;width:100%;overflow-x:hidden}img,video{max-width:100%}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-20px)}15%{opacity:1;transform:translate(-50%)}85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-20px)}}.mobile-step-badge,.bookmark-mobile-icon{display:none}@media (max-width: 768px){html,body,#root{width:100%!important;max-width:100%!important;overflow-x:hidden!important}#root>div{width:100%!important;max-width:100%!important;padding-left:8px!important;padding-right:8px!important}.main-header{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;width:100%!important;gap:8px!important;padding-bottom:8px!important;margin-bottom:8px!important}.main-header h1{text-align:left!important;font-size:20px!important;line-height:1.2!important;white-space:nowrap!important;flex-shrink:0!important;margin-left:8px!important}.header-user-area{width:auto!important;min-width:0!important;display:flex!important;justify-content:flex-end!important;align-items:center!important;flex-wrap:nowrap!important;gap:4px!important;margin-left:auto!important}.header-user-area>div{flex-wrap:wrap!important;justify-content:center!important}.logged-in-user{width:auto!important;min-width:0!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:nowrap!important;gap:6px!important}.profile-click-area{min-width:0!important;display:flex!important;align-items:center!important;gap:5px!important}.logged-in-user button{min-height:30px!important}.header-icon-btn{width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:15px!important;border-radius:50%!important}.logged-in-user img{width:28px!important;height:28px!important}.file-bar{width:100%!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) 38px!important;align-items:center!important;gap:6px!important;margin-bottom:12px!important}.file-bar>span{margin-right:0!important;font-size:12px!important;font-weight:700!important;white-space:nowrap!important}.file-bar select{width:100%!important;min-width:0!important;max-width:100%!important;min-height:36px!important;font-size:12px!important;padding-left:6px!important;padding-right:24px!important}.bookmark-desktop-text{display:none!important}.bookmark-mobile-icon{display:inline-block!important;font-size:17px!important;line-height:1!important}.bookmark-button{width:auto!important;min-width:48px!important;max-width:none!important;height:36px!important;min-height:36px!important;padding:0 6px!important;display:flex!important;align-items:center!important;justify-content:center!important}.top-control{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:6px!important;margin-bottom:8px!important;min-height:32px!important;width:100%!important}.player-wrapper{position:relative!important}.mobile-step-badge{display:none!important}.content-layout{width:100%!important;flex-direction:column!important;gap:12px!important}.player-section{width:100%!important;min-width:0!important;flex:none!important}.comment-form{display:grid!important;grid-template-columns:minmax(0,1fr) 38px 52px!important;width:100%!important;max-width:100%!important;min-width:0!important;gap:4px!important;margin:0 0 12px!important;box-sizing:border-box!important}.comment-input{width:100%!important;max-width:100%!important;min-width:0!important;flex:none!important;padding:7px 8px!important;box-sizing:border-box!important;font-size:16px!important}.comment-input::placeholder{font-size:12px!important}.comment-emoji-btn{width:38px!important;min-width:38px!important;max-width:38px!important;padding:4px!important;box-sizing:border-box!important}.comment-post-btn{width:52px!important;min-width:52px!important;max-width:52px!important;padding:5px 3px!important;font-size:12px!important;white-space:nowrap!important;box-sizing:border-box!important}.reply-form{width:100%!important;display:grid!important;grid-template-columns:18px minmax(0,1fr) 40px 55px!important;gap:5px!important;align-items:center!important;box-sizing:border-box!important}.reply-input{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;font-size:16px!important}.reply-emoji-btn{width:40px!important;min-width:40px!important;max-width:40px!important;padding:0!important}.reply-post-btn{width:55px!important;min-width:55px!important;max-width:55px!important;padding:6px 4px!important}video{display:block!important;width:100%!important;max-width:100%!important;height:auto!important}.top-control{height:auto!important;flex-wrap:nowrap!important;gap:6px!important;margin-bottom:8px!important;justify-content:space-between!important}.step-badge{font-size:10px!important;padding:3px 7px!important}.expr-sticky-badge{top:5px!important;left:5px!important;max-width:72%!important;padding:3px 7px!important}.expr-sticky-title{font-size:11px!important;line-height:1.2!important}.expr-sticky-meaning{font-size:10px!important;line-height:1.2!important}.source-badge{top:8px!important;right:8px!important;bottom:auto!important;font-size:9px!important;padding:2px 5px!important;z-index:29!important}.subtitle-overlay{width:96%!important;bottom:10px!important}.subtitle-box{padding:5px 8px!important;border-radius:6px!important}.english-text{font-size:12px!important;line-height:1.3!important}.second-text{font-size:10px!important;line-height:1.25!important;min-height:12px!important;margin-top:2px!important}.intro-expr{font-size:24px!important;line-height:1.25!important;text-align:center!important}.intro-meaning{font-size:15px!important;line-height:1.4!important;text-align:center!important}.dict-row{flex-direction:column!important;gap:8px!important}.list-container{height:240px!important;width:100%!important}input,textarea,select{font-size:16px!important}button{min-height:36px}p,span,div{overflow-wrap:anywhere}}@media (max-width: 480px){#root>div{padding-left:6px!important;padding-right:6px!important}.main-header h1{font-size:20px!important}.header-username{display:none!important}.file-bar>span{font-size:12px!important}.file-bar select{font-size:12px!important}.intro-expr{font-size:21px!important}.intro-meaning{font-size:14px!important}.english-text{font-size:11px!important}.second-text{font-size:9.5px!important}.expr-sticky-badge{max-width:68%!important}}