:root{color-scheme:only light;--bg:#080705;--panel:#12100c;--line:#33291b;--gold:#d1aa6b;--text:#f7f1e7;--muted:#ad9f8d}
*{box-sizing:border-box}
html{background:var(--bg);forced-color-adjust:none;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font-family:"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;forced-color-adjust:none}
a{color:inherit}
button{font:inherit}
.site-bar{position:sticky;z-index:20;top:0;display:grid;grid-template-columns:minmax(88px,1fr) auto minmax(88px,1fr);align-items:center;min-height:92px;padding:14px 24px;border-bottom:1px solid rgba(209,170,107,.17);background:rgba(8,7,5,.96);backdrop-filter:blur(14px)}
.site-bar>a,.site-bar>button{justify-self:start;min-height:46px;padding:0 18px;border:1px solid #3a3125;border-radius:999px;background:#0a0907;color:#eee5d7;text-decoration:none;cursor:pointer}
.site-bar>button{justify-self:end}
.site-title{text-align:center;line-height:1.25}
.site-title strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:20px;letter-spacing:.07em}
.site-title span{display:block;margin-top:4px;color:var(--muted);font-size:12px;letter-spacing:.1em}
.landing{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:54px 0 80px}
.hero{display:grid;grid-template-columns:minmax(300px,440px) minmax(0,1fr);gap:clamp(36px,7vw,92px);align-items:center}
.hero-cover{display:block;width:100%;height:auto;border:1px solid #3b3021;box-shadow:0 28px 90px rgba(0,0,0,.55)}
.eyebrow{margin:0 0 16px;color:var(--gold);font-size:12px;font-weight:700;letter-spacing:.2em}
.hero h1{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(38px,6vw,76px);font-weight:500;line-height:.98;letter-spacing:.035em}
.hero h1 small{display:block;margin-top:18px;color:#e6d8c3;font-family:"Noto Serif KR","Malgun Gothic",serif;font-size:.38em;font-weight:500;letter-spacing:.1em}
.intro{max-width:600px;margin:26px 0 0;color:#c8baa8;font-size:16px;line-height:1.85;word-break:keep-all}
.episodes{display:grid;gap:14px;margin-top:40px}
.episode-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:23px 25px;border:1px solid var(--line);background:linear-gradient(110deg,#17130d,#0e0c09);text-decoration:none;transition:border-color .2s,transform .2s}
.episode-card:hover,.episode-card:focus-visible{border-color:var(--gold);transform:translateX(4px);outline:none}
.episode-card b{display:block;font-size:18px;word-break:keep-all}
.episode-card span{display:block;margin-top:7px;color:var(--muted);font-size:12px;letter-spacing:.08em}
.episode-card i{color:var(--gold);font-size:24px;font-style:normal}
.reader-shell{background:#000}
.reader{width:min(100%,865px);margin:0 auto;background:#000}
.reader img{display:block;width:100%;height:auto;margin:0;filter:none!important;opacity:1!important;mix-blend-mode:normal!important;forced-color-adjust:none}
.reader-end{padding:56px 20px 90px;background:var(--bg);text-align:center}
.reader-end p{margin:0 0 26px;color:var(--muted);font-size:13px;letter-spacing:.12em}
.reader-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}
.reader-nav a{min-width:150px;padding:14px 20px;border:1px solid var(--line);border-radius:999px;background:#0d0b08;text-decoration:none}
.reader-nav a.primary{border-color:#80643d;color:#f7dfb9}
.to-top{position:fixed;z-index:21;right:18px;bottom:18px;width:50px;height:50px;border:1px solid #393127;border-radius:50%;background:rgba(8,7,5,.9);color:#fff;font-size:24px;cursor:pointer}
@media(max-width:760px){.site-bar{grid-template-columns:82px minmax(0,1fr) 82px;min-height:76px;padding:10px 12px}.site-bar>a,.site-bar>button{min-height:42px;padding:0 13px;font-size:13px}.site-title strong{font-size:15px}.site-title span{font-size:10px;letter-spacing:.05em}.landing{width:min(100% - 24px,540px);padding:28px 0 58px}.hero{grid-template-columns:1fr;gap:32px}.hero-cover{width:min(100%,400px);margin:0 auto}.hero h1{font-size:clamp(38px,14vw,62px)}.intro{font-size:15px}.episodes{margin-top:30px}.episode-card{padding:20px 18px}.episode-card b{font-size:16px}.to-top{right:12px;bottom:12px}}
@media(prefers-reduced-motion:reduce){.episode-card{transition:none}}