@import"https://hangeul.pstatic.net/hangeul_static/css/nanum-myeongjo.css";@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css";@font-face{font-family:GowunDodum-Regular;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/GowunDodum-Regular.woff) format("woff");font-weight:400;font-style:normal}:root{--font-title: "NanumMyeongjo";--font-subtitle: "Pretendard";--font-comic: "GowunDodum-Regular";--background-color: #0d1017;scrollbar-width:none}html{width:100%;height:100%;scrollbar-width:none}body{background:var(--background-color);color:#fff;text-align:center;font-family:var(--font-title);width:100%;height:100%;margin:0;scrollbar-width:none}a{color:#fff;text-decoration:none}::view-transition-old(root),::view-transition-new(root){animation-duration:1s}.border{border:1px solid grey;border-radius:.6rem}.round{border-radius:.6rem}hr{width:100%;margin:1rem 0}::view-transition-group(*){animation-duration:.5s}.glow{filter:drop-shadow(0 0 10px white)}.border-gradient{border:1px solid transparent;background-origin:border-box;background-clip:border-box;border-radius:.6rem}.bg-video{position:fixed;z-index:-2;right:0;bottom:0;min-width:100%;min-height:100%;background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.65}.bg-video video{width:100vw;height:100vh;object-fit:cover}.gfb{font-family:var(--font-subtitle);padding:.6rem 1.2rem;margin:1rem;font-size:.8rem;font-weight:700;background:#000;color:#fff;border-radius:25px;height:fit-content;position:relative;transition:.5s;border:solid white;filter:drop-shadow(0 0 5px #FFFFFF) drop-shadow(0 0 10px #FFFFFF);z-index:0}.gfb:hover{filter:drop-shadow(0 0 5px #FFFFFF) drop-shadow(0 0 100px #FFFFFF) drop-shadow(0 0 200px #FFFFFF) drop-shadow(-30px 80px 50px purple) drop-shadow(30px -80px 50px skyblue);cursor:pointer}@media screen and (min-width: 768px){.mobile{display:none}}@media screen and (max-width: 767px){html,body{overflow:hidden;scrollbar-width:none}}@media screen and (max-width: 767px){html,body{overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}body::-webkit-scrollbar{display:none}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}p,h1,h2,h3,h4,h5,h6,span,div{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}button,.btn,[role=button]{min-height:44px;min-width:44px;touch-action:manipulation}input,textarea,select{font-size:16px;-webkit-appearance:none;border-radius:0}}@media screen and (max-width: 768px) or (orientation: portrait){body{overflow:hidden}}@supports (padding-top: env(safe-area-inset-top)){.mobile-header{padding-top:calc(2rem + env(safe-area-inset-top));padding-bottom:calc(2rem + env(safe-area-inset-bottom))}}.mobile-optimized{box-shadow:none;filter:none;will-change:transform;transform:translateZ(0);backface-visibility:hidden}.fade-in-optimized{opacity:0;animation:fadeInOptimized .15s ease-out forwards;will-change:opacity,transform;transform:translateZ(0)}@keyframes fadeInOptimized{0%{opacity:0;transform:translateY(5px) translateZ(0)}to{opacity:1;transform:translateY(0) translateZ(0)}}header.svelte-1j2voc6{position:fixed;left:0;width:100%;height:100px;display:flex;align-items:center;justify-content:space-between;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:4;view-transition-name:header}#logo.svelte-1j2voc6{height:70%;padding:.25rem;margin-top:-1rem}#logo.svelte-1j2voc6 img:where(.svelte-1j2voc6){height:100%;width:auto}#logo.svelte-1j2voc6 img.mobile:where(.svelte-1j2voc6){display:none}#nav.svelte-1j2voc6{padding:0;display:flex;align-items:center;gap:1rem;flex:0 0 auto;margin-top:0;transform:translate(-10px);background:transparent;border:none;box-shadow:none;z-index:4;position:relative;width:auto;min-width:0}ul.svelte-1j2voc6{list-style-type:none;padding:0;display:flex;flex-direction:row;align-items:center}ul.svelte-1j2voc6 li:where(.svelte-1j2voc6){margin:1rem;font-weight:300;font-family:var(--font-subtitle)}ul.svelte-1j2voc6 li:where(.svelte-1j2voc6):has(.navbtn.login:where(.svelte-1j2voc6)){margin-right:.3375rem}ul.svelte-1j2voc6 li:where(.svelte-1j2voc6):has(.navbtn.register:where(.svelte-1j2voc6)){margin-left:.3375rem}.dropdown.svelte-1j2voc6{cursor:pointer}.dropdown-box.svelte-1j2voc6{position:absolute;z-index:2;transform:translate(-20%);transition:.5s;opacity:0;visibility:hidden;border:solid grey .5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#000c;border-radius:1rem;cursor:default;text-align:left;padding:.5rem 1rem}.dropdown.svelte-1j2voc6:hover .dropdown-box:where(.svelte-1j2voc6){opacity:1;visibility:visible;transform:translate(-20%,25px)}.book-wrapper.svelte-1j2voc6{display:flex;flex-direction:row;justify-content:space-between;cursor:pointer;margin:1rem .5rem;transition:.3s;border-radius:.6rem;padding:1rem 0 0}.book-title.svelte-1j2voc6{font-size:1rem;font-weight:700;margin:.5rem 0;line-height:1.1rem;text-wrap:nowrap;width:fit-content}.book-description.svelte-1j2voc6{font-family:Arial,Helvetica,sans-serif;font-size:.8rem;font-weight:100;margin:1px 0;word-break:keep-all}.book-img.svelte-1j2voc6{margin:.5rem .5rem .5rem 2rem;transition:.5s}.book-wrapper.svelte-1j2voc6:hover{transform:scale(1.02)}.book-wrapper.svelte-1j2voc6:hover .book-title:where(.svelte-1j2voc6){text-decoration:underline}.book-wrapper.svelte-1j2voc6:hover .book-img:where(.svelte-1j2voc6){filter:drop-shadow(0 0 10px #FFFFFF)}.rank.svelte-1j2voc6{display:flex}.rank-wrapper.svelte-1j2voc6{margin-top:.8rem}.rank-logo.svelte-1j2voc6{height:8rem;width:auto;object-fit:contain;margin-left:-.5rem;margin-right:.5rem}h3.rank-title.svelte-1j2voc6{font-size:.9rem;font-weight:500;text-wrap:nowrap}.rank-type.svelte-1j2voc6{color:#e99c00}.fa-angle-right.svelte-1j2voc6{display:inline-block;font-size:.7rem;margin-left:.5rem}.navbtn.svelte-1j2voc6{display:flex;align-items:center;justify-content:center;min-width:75px;height:37px;font-size:.86rem;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:600;border-radius:999px;border:none;text-decoration:none;transition:none!important;box-sizing:border-box;cursor:pointer;letter-spacing:.01em;padding:0 .8rem;background:none!important;box-shadow:none!important;filter:none!important;margin-top:0}.navbtn.login.svelte-1j2voc6{background:#181b22!important;color:#fff!important;border:2px solid #fff!important;box-shadow:none!important;filter:none!important}.navbtn.register.svelte-1j2voc6{background:#fff!important;color:#181b22!important;border:none!important;box-shadow:none!important;filter:none!important}.navbtn.svelte-1j2voc6:active{filter:brightness(.95)}.avatar.svelte-1j2voc6{border-radius:50%;margin-top:1px}.profile.svelte-1j2voc6{right:0;text-align:center;font-family:var(--font-subtitle);padding:1.2rem}.profile_name.svelte-1j2voc6{font-weight:500;font-size:1.75rem;margin:0 auto}.profile_achievement.svelte-1j2voc6{font-size:.9rem;margin:1rem auto 1.4rem;text-wrap:wrap}.profile_btn.svelte-1j2voc6{padding:.5rem 1rem;border-radius:2rem;font-size:1.1rem;cursor:pointer;transition:.3s;margin:0}.profile_btn.svelte-1j2voc6:hover{filter:drop-shadow(0 0 5px #FFFFFF);transform:scale(1.05)}.profile.svelte-1j2voc6>div:where(.svelte-1j2voc6)>hr:where(.svelte-1j2voc6){margin:.5rem auto;border:.5px solid grey}.fa-angle-down.svelte-1j2voc6{font-size:.7rem;margin-left:.5rem}.avatar-angle.svelte-1j2voc6{transform:translateY(-13px)}@media screen and (min-width: 768px){header.svelte-1j2voc6{height:100px;top:0}#logo.svelte-1j2voc6{transform:translate(20px,10px)}}@media screen and (max-width: 767px){header.svelte-1j2voc6{height:120px;top:0;-webkit-backdrop-filter:none;backdrop-filter:none;background:transparent;display:flex;align-items:center;justify-content:space-between;padding:.7rem 1.2rem}#logo.svelte-1j2voc6{margin-top:0;margin-left:-7px;display:flex;align-items:flex-start;justify-content:flex-start;flex:0 0 auto;height:100%;background:transparent;border:none;box-shadow:none;z-index:1;position:relative;width:auto;min-width:0}#logo.svelte-1j2voc6 img:where(.svelte-1j2voc6){height:90px;width:auto;display:block;margin-top:3px;background:transparent;border:none;box-shadow:none;position:relative;z-index:1}#logo.svelte-1j2voc6 img.desktop:where(.svelte-1j2voc6){display:none}#logo.svelte-1j2voc6 img.mobile:where(.svelte-1j2voc6){display:block}#nav.svelte-1j2voc6{padding:0;display:flex;align-items:center;gap:4px;flex:0 0 auto;margin-top:13px;transform:translate(-30px) translateY(-15px);background:transparent;border:none;box-shadow:none;z-index:4;position:relative;width:auto;min-width:0}ul.svelte-1j2voc6{display:flex;align-items:center;gap:4px;margin:0;padding:0}ul.svelte-1j2voc6 li:where(.svelte-1j2voc6){margin:0}.navbtn.svelte-1j2voc6{background:linear-gradient(90deg,#5de0e6,#004aad,#6100ff)!important;color:#fff!important;padding:0 .8rem!important;border-radius:999px!important;text-decoration:none!important;font-weight:600!important;font-size:.86rem!important;border:none!important;cursor:pointer!important;transition:none!important;transform:none!important;box-shadow:0 0 10px #ffffff4d!important;min-width:75px!important;height:37px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;position:relative!important;z-index:10!important;line-height:1!important;box-sizing:border-box!important}.navbtn.svelte-1j2voc6:hover{transform:none!important;scale:1!important;box-shadow:0 0 10px #ffffff4d!important}.navbtn.svelte-1j2voc6:active{transform:none!important;scale:1!important}ul.svelte-1j2voc6 li:where(.svelte-1j2voc6):has(.navbtn.login:where(.svelte-1j2voc6)){margin-right:0}ul.svelte-1j2voc6 li:where(.svelte-1j2voc6):has(.navbtn.register:where(.svelte-1j2voc6)){margin-left:0}.login.svelte-1j2voc6:active,.register.svelte-1j2voc6:active{filter:brightness(.95)}.avatar.svelte-1j2voc6{width:44px;height:44px;border-radius:50%;border:2px solid #fff;object-fit:cover;cursor:pointer;transition:all .2s;position:relative;box-shadow:0 0 15px #fff9,0 0 30px #ffffff4d;overflow:hidden}.avatar.svelte-1j2voc6:hover{transform:scale(1.1);border-color:#00f0ff}.mobile-hidden.svelte-1j2voc6{display:none}.desktop.svelte-1j2voc6{display:none!important}}