@charset "UTF-8";.reader-page{background:#eeede8;min-height:70vh}.reader-toolbar{height:68px;background:var(--paper);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100vw - 1320px)/2));position:sticky;top:74px;z-index:20}.reader-toolbar>a,.reader-settings{font-size:12px;color:var(--sage-deep);font-weight:700}.reader-toolbar>div{text-align:center}.reader-toolbar b,.reader-toolbar small{display:block}.reader-toolbar b{font-size:13px;color:var(--coffee)}.reader-toolbar small{font-size:9px;color:var(--muted)}.reader-settings{border:1px solid var(--border);background:white;border-radius:20px;padding:8px 13px}.reader-layout{display:grid;grid-template-columns:190px minmax(0,760px) 150px;gap:25px;justify-content:center;padding:28px 20px}.reader-side,.reader-tools{height:max-content;position:sticky;top:160px;background:var(--paper);padding:18px;border-radius:5px}.reader-side h2{font:20px Georgia,serif;color:var(--coffee);margin:8px 0}.reader-side>a{display:block;font-size:11px;padding:9px 0;border-bottom:1px solid var(--divider)}.reader-side>a.current{color:var(--persimmon-deep);font-weight:800}.reader-side>a span{float:right}.reader-tools label,.reader-tools button,.reader-tools p{display:block;font-size:10px;margin-top:15px}.reader-tools input{width:100%;accent-color:var(--sage)}.reader-tools button{background:var(--sage-soft);border:0;border-radius:4px;padding:8px;color:var(--sage-deep);width:100%}.reading-canvas{width:100%;max-width:760px;margin:auto;background:var(--paper);min-height:70vh;padding:25px 38px 50px;box-shadow:0 8px 35px #302f2b0b}.reading-heading{text-align:center;padding:30px 0 45px}.reading-heading h1{font:30px Georgia,"Noto Serif SC",serif;color:var(--coffee);margin:10px 0}.reading-heading p{font-size:13px;color:var(--muted)}.reader-demo-note{background:var(--sage-soft);padding:16px;margin-bottom:22px;font-size:12px;color:var(--sage-deep)}.reader-demo-note p{margin:5px 0 0}.story-panel{min-height:250px;padding:35px 28px;margin-bottom:16px;background:#f6f2eb;border:1px solid #ebe5db;display:flex;flex-direction:column;justify-content:center;text-align:center}.story-panel:nth-of-type(odd){background:#edf1eb}.story-panel>span{font-size:9px;letter-spacing:2px;color:var(--persimmon-deep)}.story-panel h2{font:24px Georgia,serif;color:var(--coffee);margin:12px}.story-panel p{font-size:14px;line-height:2;color:var(--body);max-width:540px;margin:0 auto}.story-panel i{font-size:10px;color:var(--muted);margin-top:25px}.webtoon-page{display:block;width:100%;height:auto}.reading-end{text-align:center;padding:40px 0 10px;color:var(--muted);font-size:10px}.reading-end span{letter-spacing:2px;color:var(--sage-deep);font-weight:800}.chapter-switch{display:flex;justify-content:center;gap:35px;padding:20px;background:var(--paper);font-size:12px}.chapter-switch a{color:var(--sage-deep);font-weight:800}.chapter-switch span{color:#aaa}.reader-width-wide .reading-canvas{max-width:900px}@media(max-width:900px){.reader-layout{grid-template-columns:minmax(0,760px);padding:15px 12px}.reader-side,.reader-tools{position:static;display:none}.reader-toolbar{top:64px;padding:0 14px}.reading-canvas{padding:20px 15px 35px}.reader-toolbar b{font-size:11px}.chapter-switch{gap:16px;font-size:10px}.story-panel{min-height:210px;padding:25px 15px}}@media(max-width:420px){.reader-toolbar{height:60px}.reader-toolbar>a,.reader-settings{font-size:10px}.reader-toolbar>div{max-width:150px}.reader-toolbar b,.reader-toolbar small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reading-heading h1{font-size:24px}.story-panel p{font-size:13px}}