@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color-scheme:dark;--bg-0:#0a0c12;--bg-1:#101423;--bg-2:#161c2f;--surface:#1a2136;--surface-2:#212a42;--stroke:#2b3656;--text:#f2f5ff;--muted:#a6b0c9;--accent:#ff4d88;--accent-2:#5ef2ff;--accent-3:#9b7bff;--shadow:rgba(2,4,10,.7)}*,:after,:before{box-sizing:border-box}body{background:radial-gradient(1200px 600px at 80% -10%,rgba(94,242,255,.2),transparent 60%),radial-gradient(900px 500px at 10% 10%,rgba(155,123,255,.2),transparent 55%),linear-gradient(180deg,var(--bg-0) 0,var(--bg-1) 45%,var(--bg-2) 100%);color:var(--text);font-family:Space Grotesk,Noto Sans KR,system-ui,-apple-system,sans-serif;margin:0;min-height:100vh}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input{font-family:inherit}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes glowPulse{0%{box-shadow:0 0 #5ef2ff33}50%{box-shadow:0 0 20px #5ef2ff4d}to{box-shadow:0 0 #5ef2ff33}}.container{margin:0 auto;width:min(1200px,92vw)}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-main{flex:1;padding:90px 0 80px}.app-header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a0c12b3;border-bottom:1px solid rgba(43,54,86,.6);position:sticky;top:0;z-index:20}.header-inner{gap:24px;justify-content:space-between;padding:18px 0}.header-inner,.logo{align-items:center;display:flex}.logo{font-weight:700;gap:10px;letter-spacing:1px}.logo-mark{background:linear-gradient(120deg,var(--accent),var(--accent-2));border-radius:999px;font-size:12px;padding:4px 10px}.logo-mark,.logo-text{text-transform:uppercase}.logo-text{font-size:18px}.logo.subtle{font-size:16px;opacity:.8}.gradient-text{background:linear-gradient(120deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-img{height:48px;width:auto}.footer-logo{height:40px;margin-bottom:12px;width:auto}.nav{display:flex;font-size:14px;gap:20px;letter-spacing:1.5px;text-transform:uppercase}.nav a{color:var(--muted);transition:color .2s ease}.nav a.router-link-active,.nav a:hover{color:var(--text)}.header-actions{align-items:center;display:flex;gap:12px}.search{position:relative}.input{background:var(--surface);border:1px solid var(--stroke);border-radius:10px;color:var(--text);min-width:200px;padding:10px 12px}.input.wide{min-width:280px}.input:focus{border-color:var(--accent-2);box-shadow:0 0 0 2px #5ef2ff33;outline:none}.lang-toggle{background:var(--surface);border:1px solid var(--stroke);border-radius:999px;display:flex;gap:6px;padding:4px}.btn{border:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.4px;padding:10px 16px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn-primary{background:linear-gradient(120deg,var(--accent),var(--accent-3));box-shadow:0 12px 30px #ff4d8840;color:#0b0d12}.btn-primary:hover{transform:translateY(-1px)}.btn-outline{background:transparent;border:1px solid var(--stroke);color:var(--text)}.btn-ghost{background:transparent;border:1px solid transparent;color:var(--muted)}.btn-ghost.active{background:var(--surface-2);border-color:var(--stroke);color:var(--text)}.avatar{border:1px solid var(--stroke);border-radius:50%;height:36px;overflow:hidden;width:36px}.avatar.large{height:64px;width:64px}.hero{border-bottom:1px solid rgba(43,54,86,.5);min-height:440px;overflow:hidden;position:relative}.hero-media{inset:0;position:absolute}.hero-media img{filter:saturate(1.1) contrast(1.05);height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.hero:after{background:linear-gradient(90deg,#0a0c12e6,#0a0c1299 45%,#0a0c1233);content:"";inset:0;position:absolute}.hero-content{align-items:flex-end;display:flex;min-height:440px;padding:50px 0;position:relative;z-index:2}.hero-card{animation:fadeUp .8s ease both;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f1320cc;border:1px solid rgba(43,54,86,.7);border-radius:20px;box-shadow:0 20px 60px #0006;max-width:520px;padding:28px}.hero-card h1{font-size:38px;margin:10px 0}.hero-card .muted{margin-bottom:20px}.hero-actions{display:flex;gap:12px;margin-bottom:16px}.hero-tags{display:flex;flex-wrap:wrap;gap:8px}.eyebrow{color:var(--accent-2);font-size:12px;letter-spacing:2px;text-transform:uppercase}.section{padding:40px 0}.section-header{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:20px}.section-title{font-size:24px;margin:0 0 6px}.section-subtitle{color:var(--muted);margin:0}.manga-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.manga-card{animation:fadeUp .6s ease both;background:var(--surface);border:1px solid var(--stroke);border-radius:18px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;text-align:left;transition:transform .2s ease,box-shadow .2s ease;width:100%}.manga-card:hover{box-shadow:0 20px 40px #00000059;transform:translateY(-4px)}.manga-card .cover{position:relative}.manga-card .cover-overlay{background:linear-gradient(180deg,#0a0c1233,#0a0c12d9);inset:0;opacity:0;position:absolute;transition:opacity .2s ease}.manga-card:hover .cover-overlay{opacity:1}.manga-card img{aspect-ratio:2/3;-o-object-fit:cover;object-fit:cover;width:100%}.manga-card .rating{background:#0a0c12b3;border:1px solid var(--stroke);border-radius:999px;font-size:12px;padding:6px 10px;position:absolute;right:12px;top:12px}.manga-card .category-pill{background:#5ef2ff2e;border:1px solid rgba(94,242,255,.35);border-radius:999px;bottom:12px;color:var(--accent-2);font-size:11px;left:12px;letter-spacing:1px;padding:6px 10px;position:absolute;text-transform:uppercase}.manga-card .info{padding:14px}.manga-card h3{font-size:16px;margin:0 0 8px}.card-top{align-items:center;display:flex;gap:8px;justify-content:space-between}.status{border:1px solid var(--stroke);border-radius:999px;color:var(--muted);font-size:11px;padding:4px 8px;text-transform:uppercase}.manga-card p{color:var(--muted);display:-webkit-box;font-size:13px;-webkit-line-clamp:2;margin:0 0 12px;-webkit-box-orient:vertical;overflow:hidden}.tags{display:flex;flex-wrap:wrap;gap:6px}.tag{background:#5ef2ff1f;border:1px solid rgba(94,242,255,.3);border-radius:999px;color:var(--accent-2);font-size:11px;letter-spacing:.7px;padding:4px 8px;text-transform:uppercase}.tag.chip{background:#ffffff0a;border-color:var(--stroke);color:var(--muted);cursor:pointer}.tag.chip.active{background:#5ef2ff26;border-color:#5ef2ff66;color:var(--accent-2)}.tags-row{display:flex;flex-wrap:wrap;gap:8px}.detail-hero{padding:50px 0;position:relative}.detail-hero .banner{inset:0;overflow:hidden;position:absolute}.detail-hero .banner img{filter:saturate(1.1) brightness(.6);height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.detail-hero .banner:after{background:linear-gradient(120deg,#0a0c12eb,#0a0c1299 50%,#0a0c12f2);content:"";inset:0;position:absolute}.detail-content{display:grid;gap:24px;grid-template-columns:220px 1fr;position:relative}.detail-cover img{border:1px solid var(--stroke);border-radius:16px;box-shadow:0 12px 30px #00000073;width:100%}.detail-meta h1{font-size:32px;margin:0 0 12px}.detail-meta .meta-row{color:var(--muted);display:flex;flex-wrap:wrap;font-size:13px;gap:12px;margin-bottom:12px}.detail-actions{display:flex;gap:12px;margin:16px 0}.chapter-list{display:flex;flex-direction:column;gap:12px;margin-top:20px}.chapter-item{background:var(--surface);padding:14px 18px}.chapter-item,.reader-toolbar{align-items:center;border:1px solid var(--stroke);border-radius:14px;display:flex;justify-content:space-between}.reader-toolbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0c12cc;gap:12px;margin:20px auto;padding:12px 16px;position:sticky;top:70px;z-index:10}.reader-title{display:flex;flex-direction:column;gap:4px}.reader-actions{display:flex;gap:10px}.reader-pages{display:flex;flex-direction:column;gap:16px;margin:20px auto 60px;width:min(860px,92vw)}.reader-page{animation:fadeUp .6s ease both;background:var(--surface);border:1px solid var(--stroke);border-radius:12px;box-shadow:0 12px 30px #00000059;overflow:hidden}.reader-page img{background:var(--surface);width:100%}.center-page{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 200px)}.login-card{animation:fadeUp .6s ease both;background:var(--surface);border:1px solid var(--stroke);border-radius:22px;box-shadow:0 20px 60px #0006;padding:32px;width:min(420px,90vw)}.form{gap:14px;margin-top:20px}.form,.form-row{display:flex;flex-direction:column}.form-row{gap:6px}.error{color:#ff6f99;margin-top:12px}.demo-hint{margin-top:16px}.pill{background:#ff4d881a;border:1px solid rgba(255,77,136,.3);border-radius:999px;color:var(--accent);font-size:12px;padding:6px 10px}.profile-header{justify-content:space-between}.profile-card,.profile-header{align-items:center;display:flex;margin-bottom:24px}.profile-card{background:var(--surface);border:1px solid var(--stroke);border-radius:18px;gap:16px;padding:20px}.profile-grid{display:grid;gap:20px;grid-template-columns:1fr 1fr}.panel{background:var(--surface);border:1px solid var(--stroke);border-radius:18px;padding:20px}.panel h3{margin-top:0}.panel-list{display:grid;gap:12px}.browse-controls{display:grid;gap:16px;margin-bottom:24px}.empty-state{padding:30px 0;text-align:center}.app-footer{border-top:1px solid rgba(43,54,86,.6);padding:24px 0 40px}.footer-inner{align-items:center;display:flex;gap:20px;justify-content:space-between}.footer-links{display:flex;flex-wrap:wrap;gap:10px}.muted{color:var(--muted)}.modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#06080cb3;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:50}.modal-card{animation:fadeUp .4s ease both;background:var(--surface);border:1px solid var(--stroke);border-radius:22px;box-shadow:0 30px 70px #00000080;padding:28px;width:min(420px,92vw)}.modal-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:6px}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}@media(max-width:960px){.detail-content{grid-template-columns:1fr}.detail-cover{max-width:220px}.profile-grid{grid-template-columns:1fr}}@media(max-width:800px){.nav{display:none}.hero-card h1{font-size:30px}}@media(max-width:700px){.search{display:none}.header-inner{padding:12px 0}.hero-content{min-height:360px}}.hero-carousel{inset:0;position:absolute}.carousel-arrow{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0c1299;border:1px solid hsla(0,0%,100%,.15);border-radius:50%;color:var(--text);cursor:pointer;display:flex;height:48px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:48px;z-index:10}.carousel-arrow:hover{background:#ff4d884d;border-color:var(--accent);transform:translateY(-50%) scale(1.1)}.carousel-prev{left:24px}.carousel-next{right:24px}.carousel-dots{bottom:20px;display:flex;gap:10px;left:50%;position:absolute;transform:translate(-50%);z-index:10}.carousel-dot{background:#ffffff4d;border:2px solid hsla(0,0%,100%,.5);border-radius:50%;cursor:pointer;height:12px;transition:all .3s ease;width:12px}.carousel-dot:hover{background:#ffffff80}.carousel-dot.active{background:var(--accent);border-color:var(--accent);box-shadow:0 0 12px #ff4d8880;transform:scale(1.2)}.carousel-enter-active,.carousel-leave-active{transition:opacity .6s ease}.carousel-enter-from,.carousel-leave-to{opacity:0}.carousel-leave-active{position:absolute}@media(max-width:700px){.carousel-arrow{height:36px;width:36px}.carousel-prev{left:12px}.carousel-next{right:12px}.carousel-dots{bottom:12px}.carousel-dot{height:10px;width:10px}}