.WebtoonCard-module__2lHIvG__card{gap:var(--spacing-sm);transition:var(--transition-normal);-webkit-tap-highlight-color:transparent;cursor:pointer;flex-direction:column;display:flex}.WebtoonCard-module__2lHIvG__card:hover{transform:scale(1.02)}.WebtoonCard-module__2lHIvG__card:active{opacity:.9}.WebtoonCard-module__2lHIvG__thumbnailWrapper{aspect-ratio:3/4;border-radius:var(--radius-md);background-color:var(--bg-tertiary);width:100%;transition:var(--transition-normal);border:1px solid #0000;position:relative;overflow:hidden}.WebtoonCard-module__2lHIvG__card:hover .WebtoonCard-module__2lHIvG__thumbnailWrapper{border-color:var(--primary);box-shadow:var(--neon-blue)}.WebtoonCard-module__2lHIvG__thumbnail{object-fit:cover;width:100%;height:100%;transition:transform .3s}.WebtoonCard-module__2lHIvG__card:hover .WebtoonCard-module__2lHIvG__thumbnail{transform:scale(1.05)}.WebtoonCard-module__2lHIvG__badges{flex-direction:column;gap:4px;display:flex;position:absolute;top:6px;left:6px}.WebtoonCard-module__2lHIvG__badgeUp,.WebtoonCard-module__2lHIvG__badgeNew,.WebtoonCard-module__2lHIvG__badgeAdult{border-radius:var(--radius-sm);color:#fff;padding:2px 6px;font-size:10px;font-weight:700}.WebtoonCard-module__2lHIvG__badgeUp{background-color:var(--naver-green)}.WebtoonCard-module__2lHIvG__badgeNew{background-color:var(--accent-red)}.WebtoonCard-module__2lHIvG__badgeAdult{background-color:var(--accent-orange)}.WebtoonCard-module__2lHIvG__info{padding:0 2px}.WebtoonCard-module__2lHIvG__title{font-size:var(--font-size-sm);color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.WebtoonCard-module__2lHIvG__meta{flex-direction:column;gap:2px;display:flex}.WebtoonCard-module__2lHIvG__author{font-size:var(--font-size-xs);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.WebtoonCard-module__2lHIvG__rating{font-size:var(--font-size-xs);color:var(--text-tertiary);align-items:center;gap:3px;display:inline-flex}@media (min-width:768px){.WebtoonCard-module__2lHIvG__meta{gap:var(--spacing-sm);flex-direction:row}}
.page-module__vNnIrq__container{padding:0 var(--spacing-lg) var(--spacing-xl);max-width:var(--max-width-desktop);min-height:80vh;margin:0 auto}.page-module__vNnIrq__headerSection{margin-bottom:var(--spacing-xl);padding-top:var(--spacing-lg);position:relative}.page-module__vNnIrq__headerTitle{color:var(--text-primary);letter-spacing:-.5px;margin-bottom:8px;font-size:28px;font-weight:800}.page-module__vNnIrq__headerSubtitle{color:var(--text-secondary);font-size:14px}.page-module__vNnIrq__controls{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:8px;display:flex}.page-module__vNnIrq__tabs{background:var(--bg-tertiary);border-radius:16px;gap:4px;padding:4px;display:flex}.page-module__vNnIrq__tab{color:var(--text-secondary);cursor:pointer;border-radius:12px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.page-module__vNnIrq__activeTab{background:var(--bg-card);color:var(--text-primary);box-shadow:0 2px 8px #0003}.page-module__vNnIrq__searchWrapper{flex:1;min-width:200px;position:relative}.page-module__vNnIrq__searchIcon{color:var(--text-tertiary);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.page-module__vNnIrq__searchInput{background:var(--surface-raised);border:1px solid var(--border-subtle);width:100%;min-height:44px;color:var(--text-primary);border-radius:12px;padding:10px 10px 10px 36px;font-size:13px;transition:background .2s,border-color .2s}.page-module__vNnIrq__searchInput::placeholder{color:var(--text-tertiary)}.page-module__vNnIrq__searchInput:focus{background:var(--bg-tertiary);border-color:var(--primary);outline:none}.page-module__vNnIrq__searchInput:focus-visible{outline:3px solid color-mix(in srgb, var(--naver-green) 50%, transparent);outline-offset:2px}.page-module__vNnIrq__grid{grid-template-columns:repeat(2,1fr);gap:16px;padding-bottom:40px;display:grid}@media (min-width:640px){.page-module__vNnIrq__grid{grid-template-columns:repeat(3,1fr);gap:20px}}@media (min-width:1024px){.page-module__vNnIrq__grid{grid-template-columns:repeat(5,1fr);gap:24px}}.page-module__vNnIrq__emptyState{background:var(--glass-bg);border:1px solid var(--glass-border);text-align:center;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;margin-top:40px;padding:60px 20px;display:flex;position:relative;overflow:hidden}.page-module__vNnIrq__emptyState:before{content:"";background:radial-gradient(circle, rgba(var(--brand-rgb), .1) 0%, transparent 60%);z-index:0;width:200%;height:200%;animation:20s linear infinite page-module__vNnIrq__rotate;position:absolute;top:-50%;left:-50%}@keyframes page-module__vNnIrq__rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page-module__vNnIrq__emptyContent{z-index:1;position:relative}.page-module__vNnIrq__emptyIcon{color:var(--naver-green);filter:drop-shadow(0 0 20px rgba(var(--brand-rgb), .3));margin:0 auto 16px;animation:3s ease-in-out infinite page-module__vNnIrq__float;display:block}@keyframes page-module__vNnIrq__float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.page-module__vNnIrq__emptyTitle{color:var(--text-primary);margin-bottom:8px;font-size:20px;font-weight:700}.page-module__vNnIrq__emptyDesc{color:var(--text-secondary);max-width:300px;margin-bottom:24px;font-size:14px;line-height:1.6}.page-module__vNnIrq__browseBtn{background:linear-gradient(135deg, var(--primary), var(--secondary));color:var(--on-brand);box-shadow:0 4px 15px rgba(var(--brand-rgb), .35);border:1px solid color-mix(in srgb, var(--on-brand) 20%, transparent);border-radius:99px;padding:12px 32px;font-weight:600;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.page-module__vNnIrq__browseBtn:hover{box-shadow:0 8px 25px rgba(var(--brand-rgb), .45);transform:translateY(-2px)scale(1.05)}.page-module__vNnIrq__loadingGrid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (min-width:640px){.page-module__vNnIrq__loadingGrid{grid-template-columns:repeat(3,1fr)}}
