.header-webtoon{display:inline-flex;align-items:center;gap:8px;font-size:14px;white-space:nowrap;color:#d0e4ef;padding:10px 4px}.header-webtoon:hover{color:var(--blue)}.webtoon-section{border-top:1px solid var(--line);scroll-margin-top:20px}.webtoon-shelf{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.webtoon-card{min-width:0;text-align:left;padding:0;background:transparent;color:var(--ink)}.webtoon-cover{aspect-ratio:4/3;position:relative;overflow:hidden;border:1px solid #b9d6e321;background:#12202a}.webtoon-cover img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease,filter .35s ease;filter:brightness(.85)}.webtoon-cover>span{position:absolute;bottom:8px;left:8px;color:#e6f4ff;background:#09121bd9;border:1px solid #b9d6e330;font-size:10px;letter-spacing:.12em;padding:2px 7px}.webtoon-card:hover img{transform:scale(1.045);filter:brightness(1)}.webtoon-card-label{display:flex;justify-content:space-between;align-items:center;margin-top:13px;gap:8px}.webtoon-card-label h3{font-size:20px;font-weight:600}.webtoon-card-label>span{color:#8db5ce}.webtoon-card>p{font-size:12px;color:#8aa1b4;margin-top:3px}.webtoon-swipe{display:none;color:#829cad;font-size:12px;margin-top:15px}.webtoon-dialog[open]{display:flex;flex-direction:column;width:100vw;max-width:100vw;height:100svh;max-height:100svh;margin:0;padding:0;inset:0;border:0;background:#080d13;overflow:hidden}.webtoon-reader-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-shrink:0;min-height:78px;padding:14px max(24px,calc((100vw - 1100px)/2));border-bottom:1px solid #ffffff16;background:#0d1922}.webtoon-reader-bar>div:first-child{display:flex;align-items:baseline;gap:18px}.webtoon-reader-bar>div:first-child>span{font-size:13px;color:#a1b8c8}.webtoon-reader-bar h2{font-size:22px;letter-spacing:0;line-height:1.4}.webtoon-reader-actions{display:flex;align-items:center;gap:10px}.webtoon-reader-actions button,.webtoon-reader-end button,#webtoon-retry{font-size:14px;min-height:44px;padding:8px 14px;background:#adcfe80c;border:1px solid #b7d7ea28;border-radius:5px;color:#ccdfed}.webtoon-reader-actions button:hover:not(:disabled),.webtoon-reader-end button:hover:not(:disabled){background:#adcfe81c}.webtoon-dialog .webtoon-reader-actions .close{position:static;width:44px;height:44px;padding:0;min-width:44px;border-radius:50%;margin-left:10px;font-size:26px}#webtoon-pages{min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;flex:1;padding:28px 0 0;scrollbar-width:thin;outline-offset:-3px;touch-action:pan-x pan-y pinch-zoom}#webtoon-image-area{width:min(480px,100%);margin:0 auto}#webtoon-image-area img{display:block;width:100%;height:auto;margin:0}#webtoon-load-status{font-size:14px;text-align:center;padding:20px;color:#a5bdcf}#webtoon-retry{display:block;margin:0 auto 30px}.webtoon-reader-end{text-align:center;padding:40px 18px 65px}.webtoon-reader-end>p{font-size:15px;color:#8099aa;margin-bottom:20px}.webtoon-reader-end>div{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
@media(max-width:1050px){.webtoon-shelf{display:flex;overflow-x:auto;gap:15px;scroll-snap-type:x proximity;padding:4px 2px 16px;scrollbar-width:thin;overscroll-behavior-x:contain}.webtoon-card{flex:0 0 175px;scroll-snap-align:start}.webtoon-swipe{display:block}}
@media(max-width:650px){.header-webtoon{font-size:13px;gap:5px}.header-webtoon svg{width:17px}.webtoon-reader-bar{padding:10px 12px;min-height:72px;gap:8px}.webtoon-reader-bar>div:first-child{display:block}.webtoon-reader-bar>div:first-child>span{font-size:10px}.webtoon-reader-bar h2{font-size:20px}.webtoon-reader-actions{gap:5px}.webtoon-reader-actions button{font-size:12px;padding:8px;min-height:40px}.webtoon-dialog .webtoon-reader-actions .close{width:36px;min-width:36px;height:40px;margin-left:3px}.webtoon-card{flex-basis:160px}#webtoon-pages{padding-top:0}.webtoon-reader-end{padding-bottom:max(50px,env(safe-area-inset-bottom))}}
@media(max-width:380px){header{padding-inline:12px}header nav{gap:12px}.header-webtoon{gap:3px}.header-webtoon svg{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.webtoon-cover img{transition:none}}