:root{color-scheme:only light;--bg:#07090c;--panel:#10141a;--line:#303844;--silver:#b9c0c9;--text:#f0f2f4;--muted:#969faa}
*{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) minmax(0,auto) minmax(88px,1fr);align-items:center;min-height:92px;padding:14px 24px;border-bottom:1px solid rgba(185,192,201,.16);background:rgba(7,9,12,.96);backdrop-filter:blur(14px)}
.site-bar>a,.site-bar>button{justify-self:start;min-height:46px;padding:0 18px;border:1px solid #343b45;border-radius:999px;background:#090b0e;color:#e9edf1;text-decoration:none;cursor:pointer}
.site-bar>button{justify-self:end}
.site-title{text-align:center;line-height:1.25;word-break:keep-all}
.site-title strong{display:block;font-family:"Song Myung","Noto Serif KR",serif;font-size:19px;font-weight:500;letter-spacing:-.04em}
.site-title span{display:block;margin-top:5px;color:var(--muted);font-size:11px;letter-spacing:.12em}
.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 #323944;box-shadow:0 28px 90px rgba(0,0,0,.58)}
.eyebrow{margin:0 0 18px;color:var(--silver);font-size:12px;font-weight:700;letter-spacing:.2em}
.hero h1{max-width:650px;margin:0;font-family:"Song Myung","Noto Serif KR",serif;font-size:clamp(42px,5.5vw,72px);font-weight:400;line-height:1.15;letter-spacing:-.065em;word-break:keep-all}
.intro{max-width:600px;margin:26px 0 0;color:#b8c0c9;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,#151a21,#0b0e12);text-decoration:none;transition:border-color .2s,transform .2s}
.episode-card:hover,.episode-card:focus-visible{border-color:var(--silver);transform:translateX(4px);outline:none}
.episode-card b{display:block;font-size:18px;letter-spacing:.04em}.episode-card span span{display:block;margin-top:7px;color:var(--muted);font-size:12px;letter-spacing:.08em}.episode-card i{color:var(--silver);font-size:24px;font-style:normal}
.reader-shell{background:#000}
.reader{width:min(100%,var(--reader-width,911px));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:#0c0f13;text-decoration:none}.reader-nav a.primary{border-color:#687482;color:#edf1f5}
.to-top{position:fixed;z-index:21;right:18px;bottom:18px;width:50px;height:50px;border:1px solid #363e48;border-radius:50%;background:rgba(7,9,12,.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:14px;line-height:1.25}.site-title span{font-size:9px;letter-spacing:.07em}.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(40px,13vw,58px)}.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}}
