/* 레이아웃·색상을 바꾸는 파일. 글·링크·원고 목록은 content.js에서 수정. */
:root{color-scheme:dark;--bg:#10172a;--panel:#1a2440;--ink:#f5f3eb;--muted:#bcc7db;--accent:#e9fa8a;--line:#38445e;font-family:system-ui,"Apple SD Gothic Neo","Malgun Gothic",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink)}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.skip{position:absolute;top:-70px;left:10px;z-index:20;background:var(--accent);color:#10172a;padding:10px}.skip:focus{top:10px}.shell{width:min(1100px,calc(100% - 36px));margin-inline:auto}.mast{min-height:76px;padding:16px max(18px,calc((100vw - 1100px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.brand{font-weight:800;white-space:nowrap;letter-spacing:-.04em}.mast nav{display:flex;gap:clamp(12px,2vw,30px);flex-wrap:wrap;font-size:.85rem;color:var(--muted)}.mast nav a:hover,.back:hover,.footer a:hover{color:var(--accent)}.hero{min-height:550px;padding-block:105px 100px;position:relative;overflow:hidden}.eyebrow,.index{color:var(--accent);font-size:.72rem;letter-spacing:.16em;font-weight:750}.hero h1{font-size:clamp(4.3rem,11vw,9.6rem);letter-spacing:-.085em;line-height:.98;margin:22px 0}.hero h1 em{font-style:normal;color:var(--accent)}.hero p:not(.eyebrow){color:var(--muted);font-size:1.1rem}.button{display:inline-flex;gap:50px;justify-content:space-between;background:var(--accent);color:#111b2d;border-radius:2px;padding:18px 23px;margin-top:20px;font-weight:800}.button:hover{background:#f5ffc0}.hero-mark{position:absolute;right:8%;top:26%;font-size:clamp(8rem,23vw,20rem);color:#243250;z-index:-1}.section{padding-block:76px;border-top:1px solid var(--line);scroll-margin-top:12px}.section-heading{display:flex;gap:12px;flex-direction:column;margin-bottom:28px}.section h2{font-size:clamp(1.9rem,4vw,3rem);letter-spacing:-.055em;margin:0}.feature{display:flex;justify-content:space-between;min-height:300px;background:var(--panel);border:1px solid var(--line);overflow:hidden}.feature>div{padding:35px 40px}.pill{font-size:.75rem;color:var(--accent);font-weight:700;letter-spacing:.09em}.feature h3{font-size:clamp(2.2rem,5vw,4.5rem);letter-spacing:-.07em;margin:35px 0 8px}.feature p,.note-card,.about-grid,.contact>p{color:var(--muted);line-height:1.8}.text-link{display:inline-block;margin-top:30px;border-bottom:1px solid var(--accent);padding-bottom:6px;color:var(--accent);font-weight:700}.feature-art{position:relative;background:#d9e994;color:#182137;min-width:33%;display:grid;place-content:center;text-align:center;font-size:clamp(3rem,6vw,6rem);font-weight:900;line-height:.8;letter-spacing:-.1em;transform:rotate(-4deg) scale(1.13)}.spark{position:absolute;right:17%;top:9%;font-size:3rem}.episode-list{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.episode-list a,.episode-nav a{padding:14px 20px;border:1px solid var(--line);background:var(--panel);font-weight:700}.episode-list a:hover,.episode-nav a:hover{border-color:var(--accent);color:var(--accent)}.note-card{min-height:145px;border:1px solid var(--line);padding:30px}.note-card p{margin:0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.about-grid>p{margin:0;white-space:pre-line}.about-grid ul{margin:0;padding-left:22px}.about-grid li+li{margin-top:12px}.contact{padding-bottom:115px}.contact>p{max-width:620px}.contact-links{display:flex;flex-wrap:wrap;gap:12px}.footer{padding-block:30px 45px;border-top:1px solid var(--line);color:var(--muted);display:flex;justify-content:space-between;font-size:.8rem}.reader{min-height:70vh}.reader-head{padding-block:40px 55px}.reader-head h1{font-size:clamp(2rem,6vw,4.5rem);letter-spacing:-.06em;margin:16px 0 6px}.reader-subtitle{color:var(--muted)}.back{font-size:.85rem;color:var(--muted)}.reader-head .eyebrow{margin-top:48px}.comic{max-width:1080px;margin:auto;background:#202839}.comic img{display:block;width:100%;height:auto;background:#202839}.page-frame{position:relative;overflow:hidden}.page-error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;background:#202839;color:#fff;text-align:center;padding:20px}.page-error button{padding:12px 20px;background:var(--accent);color:#10172a;border:0;font:inherit;font-weight:800;cursor:pointer}.episode-nav{display:flex;justify-content:space-between;gap:16px;padding-block:45px 85px}.episode-nav a:last-child{margin-left:auto}.reader-loading{text-align:center;padding:45px;color:var(--muted)}@media(max-width:700px){.mast{display:block}.mast nav{margin-top:18px;gap:12px 18px;font-size:.76rem}.hero{padding-block:90px;min-height:460px}.feature-art{display:none}.feature>div{padding:28px}.about-grid{grid-template-columns:1fr;gap:16px}.section{padding-block:55px}.episode-nav a{padding:12px;font-size:.85rem}}