/* Bootstrap-inspired responsive layout for modvw.com */
:root{--primary:#6c5ce7;--primary-dark:#4b3fc4;--ink:#202037;--muted:#747487;--soft:#f7f6fb;--line:#e9e7f1;--rose:#ff6b81;--green:#00b894;--radius:18px;--shadow:0 16px 44px rgba(37,27,78,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font:15px/1.72 "Microsoft YaHei","PingFang SC",system-ui,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input{font:inherit}.container{width:min(1200px,calc(100% - 40px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.top-line{background:#29263d;color:#dcd9ed;font-size:12px}.top-line .container{height:34px;display:flex;align-items:center;justify-content:space-between}.site-header{background:#fff;position:relative;z-index:20;box-shadow:0 1px 0 var(--line)}.header-main{height:92px;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;gap:11px;flex:none}.brand-mark,.footer-brand span{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,var(--primary),#9b7bff);color:#fff;font-size:25px;font-weight:900;box-shadow:0 9px 22px rgba(108,92,231,.25);transform:rotate(-4deg)}.brand-copy{display:flex;flex-direction:column;line-height:1.2}.brand-copy strong{font-size:21px;letter-spacing:1px}.brand-copy small{color:var(--primary);font-weight:700;letter-spacing:4px;margin-top:5px}.header-search{margin-left:auto;width:340px;height:44px;display:flex;background:var(--soft);border:1px solid var(--line);border-radius:22px;overflow:hidden}.header-search input{border:0;background:transparent;flex:1;min-width:0;padding:0 18px;outline:0}.header-search button{width:48px;border:0;background:transparent;color:var(--primary);font-size:23px;cursor:pointer}.nav-wrap{border-top:1px solid #f1eff6}.main-nav ul{padding:0;margin:0;display:flex;list-style:none;justify-content:space-between}.nav-link{height:52px;display:flex;align-items:center;gap:7px;padding:0 12px;position:relative;font-weight:700;font-size:14px;color:#4e4b60}.nav-link:after{content:"";position:absolute;left:50%;right:50%;bottom:0;height:3px;background:var(--primary);border-radius:3px 3px 0 0;transition:.25s}.nav-link:hover,.nav-link.active{color:var(--primary)}.nav-link.active:after,.nav-link:hover:after{left:10px;right:10px}.nav-icon{width:22px;height:22px;display:grid;place-items:center;background:#f1effa;border-radius:7px;font-size:13px}.nav-link.active .nav-icon{background:var(--primary);color:#fff}.nav-toggle{display:none}.section-gap{margin-top:34px}.section-gap-sm{margin-top:28px}.content-section{margin-top:82px;margin-bottom:82px}.hero{background:linear-gradient(135deg,#f4f1ff,#fff6f8 58%,#f0fbf8);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:330px;height:330px;border:55px solid rgba(108,92,231,.05);border-radius:50%;left:-120px;bottom:-180px}.hero-grid{min-height:500px;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}.eyebrow,.section-kicker{display:block;color:var(--primary);font-size:12px;font-weight:900;letter-spacing:2.5px;margin-bottom:9px}.hero h1{font-size:52px;line-height:1.15;margin:0 0 22px;letter-spacing:-2px}.hero h1 a{background:linear-gradient(100deg,#252238 10%,var(--primary) 75%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{font-size:17px;color:#615e70;max-width:620px;margin:0}.hero-actions{display:flex;gap:12px;margin-top:30px}.btn{border:0;border-radius:12px;padding:12px 22px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-weight:800;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 9px 22px rgba(108,92,231,.24)}.btn-light{background:#fff;color:var(--ink);box-shadow:0 7px 22px rgba(40,30,80,.08)}.btn-white{background:#fff;color:var(--primary)}.btn-dark{background:#29263d;color:#fff}.hero-tags{display:flex;gap:22px;margin-top:25px;color:#686477;font-size:13px}.hero-tags span::first-letter{color:var(--green)}.hero-visual{height:430px;position:relative}.stack-card{position:absolute;border-radius:26px;overflow:hidden;box-shadow:var(--shadow);background:#ddd}.stack-card img{width:100%;height:100%;object-fit:cover}.card-back{width:265px;height:330px;right:24px;top:33px;transform:rotate(7deg);opacity:.8}.card-front{width:300px;height:380px;left:45px;top:15px;transform:rotate(-5deg);border:9px solid #fff}.floating-caption{position:absolute;left:15px;right:15px;bottom:15px;background:rgba(255,255,255,.91);backdrop-filter:blur(8px);padding:12px 15px;border-radius:14px;display:flex;flex-direction:column}.floating-caption span{font-size:11px;color:var(--primary);font-weight:900}.floating-caption strong{font-size:17px}.float-icon{position:absolute;display:grid;place-items:center;width:55px;height:55px;background:#fff;border-radius:50%;box-shadow:var(--shadow);font-size:24px;color:var(--rose)}.fi-one{left:6px;top:72px}.fi-two{right:0;bottom:30px}.search-panel{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;padding:22px 25px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:16px 35px;position:relative;z-index:3}.search-panel>div:first-child{display:flex;align-items:center;gap:13px}.panel-icon{width:45px;height:45px;border-radius:12px;display:grid;place-items:center;background:#f1effc;color:var(--primary);font-size:24px}.search-panel h2{font-size:18px;margin:0}.search-panel p{font-size:12px;color:var(--muted);margin:0}.discover-form{display:flex;gap:10px}.discover-form input{height:45px;border:1px solid var(--line);background:var(--soft);border-radius:11px;padding:0 16px;flex:1;min-width:0;outline-color:var(--primary)}.discover-form .btn{padding:10px 18px}.hot-words{grid-column:1/-1;border-top:1px solid var(--line);padding-top:13px;font-size:13px}.hot-words a{color:var(--muted);margin-left:16px}.hot-words a:hover{color:var(--primary)}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.section-head.center{text-align:center;justify-content:center}.section-head h2,.editor-intro h2,.korean-copy h2,.benefit-head h2,.podium-copy h2,.about-title h2,.app-copy h2{font-size:29px;line-height:1.25;margin:0 0 8px}.section-head h2 i{font-style:normal;color:var(--primary);font-size:23px;margin-right:6px}.section-head p{color:var(--muted);margin:0}.more-link,.text-link{font-weight:800;color:var(--primary)}.comic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.comic-card{border:1px solid var(--line);background:#fff;border-radius:17px;overflow:hidden;transition:.25s}.comic-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.cover{display:block;aspect-ratio:16/10;position:relative;overflow:hidden;background:#eee}.cover img{width:100%;height:100%;object-fit:cover;transition:.35s}.comic-card:hover .cover img{transform:scale(1.04)}.badge{position:absolute;left:12px;top:12px;background:rgba(39,35,58,.83);color:#fff;border-radius:20px;padding:4px 10px;font-size:11px}.card-body{padding:16px 17px 15px}.card-body h3{font-size:17px;margin:0 0 6px}.card-body h3 a:hover{color:var(--primary)}.card-body p{font-size:13px;color:var(--muted);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta{display:flex;justify-content:space-between;border-top:1px dashed var(--line);margin-top:13px;padding-top:11px;color:#8a8798;font-size:11px}.hot-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:28px}.hot-feature{min-height:565px;border-radius:24px;overflow:hidden;background:url('https://tse-mm.bing.com/th?q=%E6%98%A5%E6%97%A5%E5%88%97%E8%BD%A6%E7%BB%88%E7%82%B9%E7%AB%99%E6%BC%AB%E7%94%BB%E5%B0%81%E9%9D%A2') center/cover}.feature-shade{height:100%;padding:50px;color:#fff;display:flex;flex-direction:column;align-items:flex-start;justify-content:end;background:linear-gradient(0deg,rgba(25,20,42,.96),rgba(25,20,42,.06) 75%)}.pill{font-size:12px;background:var(--rose);padding:5px 12px;border-radius:20px}.feature-shade h2{font-size:34px;margin:15px 0 8px}.feature-shade p{color:#e5e1ee;max-width:590px}.feature-meta{display:flex;gap:10px;margin:5px 0 18px}.feature-meta span{border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:4px 10px;font-size:12px}.rank-box{border:1px solid var(--line);border-radius:24px;padding:24px;background:#fff}.rank-title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:16px}.rank-title span{font-size:10px;color:var(--rose);font-weight:900;letter-spacing:2px}.rank-title h2{font-size:22px;margin:2px 0 0}.rank-title>a{font-size:12px;color:var(--primary)}.rank-list{padding:0;margin:6px 0 0;list-style:none}.rank-list li{display:flex;align-items:center;border-bottom:1px dashed var(--line);padding:11px 0}.rank-list li:last-child{border:0}.rank-no{width:28px;font-size:16px;font-weight:900;color:#bbb}.rank-list li:nth-child(-n+3) .rank-no{color:var(--rose)}.rank-list a{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.rank-list img{width:48px;height:48px;object-fit:cover;border-radius:12px}.rank-list a>span{display:flex;min-width:0;flex-direction:column}.rank-list strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-list small{color:var(--muted)}.editor-section{display:grid;grid-template-columns:280px 1fr;gap:35px;align-items:stretch}.editor-intro{padding:30px 10px 25px 0}.editor-intro p{color:var(--muted)}.quote-box{border-left:3px solid var(--primary);background:var(--soft);padding:14px;margin:25px 0;color:#625e72;font-size:13px}.story-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.comic-card.compact .cover{aspect-ratio:3/4}.comic-card.compact .card-body{padding:12px}.comic-card.compact .card-body p,.comic-card.compact .card-meta{display:none}.comic-card.compact h3{font-size:14px}.categories-section{padding:75px 0;background:var(--soft)}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.category-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;display:flex;align-items:center;gap:13px;transition:.25s}.category-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.category-icon{width:48px;height:48px;flex:none;display:grid;place-items:center;border-radius:14px;background:color-mix(in srgb,var(--cat) 13%,white);color:var(--cat);font-weight:900;font-size:20px}.category-card>span:nth-child(2){display:flex;flex-direction:column}.category-card strong{font-size:16px}.category-card small{color:var(--muted);font-size:11px;line-height:1.5;margin-top:3px}.category-card>b{margin-left:auto;color:#bbb;font-size:23px}.korean-banner{min-height:380px;background:linear-gradient(135deg,#2d7d72,#164b54);border-radius:26px;display:grid;grid-template-columns:36% 1fr auto;align-items:center;overflow:hidden;color:#fff}.korean-art{height:100%;position:relative}.korean-art img{width:100%;height:100%;object-fit:cover;mix-blend-mode:luminosity;opacity:.82}.art-sticker{position:absolute;right:-30px;top:28px;width:70px;height:70px;border-radius:50%;background:#fff;color:#1d6662;display:grid;place-items:center;align-content:center;font-weight:900;font-size:20px;line-height:1;box-shadow:var(--shadow)}.art-sticker small{font-size:10px;margin-top:4px}.korean-copy{padding:45px 55px}.section-kicker.light{color:#8ce6d2}.korean-copy p{color:#d7efeb}.korean-copy ul{display:grid;grid-template-columns:repeat(3,1fr);padding:0;gap:10px;list-style:none;margin:20px 0}.korean-copy li{font-size:12px}.korean-copy li:before{content:'✓';margin-right:6px;color:#80e5cf}.korean-number{align-self:stretch;width:130px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-left:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.08)}.korean-number strong{font-size:46px}.korean-number span{font-size:11px;text-align:center}.day-tabs{display:flex;border:1px solid var(--line);border-radius:10px;padding:3px}.day-tabs button{border:0;background:transparent;border-radius:7px;padding:7px 13px;color:var(--muted)}.day-tabs .active{background:var(--primary);color:#fff}.table-wrap{border:1px solid var(--line);border-radius:16px;overflow:hidden}.table-wrap table{width:100%;border-collapse:collapse}.table-wrap th{background:var(--soft);text-align:left;font-size:12px;color:#777386}.table-wrap th,.table-wrap td{padding:14px 18px;border-bottom:1px solid var(--line)}.table-wrap tr:last-child td{border:0}.table-wrap td:first-child{font-weight:800}.status-dot{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:9px}.benefit-section{background:#2b283e;color:#fff;padding:75px 0}.benefit-head{text-align:center;margin-bottom:35px}.benefit-head>span{color:#9d91ff;font-size:11px;font-weight:900;letter-spacing:3px}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(255,255,255,.1);border-radius:18px;overflow:hidden}.benefit-grid article{min-height:230px;padding:27px;position:relative;border-right:1px solid rgba(255,255,255,.1)}.benefit-grid article:last-child{border:0}.benefit-grid article>b{position:absolute;right:17px;top:10px;font-size:38px;color:rgba(255,255,255,.05)}.benefit-icon{display:grid;place-items:center;width:48px;height:48px;background:rgba(157,145,255,.15);border-radius:13px;color:#b9b0ff;font-size:22px}.benefit-grid h3{margin:18px 0 7px}.benefit-grid p{color:#bdb9ca;font-size:13px;margin:0}.podium-section{display:grid;grid-template-columns:330px 1fr;gap:70px;align-items:center}.podium-copy p{color:var(--muted);margin-bottom:25px}.podium{display:flex;gap:20px;align-items:end;justify-content:center}.podium-item{width:180px;text-align:center;position:relative}.podium-item img{width:100%;object-fit:cover;border-radius:80px 80px 18px 18px;border:6px solid #fff;box-shadow:var(--shadow)}.podium-item span{position:absolute;z-index:2;top:-13px;left:50%;transform:translateX(-50%);width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#ddd;color:#fff;font-weight:900}.podium-item strong{display:block;margin-top:11px}.podium-item.first{width:215px}.podium-item.first img{height:285px}.podium-item.second img,.podium-item.third img{height:225px}.podium-item.first span{background:#f2b72c}.podium-item.second span{background:#9da3b1}.podium-item.third span{background:#be7c56}.reading-guide{background:#fff4f7;border-radius:22px;padding:25px}.guide-card{display:grid;grid-template-columns:auto 260px 1fr;gap:25px;align-items:center;border:1px dashed #efb7c4;border-radius:17px;padding:25px}.guide-big{width:75px;height:75px;display:grid;place-items:center;border-radius:50%;background:var(--rose);color:#fff;font-size:34px;font-weight:900}.guide-card h2{font-size:23px;margin:0}.guide-card ol{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;margin:0;gap:12px}.guide-card li{display:flex;gap:10px;align-items:center}.guide-card li>b{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:#fff;color:var(--rose)}.guide-card li span{display:flex;flex-direction:column}.guide-card small{color:var(--muted)}.about-section{background:#f4f2fa;padding:75px 0}.about-grid{display:grid;grid-template-columns:330px 1fr;gap:80px}.about-mark{margin-top:25px;width:145px;height:115px;border:10px solid #fff;border-radius:22px;background:linear-gradient(135deg,var(--primary),#9d86ff);color:#fff;display:flex;align-items:center;justify-content:center;font-size:45px;font-weight:900;transform:rotate(-3deg);box-shadow:var(--shadow)}.about-mark span{font-size:18px;align-self:flex-end;margin-bottom:23px}.about-copy p{color:#625f70;margin-top:0}.about-stats{display:flex;gap:45px;margin-top:30px;padding-top:22px;border-top:1px solid #ddd8eb}.about-stats span{display:flex;flex-direction:column;color:var(--muted);font-size:12px}.about-stats strong{font-size:27px;color:var(--primary)}.app-subscribe{border:1px solid var(--line);border-radius:25px;min-height:340px;background:linear-gradient(120deg,#f5f2ff,#fff);display:grid;grid-template-columns:42% 1fr;gap:55px;align-items:center;padding:45px 65px;overflow:hidden}.app-graphic{height:250px;position:relative;display:flex;align-items:end;justify-content:center}.phone{width:160px;height:265px;background:#29263d;border:8px solid #403c58;border-radius:27px 27px 0 0;color:#fff;display:flex;flex-direction:column;align-items:center;padding:24px}.phone-logo{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:var(--primary);font-size:28px;font-weight:900;margin-bottom:14px}.phone b{font-size:14px}.phone i{width:100%;height:9px;border-radius:5px;background:#46425a;margin-top:12px}.qr{position:absolute;right:20px;bottom:18px;width:116px;height:116px;border:10px solid #fff;box-shadow:var(--shadow);background:repeating-conic-gradient(#28263b 0 25%,#fff 0 50%) 50%/18px 18px;display:grid;place-items:center}.qr span{width:42px;height:42px;display:grid;place-items:center;background:var(--primary);color:#fff;font-weight:900}.qr small{position:absolute;top:112px;width:100%;text-align:center;color:var(--muted)}.app-copy p{color:var(--muted)}.subscribe-form{display:flex;gap:10px;margin:22px 0 8px}.subscribe-form input{flex:1;height:48px;border:1px solid var(--line);border-radius:12px;padding:0 15px;min-width:0}.privacy-note{color:#92909f}.site-footer{background:#252238;color:#c4c1cf;padding-top:55px}.footer-grid{display:grid;grid-template-columns:1.1fr .8fr 1fr;gap:55px;padding-bottom:45px}.footer-brand{display:flex;align-items:center;gap:12px;color:#fff;font-size:18px;font-weight:900}.footer-brand span{width:40px;height:40px;font-size:20px}.footer-grid p{font-size:13px}.footer-grid h2{font-size:14px;color:#fff;margin:0 0 13px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:7px}.footer-links a{font-size:13px}.footer-links a:hover{color:#fff}.copyright{text-align:center;border-top:1px solid rgba(255,255,255,.08);padding:16px;font-size:12px}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);background:#29263d;color:#fff;border-radius:10px;padding:10px 18px;opacity:0;pointer-events:none;transition:.25s;z-index:99}.toast.show{opacity:1;transform:translate(-50%,0)}
/* column pages */.sub-main{padding-top:28px}.breadcrumb{display:flex;gap:9px;align-items:center;font-size:12px;color:var(--muted);margin-bottom:25px}.breadcrumb strong{color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.column-hero{background:linear-gradient(110deg,#f5f2ff,#fff7f8);padding:45px 0;margin-bottom:60px}.column-hero .container{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:25px}.column-icon{width:90px;height:90px;border-radius:25px;display:grid;place-items:center;background:var(--accent);color:#fff;font-size:34px;box-shadow:0 14px 30px color-mix(in srgb,var(--accent) 25%,transparent)}.column-hero h1{font-size:34px;margin:0 0 7px}.column-hero p{max-width:720px;color:var(--muted);margin:0}.column-count{display:flex;flex-direction:column;align-items:center;padding-left:28px;border-left:1px solid var(--line)}.column-count strong{font-size:36px;color:var(--primary)}.column-count span{font-size:11px;color:var(--muted)}.filter-bar{display:flex;align-items:center;justify-content:space-between;background:var(--soft);border-radius:13px;padding:9px 13px;margin-bottom:25px}.filter-bar button{border:0;background:transparent;border-radius:9px;padding:8px 13px;color:var(--muted);cursor:pointer}.filter-bar .active{background:#fff;color:var(--primary);box-shadow:0 4px 12px rgba(30,20,60,.07)}.filter-bar>span{font-size:12px;color:var(--muted)}.seo-copy{margin-top:10px;margin-bottom:75px;border-left:4px solid var(--primary);background:var(--soft);padding:24px 28px;border-radius:0 14px 14px 0}.seo-copy h2{font-size:19px;margin:0 0 7px}.seo-copy p{color:var(--muted);margin:0}
/* reader */.reader{max-width:930px}.reader-header{text-align:center;padding:35px 25px 30px}.reader-category{display:inline-block;background:#f0edfc;color:var(--primary);border-radius:20px;padding:5px 14px;font-weight:800;font-size:12px}.reader-header h1{font-size:36px;margin:16px 0 12px}.reader-meta{display:flex;justify-content:center;gap:20px;color:var(--muted);font-size:12px}.reader-summary{max-width:700px;margin:18px auto 0;color:#666273}.reading-note{display:flex;gap:15px;align-items:center;border:1px solid #e4dff6;background:#f7f5ff;border-radius:15px;padding:18px 20px;margin-bottom:22px}.reading-note>span{font-size:27px;color:var(--primary)}.reading-note h2{font-size:15px;margin:0}.reading-note p{font-size:12px;color:var(--muted);margin:2px 0 0}.reading-note button{margin-left:auto;flex:none;border:1px solid var(--primary);color:var(--primary);background:#fff;border-radius:9px;padding:8px 12px;cursor:pointer}.chapter-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin:20px 0}.chapter-nav a{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 15px;font-weight:800;font-size:13px}.chapter-nav a:last-child{text-align:right}.chapter-nav .catalog{background:var(--primary);border-color:var(--primary);color:#fff}.chapter-content{padding:35px 0}.chapter-content>h2{text-align:center;font-size:23px;margin:0}.chapter-lead{text-align:center;color:var(--muted);margin-bottom:25px}.chapter-content figure{margin:0 0 25px;background:#20202a;border-radius:14px;overflow:hidden}.chapter-content figure img{width:100%;aspect-ratio:16/10;object-fit:cover}.chapter-content figcaption{color:#b8b5c5;text-align:center;font-size:11px;padding:8px}.chapter-end{text-align:center;background:var(--soft);border-radius:18px;padding:35px;margin-top:35px}.chapter-end>span{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 14px;border:2px solid var(--primary);border-radius:50%;color:var(--primary);font-weight:900;font-size:11px}.chapter-end h2{margin:0 0 7px}.chapter-end p{color:var(--muted);margin:0}.reader-more{max-width:930px;margin-top:55px;margin-bottom:75px}.reader-more h2{text-align:center}.reader-more>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.reader-more a{text-align:center;background:var(--soft);border-radius:12px;padding:15px;font-weight:800}.reader-more a:hover{color:var(--primary)}.reader-page.night{background:#181720;color:#eceaf3}.reader-page.night .site-header,.reader-page.night .nav-wrap,.reader-page.night .chapter-nav a{background:#23212d;color:#eee;border-color:#373443}.reader-page.night .reading-note,.reader-page.night .chapter-end,.reader-page.night .reader-more a{background:#24222e;border-color:#383447}.reader-page.night .reading-note button{background:#302c3d}.reader-page.night .breadcrumb strong{color:#eee}
@media(max-width:1000px){.container{width:min(100% - 32px,900px)}.header-main{height:80px}.main-nav{overflow-x:auto;scrollbar-width:none}.main-nav ul{width:max-content;min-width:100%}.nav-link{padding:0 10px}.hero-grid{min-height:470px}.hero h1{font-size:42px}.hero-visual{transform:scale(.85);transform-origin:center}.comic-grid{grid-template-columns:repeat(2,1fr)}.hot-layout{grid-template-columns:1fr}.rank-list{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.editor-section{grid-template-columns:1fr}.editor-intro{padding:0}.story-strip{grid-template-columns:repeat(4,1fr)}.category-grid{grid-template-columns:repeat(2,1fr)}.korean-banner{grid-template-columns:34% 1fr}.korean-number{display:none}.korean-copy{padding:35px}.benefit-grid{grid-template-columns:repeat(2,1fr)}.benefit-grid article:nth-child(2){border-right:0}.benefit-grid article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.1)}.podium-section{grid-template-columns:1fr}.podium-copy{text-align:center}.guide-card{grid-template-columns:auto 1fr}.guide-card ol{grid-column:1/-1}.about-grid{gap:40px}.app-subscribe{padding:40px;grid-template-columns:38% 1fr}.column-hero .container{grid-template-columns:auto 1fr}.column-count{display:none}}
@media(max-width:720px){.container{width:calc(100% - 24px)}.top-note{display:none}.header-main{height:72px;gap:10px}.brand-mark{width:42px;height:42px}.brand-copy strong{font-size:17px}.brand-copy small{font-size:9px}.header-search{display:none}.nav-toggle{display:flex;margin-left:auto;border:0;background:#f1effa;color:var(--primary);border-radius:10px;padding:9px 11px;gap:6px;align-items:center}.nav-toggle b{font-size:12px}.nav-wrap{display:none;position:absolute;top:106px;left:0;right:0;background:#fff;box-shadow:0 15px 25px rgba(20,18,36,.12)}.nav-wrap.open{display:block}.main-nav{overflow:visible}.main-nav ul{width:auto;min-width:0;display:grid;grid-template-columns:repeat(3,1fr);padding:10px}.nav-link{height:45px;justify-content:center;padding:0 5px;font-size:12px}.nav-link:after{display:none}.section-gap{margin-top:22px}.content-section{margin-top:58px;margin-bottom:58px}.hero-grid{display:block;padding:45px 0}.hero h1{font-size:36px;letter-spacing:-1px}.hero-copy>p{font-size:15px}.hero-visual{height:300px;margin-top:25px;transform:none}.card-back{width:180px;height:235px;right:18px}.card-front{width:205px;height:270px;left:10%;border-width:6px}.float-icon{width:42px;height:42px}.fi-one{left:0}.hero-tags{gap:10px;flex-wrap:wrap}.search-panel{display:block;padding:18px}.discover-form{margin-top:15px}.hot-words{margin-top:13px}.hot-words a{margin-left:8px}.section-head{align-items:start}.section-head h2,.editor-intro h2,.korean-copy h2,.benefit-head h2,.podium-copy h2,.about-title h2,.app-copy h2{font-size:24px}.section-head .more-link{font-size:12px}.comic-grid{grid-template-columns:repeat(2,1fr);gap:12px}.cover{aspect-ratio:4/3}.card-body{padding:12px}.card-body h3{font-size:14px}.card-body p{font-size:11px}.card-meta{display:block}.card-meta span:last-child{display:none}.hot-feature{min-height:470px}.feature-shade{padding:28px}.feature-shade h2{font-size:28px}.rank-box{padding:18px}.rank-list{display:block}.story-strip{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:repeat(2,1fr);gap:10px}.category-card{padding:13px;align-items:flex-start}.category-icon{width:39px;height:39px}.category-card small{display:none}.categories-section{padding:55px 0}.korean-banner{display:block;border-radius:18px}.korean-art{height:230px}.art-sticker{right:18px;top:auto;bottom:-28px}.korean-copy{padding:38px 25px}.korean-copy ul{grid-template-columns:1fr}.table-wrap{overflow-x:auto}.table-wrap table{min-width:620px}.benefit-section{padding:55px 0}.benefit-grid{grid-template-columns:repeat(2,1fr)}.benefit-grid article{padding:20px;min-height:220px}.podium{gap:8px}.podium-item{width:30%}.podium-item.first{width:36%}.podium-item.first img{height:205px}.podium-item.second img,.podium-item.third img{height:165px}.podium-item strong{font-size:11px}.guide-card{display:block;padding:20px}.guide-big{float:left;width:55px;height:55px;margin-right:14px}.guide-card ol{grid-template-columns:1fr;margin-top:25px;clear:both}.about-grid{grid-template-columns:1fr}.about-title{display:grid;grid-template-columns:1fr auto}.about-title .section-kicker{grid-column:1/-1}.about-mark{width:85px;height:75px;margin:0;font-size:28px}.about-copy{margin-top:-15px}.about-stats{gap:25px}.app-subscribe{display:block;padding:30px 22px}.app-graphic{height:220px;margin-bottom:35px}.phone{height:230px}.qr{right:6%;bottom:8px}.subscribe-form{display:block}.subscribe-form input,.subscribe-form .btn{width:100%;margin-bottom:9px}.footer-grid{grid-template-columns:1fr;gap:25px}.sub-main{padding-top:18px}.column-hero{padding:32px 0;margin-bottom:45px}.column-hero .container{grid-template-columns:auto 1fr;gap:16px}.column-icon{width:62px;height:62px;border-radius:18px}.column-hero h1{font-size:27px}.column-hero p{font-size:12px}.filter-bar>span{display:none}.filter-bar div{display:flex;width:100%}.filter-bar button{flex:1;padding:8px 4px;font-size:12px}.reader-header{padding:20px 5px}.reader-header h1{font-size:28px}.reader-meta{display:grid;gap:3px}.reading-note{align-items:flex-start}.reading-note button{font-size:11px;padding:6px}.chapter-nav{grid-template-columns:1fr 1fr}.chapter-nav .catalog{grid-column:1/-1;grid-row:1;text-align:center}.chapter-content{padding-top:20px}.chapter-content figure{border-radius:8px;margin-bottom:14px}.chapter-content figure img{aspect-ratio:4/3}.chapter-end{padding:25px 18px}.reader-more>div{grid-template-columns:1fr}.footer-grid{padding-bottom:30px}}
@media(max-width:410px){.brand-copy small{letter-spacing:2px}.main-nav ul{grid-template-columns:repeat(2,1fr)}.nav-wrap{top:106px}.hero h1{font-size:31px}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.comic-grid{gap:8px}.card-meta{font-size:10px}.category-grid{grid-template-columns:1fr}.benefit-grid{grid-template-columns:1fr}.benefit-grid article{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.1)}.podium-item.first img{height:175px}.podium-item.second img,.podium-item.third img{height:140px}.about-stats{justify-content:space-between}.top-line{font-size:10px}}