@import"https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap";.search-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:flex;flex-direction:column}.search-container{background-color:#fff;padding:20px;box-shadow:0 4px 20px #0000001a;animation:slideDown .3s ease-out;z-index:1001}.search-form{display:flex;align-items:center;max-width:800px;margin:0 auto;gap:12px;background-color:var(--color-surface);padding:8px 16px;border-radius:9999px}.search-input{flex:1;border:none;background:transparent;font-size:16px;padding:8px;outline:none;font-weight:500;color:var(--color-text)}.search-submit-btn,.search-close-btn{padding:4px;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.search-submit-btn:hover,.search-close-btn:hover{color:var(--color-primary);background-color:#0000000d}.search-backdrop{flex:1;background-color:#00000080;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.menu-drawer-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:flex;justify-content:flex-end}.menu-drawer-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.menu-drawer{position:relative;width:80%;max-width:360px;height:100%;background-color:#fff;z-index:1001;overflow-y:auto;display:flex;flex-direction:column;animation:slideInRight .3s ease-out;box-shadow:-4px 0 20px #0000001a}.menu-header{padding:24px 20px;background-color:var(--color-surface)}.menu-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.menu-logo{font-weight:900;font-size:20px;color:var(--color-text)}.menu-close-btn{padding:8px;color:var(--color-text);border-radius:50%;transition:background-color .2s}.menu-close-btn:hover{background-color:#0000001a}.menu-profile{display:flex;align-items:center;gap:16px}.profile-image-placeholder{width:48px;height:48px;border-radius:50%;background-color:#e0e0e0;display:flex;align-items:center;justify-content:center;color:#fff}.profile-info{display:flex;flex-direction:column;gap:4px}.profile-name{font-weight:700;font-size:16px;color:var(--color-text)}.profile-login-link{font-size:13px;color:var(--color-text-secondary);font-weight:500}.menu-content{flex:1;padding:24px 20px;display:flex;flex-direction:column;gap:32px}.menu-section{display:flex;flex-direction:column;gap:12px}.menu-section-title{font-size:12px;color:var(--color-text-muted);margin:0 0 8px;font-weight:700}.menu-item{display:flex;align-items:center;gap:12px;padding:12px 0;font-size:16px;font-weight:500;color:var(--color-text);text-decoration:none;border-bottom:1px solid transparent}.menu-item:hover{color:var(--color-primary-dark)}.menu-icon{font-size:18px;width:24px;text-align:center}.menu-footer{padding:24px;display:flex;gap:12px;justify-content:center;font-size:12px;color:var(--color-text-muted);border-top:1px solid var(--color-border)}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.header{position:sticky;top:0;z-index:100;background-color:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:none;transition:box-shadow .3s ease}.header.scrolled{box-shadow:0 4px 20px #0000000d}.header-top{display:flex;justify-content:space-between;align-items:center;height:60px;padding:0 var(--spacing-md)}.logo-area{display:flex;align-items:center;gap:var(--spacing-xs);font-weight:900;font-size:var(--font-size-lg);color:var(--color-text)}.logo-symbol{font-size:24px;color:var(--color-primary)}.header-actions{display:flex;gap:var(--spacing-md)}.icon-btn{color:var(--color-text);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;background-color:transparent}.icon-btn:hover{background-color:var(--color-surface);transform:scale(1.05);color:#000}.header-tabs{display:flex;gap:var(--spacing-sm);padding:0 var(--spacing-md) 10px;overflow-x:auto;height:50px;align-items:center;border-bottom:1px solid transparent}.tab-item{display:flex;align-items:center;gap:4px;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;white-space:nowrap;padding:6px 12px;border-radius:9999px;background-color:var(--color-surface);transition:all .2s;border:1px solid transparent}.tab-item:hover{background-color:#f0f0f0}.tab-item.active{color:#000;background-color:var(--color-primary);font-weight:700}.tab-icon{font-size:14px}.footer{padding:var(--spacing-xl) var(--spacing-md) calc(var(--bottom-nav-height) + var(--spacing-xl));background-color:var(--color-bg);color:var(--color-text-muted);font-size:var(--font-size-xs);text-align:center;border-top:1px solid var(--color-border)}.footer-links{display:flex;justify-content:center;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.footer-links a{color:var(--color-text-secondary)}.divider{color:var(--color-border)}.footer-info p{margin:4px 0}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets) .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}:is(.swiper-button-prev,.swiper-button-next).swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}:is(.swiper-button-prev,.swiper-button-next).swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled :is(.swiper-button-prev,.swiper-button-next){display:none!important}:is(.swiper-button-prev,.swiper-button-next) svg{width:100%;height:100%;object-fit:contain;transform-origin:center;fill:currentColor;pointer-events:none}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2))}.swiper-button-prev{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-button-prev .swiper-navigation-icon{transform:rotate(180deg)}.swiper-button-next{right:var(--swiper-navigation-sides-offset, 4px);left:auto}.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal~.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));margin-left:0}.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset, 4px);left:auto}:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) .swiper-navigation-icon{transform:rotate(180deg)}:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(0)}.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-prev,.swiper-vertical~.swiper-button-next{left:var(--swiper-navigation-top-offset, 50%);right:auto;margin-left:calc(0px - (var(--swiper-navigation-size) / 2));margin-top:0}.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev{top:var(--swiper-navigation-sides-offset, 4px);bottom:auto}:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(-90deg)}.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset, 4px);top:auto}:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) .swiper-navigation-icon{transform:rotate(90deg)}.hero-banner-container{padding:20px 0 40px;width:100%;overflow:hidden;background-color:#fff}.hero-swiper{padding:0 20px!important;overflow:visible!important}.hero-slide{transition:all .3s ease;opacity:1;transform:scale(.94)}.hero-slide.swiper-slide-active{opacity:1;transform:scale(1);z-index:10}.hero-card{display:block;position:relative;border-radius:12px;overflow:hidden;box-shadow:none!important;background:#f8f9fa;height:280px}@media(min-width:768px){.hero-card{height:400px}}.hero-image-wrapper{position:relative;width:100%;height:100%}.hero-image{width:100%;height:100%;object-fit:cover;transition:transform .5s}.hero-card:hover .hero-image{transform:scale(1.02)}.hero-overlay{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(to top,rgba(0,0,0,.6) 0%,transparent 100%);padding:20px;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;height:50%}.hero-badge{background-color:var(--color-primary);color:#000;font-size:10px;font-weight:800;padding:3px 6px;border-radius:4px;align-self:flex-start;margin-bottom:6px}.hero-title{font-size:18px;font-weight:700;margin:0 0 4px;line-height:1.3;text-shadow:0 1px 2px rgba(0,0,0,.3)}.hero-subtitle{font-size:13px;opacity:.95;margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.swiper-pagination-bullet{background:#ddd;opacity:1}.swiper-pagination-bullet-active{background-color:var(--color-primary)!important;width:20px;border-radius:4px;transition:width .3s}.swiper-button-next,.swiper-button-prev{display:none}.hero-card.coming-soon .hero-image{filter:blur(3px) grayscale(40%)}.hero-coming-soon-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0009;color:#fff;padding:10px 20px;border-radius:24px;font-size:16px;font-weight:700;z-index:5;border:1px solid rgba(255,255,255,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap}.webtoon-card{display:block;width:100%;height:100%;position:relative}.card-image-wrapper{position:relative;width:100%;aspect-ratio:3 / 4;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #00000014;background-color:var(--color-surface);transition:box-shadow .3s ease,transform .3s ease}.webtoon-card:hover .card-image-wrapper{box-shadow:0 12px 24px #00000026;transform:translateY(-4px)}.card-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.webtoon-card:hover .card-image{transform:scale(1.05)}.webtoon-card.coming-soon .card-image{filter:blur(3px) grayscale(40%)}.card-coming-soon-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0009;color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:700;z-index:5;border:1px solid rgba(255,255,255,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap}.card-overlay-gradient{position:absolute;bottom:0;left:0;width:100%;height:60%;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.4) 50%,transparent 100%);pointer-events:none;z-index:1}.card-info-overlay{position:absolute;bottom:0;left:0;width:100%;padding:16px;z-index:2;display:flex;flex-direction:column;justify-content:flex-end}.card-title-overlay{font-size:16px;color:#fff;margin:0 0 4px;font-weight:700;line-height:1.3;text-shadow:0 2px 4px rgba(0,0,0,.5)}.card-summary-overlay{font-size:12px;color:#ffffffe6;margin:0;line-height:1.4;text-shadow:0 1px 2px rgba(0,0,0,.5);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-badges-container{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:6px;align-items:flex-start;z-index:2}.card-badges{display:flex;flex-direction:column;gap:4px}.badge{padding:4px 8px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;box-shadow:0 2px 4px #0003;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.badge-genre{background-color:#0009;color:#fff;border:1px solid rgba(255,255,255,.3)}.badge-free{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.badge-waitFree{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.badge-new{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.badge-hot{background:linear-gradient(135deg,#fa709a,#fee140);color:#fff}.badge-up{background:linear-gradient(135deg,#30cfd0,#330867);color:#fff}.badge-completed{background:linear-gradient(135deg,#a8edea,#fed6e3);color:#333}.badge-best{background:linear-gradient(135deg,gold,orange);color:#000}.card-rank{position:absolute;top:10px;right:10px;width:28px;height:28px;background:linear-gradient(135deg,gold,#ffed4e);color:#333;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;box-shadow:0 2px 8px #0000004d;z-index:2}.card-page-count{position:absolute;bottom:10px;right:10px;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:4px 8px;border-radius:4px;z-index:2}.card-page-count span{color:#fff;font-size:10px;font-weight:600}.section{margin-bottom:60px;padding:0 var(--spacing-md)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-title-area{display:flex;flex-direction:column;gap:6px}.section-title{font-size:22px;font-weight:800;color:var(--color-text);margin:0;letter-spacing:-.5px;display:flex;align-items:center;gap:8px}.section-desc{font-size:14px;color:var(--color-text-secondary);font-weight:500;opacity:.8}.section-more{font-size:12px;color:var(--color-text-secondary);background-color:var(--color-surface);padding:6px 12px;border-radius:20px;font-weight:600;transition:all .2s ease;border:1px solid rgba(0,0,0,.05);display:flex;align-items:center;gap:4px;text-decoration:none}.section-more:hover{background-color:#f0f0f0;color:var(--color-primary-dark);transform:translate(2px)}.section-content.grid-type{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md) var(--spacing-sm)}.section-content.scroll-type{display:flex;gap:var(--spacing-sm);overflow-x:auto;padding-bottom:var(--spacing-sm);margin:0 calc(var(--spacing-md) * -1);padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.section-content.scroll-type::-webkit-scrollbar{display:none}.section-content.scroll-type .webtoon-card{min-width:140px;width:140px}.quick-menu{padding:0 var(--spacing-md);margin-bottom:var(--spacing-xl)}.quick-menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md) var(--spacing-xs)}.menu-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);text-decoration:none}.menu-icon-circle{width:56px;height:56px;background-color:var(--color-surface);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;transition:all .2s ease;border:1px solid transparent}.menu-item:hover .menu-icon-circle{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px #ffd20033}.menu-label{font-size:var(--font-size-sm);color:var(--color-text);font-weight:500;text-align:center}.legal-page{background-color:#fff;min-height:100vh;display:flex;flex-direction:column}.legal-container{max-width:800px;margin:0 auto;padding:100px 20px 60px;flex:1}.legal-container h1{font-size:28px;font-weight:700;margin-bottom:40px;text-align:center;color:#1a1a1a}.legal-content{font-size:15px;line-height:1.6;color:#333}.legal-content h2{font-size:18px;font-weight:700;margin-top:30px;margin-bottom:12px;color:#1a1a1a;border-bottom:1px solid #eee;padding-bottom:8px}.legal-content p{margin-bottom:12px}.legal-content ul,.legal-content ol{margin-bottom:16px;padding-left:20px}.legal-content li{margin-bottom:6px}@media(max-width:768px){.legal-container{padding:80px 16px 40px}.legal-container h1{font-size:24px;margin-bottom:30px}.legal-content h2{font-size:16px}.legal-content{font-size:14px}}:root{--color-primary: #FFD200;--color-bg: #FFFFFF;--color-surface: #F8F9FA;--color-surface-light: #FFFFFF;--color-text: #121212;--color-text-secondary: #666666;--color-text-muted: #999999;--color-border: #E0E0E0;--color-accent: #FFD200;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--header-height: 100px;--bottom-nav-height: 60px;--container-width: 1200px;--font-family: "Noto Sans KR", sans-serif;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-md: 15px;--font-size-lg: 17px;--font-size-xl: 20px;--font-size-xxl: 24px}*{box-sizing:border-box}body{margin:0;padding:0;font-family:var(--font-family);background-color:#fff;color:var(--color-text);line-height:1.5;letter-spacing:-.02em;-webkit-font-smoothing:antialiased}#root{min-height:100vh}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;background:none;font-family:inherit}.container{max-width:var(--container-width);margin:0 auto;background-color:var(--color-bg)}.main-content{min-height:calc(100vh - var(--header-height) - var(--bottom-nav-height));padding-bottom:calc(var(--bottom-nav-height) + var(--spacing-lg))}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-text-secondary)}.font-bold{font-weight:700}.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-ellipsis-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}