.story-page{color:#f3eee4;background:#0b0b0c;min-height:100vh}.story-page main{padding-top:88px}.story-intro{text-align:center;max-width:980px;margin:0 auto;padding:78px 28px 40px}.story-intro p{color:#c5a96e;letter-spacing:.22em;margin:0 0 18px;font-size:.78rem}.story-intro h1{letter-spacing:-.04em;margin:0;font-family:Georgia,Noto Serif KR,serif;font-size:clamp(2.5rem,7vw,5.4rem);font-weight:500}.story-intro span{color:#bbb3a7;margin-top:22px;font-size:clamp(1rem,2vw,1.18rem);line-height:1.7;display:block}.reader{background:#111113;border:1px solid #c5a96e4d;width:min(100% - 28px,980px);margin:0 auto 100px;box-shadow:0 30px 90px #00000073}.reader-bar{border-bottom:1px solid #29282a;justify-content:space-between;align-items:center;gap:20px;padding:16px 20px;display:flex}.reader-bar div{align-items:baseline;gap:12px;display:flex}.reader-bar strong{color:#c5a96e;font-size:.88rem}.reader-bar span{color:#888;font-size:.78rem}.reader button{font:inherit}.reader-bar button,.reader-controls button{color:#eee6d8;cursor:pointer;background:#191817;border:1px solid #4c4538;border-radius:999px;padding:9px 15px}.reader-stage{overscroll-behavior:contain;background:#080809;justify-content:center;max-height:74vh;padding:24px;display:flex;overflow:auto}.reader-stage img{-webkit-user-select:none;user-select:none;width:auto;max-width:100%;height:auto;max-height:calc(74vh - 48px);display:block;box-shadow:0 12px 38px #00000080}.reader-stage.is-zoomed{justify-content:flex-start}.reader-stage.is-zoomed img{width:1200px;max-width:none;max-height:none}.reader-controls{grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:18px 20px;display:grid}.reader-controls button:last-child{justify-self:end}.reader-controls button:disabled{opacity:.35;cursor:not-allowed}.reader-controls span{color:#9d958a;font-variant-numeric:tabular-nums}.reader-controls b{color:#fff}.page-dots{flex-wrap:wrap;justify-content:center;gap:7px;padding:0 20px 22px;display:flex}.page-dots button{color:#8f8980;cursor:pointer;background:0 0;border:1px solid #343236;border-radius:50%;width:32px;height:32px}.page-dots button.active{color:#111;background:#c5a96e;border-color:#c5a96e}.reader img{-webkit-touch-callout:none}.story-page img{pointer-events:none}@media (max-width:640px){.story-page main{padding-top:68px}.story-intro{padding:54px 20px 30px}.reader{width:calc(100% - 16px);margin-bottom:70px}.reader-bar{align-items:flex-start}.reader-bar div{display:block}.reader-bar span{margin-top:4px;display:block}.reader-stage{max-height:68vh;padding:10px}.reader-stage img{max-height:calc(68vh - 20px)}.reader-stage.is-zoomed img{width:920px}.reader-controls{padding:14px 12px}.reader-controls button{padding:8px 12px}.page-dots{padding:0 12px 18px}}.reader-stage.continuous{scroll-behavior:smooth;scroll-snap-type:y proximity;display:block;overflow:auto}.reader-page{scroll-snap-align:start;justify-content:center;margin:0 auto 28px;scroll-margin-top:18px;display:flex;position:relative}.reader-page:last-child{margin-bottom:0}.reader-page>span{color:#bdb6aa;background:#0000009e;border-radius:999px;padding:4px 8px;font-size:10px;position:absolute;bottom:10px;right:10px}.reader-stage.continuous .reader-page img{width:auto;max-width:100%;height:auto;max-height:none}.reader-stage.continuous.is-zoomed .reader-page{justify-content:flex-start}.reader-stage.continuous.is-zoomed .reader-page img{width:1200px;max-width:none}.reader-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2;background:#111113f5;position:sticky;bottom:0}@media (max-width:640px){.reader-page{margin-bottom:12px}.reader-stage.continuous .reader-page img{max-height:none}.reader-stage.continuous.is-zoomed .reader-page img{width:920px}}.story-language{justify-content:center;align-items:center;gap:15px;margin:-10px auto 28px;display:flex}.story-language a{color:#817c73;letter-spacing:.06em;border-bottom:1px solid #0000;padding:8px 4px;font-size:.82rem;transition:all .2s}.story-language a.active,.story-language a:hover{color:#e8dfd0;border-bottom-color:#c5a96e}.story-language i{background:#49453f;width:1px;height:13px}.story-trailer{width:min(100% - 28px,980px);margin:0 auto 50px}.story-trailer video{aspect-ratio:16/9;background:#030507;border:1px solid #c5a96e40;width:100%;display:block}.story-trailer>div{flex-wrap:wrap;align-items:baseline;gap:12px 24px;margin-top:18px;display:flex}.story-trailer span{color:#c5a96e;letter-spacing:.16em;font:500 11px Georgia,serif}.story-trailer p{margin:0;font-size:1.15rem}.story-trailer a{color:#e0bd79;border-bottom:1px solid;margin-left:auto;padding-bottom:4px;font-size:.9rem}@media (max-width:640px){.story-trailer{width:calc(100% - 16px);margin-bottom:35px}.story-trailer>div{padding:0 8px}.story-trailer a{margin-left:0}}