header[data-v-5ac2a234]{width:100%;position:sticky;top:0;background-color:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;border-bottom:1px solid #e5e7eb}.inner[data-v-5ac2a234]{max-width:64rem;margin:0 auto;padding:1rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:relative}.logo-container[data-v-5ac2a234]{display:flex;align-items:center;gap:8px;z-index:51}.logo[data-v-5ac2a234]{width:40px;height:40px;background-color:#2a2a2a;display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer}.logo svg[data-v-5ac2a234]{stroke:#fff}h1[data-v-5ac2a234]{font-size:28px;cursor:pointer;white-space:nowrap}.menu-group[data-v-5ac2a234]{display:contents}nav[data-v-5ac2a234]{justify-self:center}ul[data-v-5ac2a234]{display:flex;gap:24px;list-style:none;padding:0;margin:0}.search[data-v-5ac2a234]{display:flex;align-items:center;gap:4px}li[data-v-5ac2a234]{cursor:pointer;font-size:18px;color:#5c5c5c;transition:all .2s;font-weight:600;white-space:nowrap}li[data-v-5ac2a234]:hover{color:#1a1a1a}li:hover svg[data-v-5ac2a234]{stroke:#1a1a1a}li.active[data-v-5ac2a234]{color:#111}li.active svg[data-v-5ac2a234]{stroke:#111}.search svg[data-v-5ac2a234]{width:16px;height:16px;stroke:#5c5c5c;transition:stroke .2s}.btn-container[data-v-5ac2a234]{display:flex;align-items:center;gap:8px;justify-self:end}.user-icon-wrapper[data-v-5ac2a234]{width:44px;height:44px;background-color:#f3f4f6;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s;color:#4b5563}button[data-v-5ac2a234]{padding:10px 18px;border-radius:8px;border:0;cursor:pointer;font-size:16px;font-weight:600;transition:all .2s;font-family:inherit;white-space:nowrap}.btn-login[data-v-5ac2a234]{background-color:transparent;color:#555}.btn-login[data-v-5ac2a234]:hover{background-color:#f3f4f6;color:#111}.btn-signup[data-v-5ac2a234]{background-color:#2a2a2a;color:#fff}.btn-signup[data-v-5ac2a234]:hover{background-color:#404040}.mobile-menu-btn[data-v-5ac2a234]{display:none;background:none;padding:4px;color:#1a1a1a;z-index:51}@media(max-width:768px){.inner[data-v-5ac2a234]{display:flex;justify-content:space-between;padding:.75rem 1rem}.mobile-menu-btn[data-v-5ac2a234]{display:block}.menu-group[data-v-5ac2a234]{display:flex;flex-direction:column;position:absolute;top:100%;left:0;width:100%;padding:0;border-bottom:1px solid #e5e7eb;background-color:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-height:0;overflow:hidden;transition:max-height .3s ease-out}.menu-group.is-open[data-v-5ac2a234]{max-height:400px;padding-bottom:20px}nav[data-v-5ac2a234]{width:100%;justify-self:stretch}ul[data-v-5ac2a234]{flex-direction:column;align-items:center;gap:0;width:100%}li[data-v-5ac2a234]{width:100%;text-align:center;padding:16px 0;border-bottom:1px solid #f3f4f6}.search[data-v-5ac2a234]{justify-content:center}.btn-container[data-v-5ac2a234]{flex-direction:column;width:100%;gap:12px;margin-top:20px;justify-self:center}.btn-login[data-v-5ac2a234],.btn-signup[data-v-5ac2a234]{width:90%}}span[data-v-9f679ddd]{padding:10px 20px;color:#5c5c5c;font-weight:500;border:1px solid #e5e5e5;font-size:16px;border-radius:24px;background-color:#fff;cursor:pointer}span[data-v-9f679ddd]:hover{color:#1a1a1a;border-color:#1a1a1a}.book-card[data-v-c4937abc]{width:100%;display:flex;flex-direction:column;gap:12px;cursor:pointer}.cover-wrapper[data-v-c4937abc]{position:relative;aspect-ratio:2 / 3;border-radius:8px;overflow:hidden;box-shadow:0 4px 10px #0000001a;transition:transform .2s}.cover-wrapper[data-v-c4937abc]:hover{transform:translateY(-5px)}.rank-badge[data-v-c4937abc]{position:absolute;top:0;left:0;background-color:#1a1a1a;color:#fff;padding:4px 10px;font-weight:700;font-size:14px;z-index:1}.book-cover[data-v-c4937abc]{width:100%;height:100%;object-fit:cover}.book-title[data-v-c4937abc]{font-size:16px;font-weight:700;color:#333;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.book-author[data-v-c4937abc]{font-size:14px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bestseller-section[data-v-9b94cf5e]{max-width:1024px;margin:40px auto;padding:0 16px}.section-header[data-v-9b94cf5e]{display:flex;align-items:center;gap:8px;margin-bottom:24px}.star-icon[data-v-9b94cf5e]{margin-bottom:2px}h2[data-v-9b94cf5e]{font-size:20px;font-weight:800}.books-grid[data-v-9b94cf5e]{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media(max-width:768px){.books-grid[data-v-9b94cf5e]{grid-template-columns:repeat(2,1fr)}}.container[data-v-64a468f1]{width:100%;min-height:calc(100vh - 80px);display:flex;justify-content:center;align-items:flex-start}.wrapper[data-v-64a468f1]{width:100%;max-width:1024px;margin:0 auto;padding:60px 16px}.card-container[data-v-64a468f1]{display:flex;flex-direction:column;gap:16px;background:linear-gradient(to right,#2c2c2c,#4a4a4a);color:#fff;border-radius:12px;padding:40px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;position:relative;overflow:hidden}.card-container p[data-v-64a468f1]{color:#d1dadb}.category-container[data-v-64a468f1]{display:flex;flex-direction:column;margin-top:48px;gap:24px}.category-label[data-v-64a468f1]{display:flex;align-items:center;gap:8px}.category-label span[data-v-64a468f1]{font-size:20px;font-weight:600}.categories-container[data-v-64a468f1]{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.best-container[data-v-64a468f1]{display:flex;flex-direction:column;gap:24px;margin-top:48px}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Thin.woff2) format("woff2");font-weight:100;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraLight.woff2) format("woff2");font-weight:200;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2) format("woff2");font-weight:300;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Medium.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-SemiBold.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraBold.woff2) format("woff2");font-weight:800;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Black.woff2) format("woff2");font-weight:900;font-display:swap}body{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Malgun Gothic,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,sans-serif;color:#333;line-height:1.6;background-color:#fcfbf9}*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,figure,figcaption,blockquote,dl,dd{margin:0;padding:0}ul,ol{list-style:none}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}