:root{--ink:#352416;--muted:#80624b}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:radial-gradient(circle at 80% 0%,rgba(255,185,74,.34),transparent 34rem),linear-gradient(180deg,#fff4de,#fffaf2 45%,#f6dec0);font-family:"Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",system-ui,sans-serif}
a{color:inherit;text-decoration:none}.site{width:min(100%,1200px);margin:0 auto;padding:14px 10px 80px}
.hero{overflow:hidden;border:1px solid rgba(154,92,36,.28);border-radius:24px;background:#fffaf2;box-shadow:0 22px 60px rgba(126,74,23,.18)}.hero img{display:block;width:100%;height:auto}
.quick-nav{position:sticky;top:0;z-index:10;display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:14px auto 22px;padding:10px;border:1px solid rgba(163,104,45,.24);border-radius:999px;background:rgba(255,250,242,.82);backdrop-filter:blur(8px);box-shadow:0 12px 28px rgba(126,74,23,.10)}
.quick-nav a{padding:10px 15px;border-radius:999px;color:#4f3421;font-size:14px;font-weight:900;background:#fff3df;border:1px solid #e5bf8b}
.section{margin:28px auto 0}.section-title{display:flex;align-items:center;gap:12px;margin:0 0 14px;padding:0 4px}
.section-title span{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:14px;color:#fffaf2;font-weight:900;background:linear-gradient(135deg,#7c3f13,#d97706);box-shadow:0 10px 24px rgba(217,119,6,.22)}
.section-title h1{margin:0;color:#4d2c16;font-size:clamp(25px,4vw,42px);letter-spacing:-.04em}
.profile-card{display:block;width:100%;height:auto;margin:0 auto;border-radius:22px;border:1px solid rgba(154,92,36,.26);background:#fffaf2;box-shadow:0 22px 60px rgba(126,74,23,.18)}
.comic-viewer{width:min(100%,1080px);margin:0 auto}.comic-cut{display:block;width:100%;height:auto;margin:0 auto 10px;background:#fffaf2;border:0;box-shadow:0 10px 28px rgba(126,74,23,.13)}
.cta-section{width:min(100%,1100px);text-align:center}.button-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.big-button{display:flex;align-items:center;justify-content:center;min-height:78px;padding:18px 22px;border-radius:20px;color:#fff;font-size:clamp(19px,3vw,28px);font-weight:900;letter-spacing:-.04em;box-shadow:0 16px 34px rgba(126,74,23,.24),inset 0 0 18px rgba(255,255,255,.16)}
.big-button span{display:inline-block;margin-left:6px;font-size:.76em;opacity:.92}.big-button.character{background:linear-gradient(135deg,#9a4d13,#f59e0b);border:1px solid rgba(255,223,180,.9)}.big-button.story{background:linear-gradient(135deg,#162033,#334155);border:1px solid rgba(221,230,244,.75)}
.small-note{margin:13px 0 0;color:var(--muted);font-size:14px;font-weight:800}
@media(max-width:650px){.site{padding:0 0 56px}.hero,.profile-card,.quick-nav{position:static;margin:10px 8px 18px;border-radius:18px}.section{margin-top:22px}.section-title{padding:0 12px}.comic-cut{margin-bottom:0}.button-grid{grid-template-columns:1fr;padding:0 12px}}