@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: #000000;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: 769px) 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-uynf0a{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:10000;view-transition-name:header}#logo.svelte-uynf0a{height:70%;padding:.25rem;margin-top:-1rem}#logo.svelte-uynf0a img:where(.svelte-uynf0a){height:100%;width:auto}#logo.svelte-uynf0a img.mobile:where(.svelte-uynf0a){display:none}#nav.svelte-uynf0a{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-uynf0a{list-style-type:none;padding:0;display:flex;flex-direction:row;align-items:center}ul.svelte-uynf0a li:where(.svelte-uynf0a){margin:1rem;font-weight:300;font-family:var(--font-subtitle)}ul.svelte-uynf0a li:where(.svelte-uynf0a):has(.navbtn.login:where(.svelte-uynf0a)){margin-right:.3375rem}ul.svelte-uynf0a li:where(.svelte-uynf0a):has(.navbtn.register:where(.svelte-uynf0a)){margin-left:.3375rem}.dropdown.svelte-uynf0a{cursor:pointer}.dropdown-box.svelte-uynf0a{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;contain:layout style paint;will-change:transform,opacity,visibility}.dropdown.svelte-uynf0a:hover .dropdown-box:where(.svelte-uynf0a){opacity:1;visibility:visible;transform:translate(-20%,25px);contain:layout style paint}.book-wrapper.svelte-uynf0a{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-uynf0a{font-size:1rem;font-weight:700;margin:.5rem 0;line-height:1.1rem;text-wrap:nowrap;width:fit-content}.book-description.svelte-uynf0a{font-family:Arial,Helvetica,sans-serif;font-size:.8rem;font-weight:100;margin:1px 0;word-break:keep-all}.book-img.svelte-uynf0a{margin:.5rem .5rem .5rem 2rem;transition:.5s}.book-wrapper.svelte-uynf0a:hover{transform:scale(1.02)}.book-wrapper.svelte-uynf0a:hover .book-title:where(.svelte-uynf0a){text-decoration:underline}.book-wrapper.svelte-uynf0a:hover .book-img:where(.svelte-uynf0a){filter:drop-shadow(0 0 10px #FFFFFF)}.rank.svelte-uynf0a{display:flex}.rank-wrapper.svelte-uynf0a{margin-top:.8rem}.rank-logo.svelte-uynf0a{height:8rem;width:auto;object-fit:contain;margin-left:-.5rem;margin-right:.5rem}h3.rank-title.svelte-uynf0a{font-size:.9rem;font-weight:500;text-wrap:nowrap}.rank-type.svelte-uynf0a{color:#e99c00}.fa-angle-right.svelte-uynf0a{display:inline-block;font-size:.7rem;margin-left:.5rem}.navbtn.svelte-uynf0a{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-uynf0a{background:#181b22!important;color:#fff!important;border:2px solid #fff!important;box-shadow:none!important;filter:none!important}.navbtn.register.svelte-uynf0a{background:#fff!important;color:#181b22!important;border:none!important;box-shadow:none!important;filter:none!important}.navbtn.svelte-uynf0a:active{filter:brightness(.95)}.avatar.svelte-uynf0a{border-radius:50%;margin-top:1px}.profile.svelte-uynf0a{right:0;text-align:center;font-family:var(--font-subtitle);padding:1.2rem}.profile_name.svelte-uynf0a{font-weight:500;font-size:1.75rem;margin:0 auto 1.2rem}.profile_achievement.svelte-uynf0a{font-size:.9rem;margin:1rem auto 2rem;text-wrap:wrap}.profile_btn.svelte-uynf0a{padding:.5rem 1rem;border-radius:2rem;font-size:1.1rem;cursor:pointer;transition:.3s;margin:0;pointer-events:auto;text-decoration:none;color:#fff}.profile_btn.svelte-uynf0a:hover{filter:drop-shadow(0 0 8px #d4f520);transform:scale(1.05)}.profile.svelte-uynf0a>div:where(.svelte-uynf0a)>hr:where(.svelte-uynf0a){margin:.5rem auto;border:.5px solid grey}.profile.svelte-uynf0a>div:where(.svelte-uynf0a){margin-top:1.2rem}.fa-angle-down.svelte-uynf0a{font-size:.7rem;margin-left:.5rem;transform:translateY(3px)}.book-angle.svelte-uynf0a{transform:translateY(0)!important}.avatar-angle.svelte-uynf0a{transform:translateY(-13px)}@media screen and (min-width: 768px){header.svelte-uynf0a{height:100px;top:0}#logo.svelte-uynf0a{transform:translate(5px)!important;z-index:10001!important}#logo.svelte-uynf0a img:where(.svelte-uynf0a){height:82px!important;width:auto!important;transition:none!important}}@media screen and (max-width: 767px){header.svelte-uynf0a{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-uynf0a{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-uynf0a img:where(.svelte-uynf0a){height:90px;width:auto;display:block;margin-top:3px;background:transparent;border:none;box-shadow:none;position:relative;z-index:1}#logo.svelte-uynf0a img.desktop:where(.svelte-uynf0a){display:none}#logo.svelte-uynf0a img.mobile:where(.svelte-uynf0a){display:block}#nav.svelte-uynf0a{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-uynf0a{display:flex;align-items:center;gap:4px;margin:0;padding:0}ul.svelte-uynf0a li:where(.svelte-uynf0a){margin:0}.navbtn.svelte-uynf0a{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-uynf0a:hover{transform:none!important;scale:1!important;box-shadow:0 0 10px #ffffff4d!important}.navbtn.svelte-uynf0a:active{transform:none!important;scale:1!important}ul.svelte-uynf0a li:where(.svelte-uynf0a):has(.navbtn.login:where(.svelte-uynf0a)){margin-right:0}ul.svelte-uynf0a li:where(.svelte-uynf0a):has(.navbtn.register:where(.svelte-uynf0a)){margin-left:0}.login.svelte-uynf0a:active,.register.svelte-uynf0a:active{filter:brightness(.95)}.avatar.svelte-uynf0a{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-uynf0a:hover{transform:scale(1.1);border-color:#00f0ff}.mobile-hidden.svelte-uynf0a{display:none}.desktop.svelte-uynf0a{display:none!important}}.ranking-button.svelte-uynf0a{background:none;border:none;color:inherit;font-family:inherit;font-size:inherit;cursor:pointer;padding:0;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.ranking-button.svelte-uynf0a:hover{opacity:.8}.coming-soon-popup.svelte-uynf0a{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;display:flex;align-items:center;justify-content:center;z-index:100000}.coming-soon-content.svelte-uynf0a{background:#000000f2;border:2px solid #d4f520;border-radius:20px;padding:30px;max-width:90vw;width:400px;text-align:center;box-shadow:0 0 30px #d4f5204d}.coming-soon-content.svelte-uynf0a h3:where(.svelte-uynf0a){color:#d4f520;font-size:24px;font-weight:700;font-family:Malgun Gothic,맑은 고딕,sans-serif;margin:0 0 15px;text-shadow:0 0 10px rgba(212,245,32,.5)}.coming-soon-content.svelte-uynf0a p:where(.svelte-uynf0a){color:#fff;font-size:16px;font-family:Malgun Gothic,맑은 고딕,sans-serif;margin:0 0 25px;line-height:1.4}.coming-soon-close-btn.svelte-uynf0a{background:#d4f520;color:#000;border:none;border-radius:10px;padding:12px 24px;font-size:16px;font-weight:700;font-family:Malgun Gothic,맑은 고딕,sans-serif;cursor:pointer;transition:all .3s ease}.coming-soon-close-btn.svelte-uynf0a:hover{background:#e8ff4a;transform:scale(1.05)}html{scroll-behavior:smooth}