@font-face{font-family:MirageTitle;src:url('assets/title.woff') format('woff');font-weight:900;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}body{margin:0;background:#202333;color:#fff6ed;font-family:'Segoe UI','Malgun Gothic',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #ffac9f;outline-offset:5px}[hidden]{display:none!important}.skip{position:fixed;top:-60px;left:16px;z-index:100;background:#fff;color:#222;padding:12px}.skip:focus{top:12px}
.reader-header{height:66px;position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1100px)/2));background:#202333f5;border-bottom:1px solid #ffffff14;backdrop-filter:blur(14px)}.reader-back{font-size:13px;font-weight:700;display:flex;gap:14px;align-items:center}.reader-label{font-size:9px;letter-spacing:3px;color:#b5a8b6}.reader-header button{background:none;border:1px solid #ffffff25;border-radius:20px;color:#e9d4ce;padding:8px 14px;font-size:10px;letter-spacing:1px;min-height:36px}.reader-header button[aria-pressed=true]{border-color:#e7a18f;color:#ffd1b6}.reading-progress{position:absolute;bottom:-1px;left:0;right:0;height:2px}.reading-progress i{display:block;width:100%;height:100%;background:#f1b097;transform:scaleX(0);transform-origin:left}
.reader-title{text-align:center;padding:130px 20px 58px;background:radial-gradient(ellipse at 50% 0,#60404b55,transparent 75%)}.reader-title>span{font-size:9px;letter-spacing:2px;color:#d6abac}.reader-title h1{font-family:MirageTitle,sans-serif;font-size:clamp(34px,5vw,56px);letter-spacing:-2px;margin:20px 0 13px}.reader-title p{font-size:11px;letter-spacing:.5px;color:#a99aa7}.read-cue{display:inline-block;font-size:10px;color:#dcb8ad;margin-top:28px;padding:10px}
.comic{width:min(800px,100%);margin:0 auto;background:#fff;box-shadow:0 0 70px #0003;outline:none}.comic img{display:block;width:100%;height:auto;margin:0;padding:0}.reader-end{text-align:center;padding:80px 20px 90px;background:radial-gradient(ellipse at bottom,#78495044,transparent 75%)}.reader-end>span{font-size:10px;letter-spacing:1px;color:#cfa7a6}.reader-end h2{font-family:MirageTitle,sans-serif;font-size:43px;letter-spacing:-2px;line-height:1.25;margin:24px 0 30px}.chat-link{display:flex;justify-content:space-between;align-items:center;max-width:285px;margin:auto;background:#ffb3a4;color:#252333;padding:20px 25px;font-size:14px;font-weight:700;border-radius:3px;transition:background .2s}.chat-link:hover{background:#ffcfb9}.chat-link b{font-size:23px}.home-link{display:inline-block;font-size:11px;color:#b8a5b0;margin-top:27px;padding:8px}.reader-top{position:fixed;bottom:22px;right:24px;width:43px;height:43px;border:1px solid #ffffff35;border-radius:50%;background:#202333e8;color:#fff;font-size:21px;z-index:15;box-shadow:0 4px 20px #0002}#reader-status{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);font-size:12px;background:#202333;color:white;border-radius:4px;z-index:30}#reader-status:not(:empty){padding:12px 18px}
@media(max-width:600px){.reader-header{height:58px;padding:0 16px}.reader-back{font-size:12px;gap:9px}.reader-label{display:none}.reader-header button{font-size:9px;padding:7px 11px}.reader-title{padding:107px 16px 40px}.reader-title h1{font-size:34px}.reader-title>span{font-size:8px}.reader-end{padding:60px 20px 80px}.reader-end h2{font-size:37px}.reader-top{bottom:16px;right:14px;width:39px;height:39px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.reader-header button{font-size:12px;min-height:44px}.reader-back{min-height:44px}.reader-title p{font-size:14px}.read-cue{font-size:13px}.home-link{font-size:14px;min-height:44px}.reader-end>span{font-size:13px}.chat-link{font-size:16px}@media(max-width:600px){.reader-header button{font-size:12px;min-height:40px}.reader-back{font-size:13px}.reader-title>span{font-size:10px}.reader-title p{font-size:13px}.reader-top{width:44px;height:44px}}