:root{--bg:#f6f4f0;--fg:#1f1d1a;--muted:#6b7078;--card:#fff;--line:#e4e5e8;--brand:#2f5bff;--radius-btn:16px;--content-w:342px;--slot-1:#f25c54;--slot-1-text:#1f1d1a;--slot-2:#f4a259;--slot-2-text:#1f1d1a;--slot-3:#f2c14e;--slot-3-text:#1f1d1a;--slot-4:#5cb85c;--slot-4-text:#1f1d1a;--slot-5:#3fa7d6;--slot-5-text:#1f1d1a;--slot-6:#5c6bc0;--slot-6-text:#fff;--slot-7:#c27db7;--slot-7-text:#1f1d1a;--slot-8:#ff8fa3;--slot-8-text:#1f1d1a}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);margin:0;padding:0}body{word-break:keep-all;-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Pretendard,Noto Sans KR,system-ui,sans-serif;font-size:15px;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}:root{--w-explore:1160px;--w-read:720px;--w-webtoon:640px;--w-quiz:560px;--gutter:20px}@media (min-width:768px){:root{--gutter:24px}}@media (min-width:1024px){:root{--gutter:32px}}.container{width:100%;max-width:390px;margin:0 auto;padding:0 24px}.container-explore{width:100%;max-width:calc(var(--w-explore) + var(--gutter) * 2);padding:0 var(--gutter);margin:0 auto}.container-read{width:100%;max-width:calc(var(--w-read) + var(--gutter) * 2);padding:0 var(--gutter);margin:0 auto}.container-webtoon{width:100%;max-width:calc(var(--w-webtoon) + var(--gutter) * 2);padding:0 var(--gutter);margin:0 auto}.container-quiz{width:100%;max-width:calc(var(--w-quiz) + 24px * 2);margin:0 auto;padding:0 24px}.topbar{justify-content:space-between;align-items:center;height:48px;display:flex}.topbar__logo{font-size:15px;font-weight:700}.topbar__title{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:240px;font-size:13px;overflow:hidden}.topbar__back{color:var(--muted);font-size:13px}.nav{border-bottom:1px solid var(--line);background:var(--bg);width:100vw;margin-left:calc(50% - 50vw)}.nav__inner{max-width:calc(var(--w-explore) + var(--gutter) * 2);padding:0 var(--gutter);grid-template-columns:1fr auto;grid-template-areas:"logo mine""menu menu";align-items:center;margin:0 auto;display:grid}.nav__logo{grid-area:logo;align-items:center;height:48px;font-size:15px;font-weight:700;display:inline-flex}.nav__mine{height:48px;color:var(--muted);border-bottom:2px solid #0000;grid-area:mine;align-items:center;font-size:14px;font-weight:600;display:inline-flex}.nav__menu{grid-area:menu;grid-template-columns:repeat(4,1fr);height:44px;display:grid}.nav__item{min-height:44px;color:var(--muted);border-bottom:2px solid #0000;justify-content:center;align-items:center;font-size:15px;font-weight:600;display:inline-flex}.nav__item[aria-current=page],.nav__mine[aria-current=page]{color:var(--fg);border-bottom-color:var(--fg)}.nav__logo[aria-current=page]{text-underline-offset:4px;text-decoration:underline}@media (min-width:768px){.nav__inner{grid-template-columns:auto 1fr auto;grid-template-areas:"logo menu mine";column-gap:24px;height:56px}.nav__logo,.nav__mine{height:56px}.nav__menu{justify-content:center;gap:32px;height:56px;display:flex}.nav__item{min-width:56px;height:56px;padding:0 4px}.nav__mine{font-size:15px}}.btn-primary{width:min(var(--content-w), 100%);border-radius:var(--radius-btn);background:var(--fg);color:#fff;border:0;justify-content:center;align-items:center;height:56px;font-size:17px;font-weight:700;display:flex}.btn-primary:disabled{opacity:.4;cursor:default}.btn-secondary{width:min(var(--content-w), 100%);border:1px solid var(--line);border-radius:var(--radius-btn);background:var(--card);justify-content:center;align-items:center;height:56px;font-size:16px;font-weight:600;display:flex}.footer{color:var(--muted);flex-direction:column;gap:8px;padding:24px 0 40px;font-size:12px;display:flex}.footer__links{flex-wrap:wrap;gap:6px 12px;display:flex}.footer__series{opacity:.85}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.prose h1{margin:8px 0 16px;font-size:22px}.prose h2{margin:28px 0 8px;font-size:16px}.prose p,.prose li{margin:0 0 10px;font-size:14px;line-height:1.7}.prose ul{padding-left:18px}.prose a{text-decoration:underline}
