@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{--bg:#fff;--paper:#fff;--ink:#222a26;--muted:#787e79;--line:#e9ece8;--green:#285a46;--soft:#f4f6f2;--accent:#c6a66a;--reader-bg:#fbfaf6}*{box-sizing:border-box}html{scroll-padding-top:120px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Noto Sans KR',system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,input,select,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible{outline:3px solid #c69d57;outline-offset:4px}svg{height:24px;width:24px;flex-shrink:0;vertical-align:middle}.wrap{width:min(1120px,100%);padding:0 30px;margin:auto}.small,.helper{color:var(--muted);font-size:12px;line-height:1.8}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:var(--green)}.icon-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:42px;height:42px;border:0;background:none;color:inherit;border-radius:8px;padding:9px}.icon-button:hover{background:var(--soft)}.app-header{background:var(--paper);border-bottom:1px solid var(--line)}.topbar{height:82px;display:flex;align-items:center;gap:15px}.brand{display:flex;align-items:center;gap:8px;font-size:26px;font-weight:800;letter-spacing:-1.5px;white-space:nowrap}.brand small{font-size:11px;font-weight:400;letter-spacing:0;color:var(--muted);margin-left:13px}.top-actions{display:flex;gap:8px;align-items:center;margin-left:auto}.desktop-admin{font-size:12px;color:var(--muted);margin-right:15px}.main-tabs{display:flex;align-items:center;gap:38px;height:52px;overflow:auto;scrollbar-width:none}.main-tabs>a{height:100%;display:flex;align-items:center;white-space:nowrap;font-size:15px;font-weight:500;border-bottom:3px solid transparent;padding:0 2px}.main-tabs>a.active{color:var(--green);font-weight:700;border-color:var(--green)}.tabs-note{margin-left:auto;font-size:11px;color:var(--muted);white-space:nowrap}.bottom-nav{display:none}.home-main{padding-top:25px}.featured-banner{position:relative;isolation:isolate;overflow:hidden;height:330px;background:#173f35;border-radius:12px;color:white;display:flex;align-items:center;padding:35px 50px}.banner-copy{position:relative;z-index:2;max-width:65%}.banner-label{display:flex;align-items:center;gap:7px;font-size:11px;letter-spacing:.5px;color:#d1decf}.banner-label svg{width:13px;height:13px}.banner-copy h1{font-size:34px;letter-spacing:-1.4px;line-height:1.48;margin:14px 0 12px;font-weight:700}.banner-copy p{font-size:13px;color:#d1dcd3;line-height:1.8;margin:0 0 22px}.banner-copy>a{font-size:12px;border-bottom:1px solid #b9ceb455;padding-bottom:7px;display:inline-flex;gap:10px;align-items:center}.banner-copy>a svg{width:15px;height:15px}.banner-landscape{position:absolute;inset:0;background:radial-gradient(ellipse at 82% 0,#a2b69930,transparent 63%);z-index:-1;overflow:hidden}.sun{position:absolute;width:150px;height:150px;background:#d1c08d;border-radius:50%;right:14%;top:20px;opacity:.3}.mountain{position:absolute;bottom:-80px;width:75%;height:100%;clip-path:polygon(0 100%,10% 60%,25% 76%,45% 10%,58% 35%,68% 22%,100% 100%);background:#61816c;right:-10%;opacity:.38}.mountain-two{transform:translate(-70px,60px) scale(1.5);background:#294e42;opacity:.8}.mountain-three{transform:translate(50px,120px) scale(1.8);background:#112e27;opacity:.85}.banner-book{position:absolute;right:15%;top:42px;transform:rotate(8deg);filter:drop-shadow(14px 18px 12px #071c2550);width:158px}.banner-book .cover{height:235px;border:1px solid #ffffff35}.banner-book .cover strong{font-size:29px;line-height:1.65}.banner-controls{position:absolute;right:20px;bottom:20px;display:flex;align-items:center;gap:9px;border-radius:30px;background:#0e292b70;padding:3px 5px;font-size:10px;color:#eee}.banner-controls button{background:none;border:0;color:inherit;width:28px;height:27px;padding:5px}.banner-controls svg{width:14px;height:14px}.rose-banner{background:#774f49}.rose-banner .banner-landscape{background:radial-gradient(ellipse at top right,#ead0b352,transparent 70%)}.rose-banner .mountain{background:#caa79d}.rose-banner .mountain-two{background:#8f6560}.rose-banner .mountain-three{background:#523b38}.rose-banner .banner-label,.rose-banner .banner-copy p{color:#f3ded2}.home-section{margin:35px 0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 20px}.section-heading h2{font-size:20px;font-weight:700;letter-spacing:-.65px;margin:0}.section-heading h2>span{font-size:14px;font-weight:500;color:var(--green);margin-left:6px}.section-heading p{font-size:12px;margin:6px 0 0;color:var(--muted)}.section-heading>a{font-size:11px;color:var(--muted);white-space:nowrap;display:flex;align-items:center;gap:5px}.section-heading>a svg{width:13px;height:13px}.poster-rail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}.poster-card{display:block;min-width:0}.cover{position:relative;overflow:hidden;isolation:isolate;color:#fff8e8;box-shadow:inset 4px 0 #0002,0 2px 6px #1f2f2410;border-radius:3px 7px 7px 3px;aspect-ratio:0.7;display:flex;flex-direction:column;justify-content:space-between;padding:18px}.cover:before{content:'';position:absolute;inset:0;background:linear-gradient(150deg,#ffffff13 0,transparent 45%,#0002);z-index:-1}.cover:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:48%;background:#0000000f;clip-path:polygon(0 100%,0 60%,45% 0,100% 100%);z-index:-1}.cover-orbit{position:absolute;border:1px solid #ffffff30;border-radius:50%;width:180%;height:125%;top:47%;left:16%;box-shadow:0 0 0 17px #ffffff06,0 0 0 34px #ffffff06;z-index:-1}.cover strong{font:500 25px/1.7 'Noto Serif KR',serif;letter-spacing:-.5px;white-space:pre-line;word-break:keep-all;overflow-wrap:break-word}.cover-author{font-size:8px;letter-spacing:1px;color:#fffa}.cover-imprint{font-size:8px;letter-spacing:2px;color:#fff9}.poster-card h3{font-size:14px;margin:13px 0 6px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.poster-card p{margin:0;color:var(--muted);font-size:11px}.poster-meta{display:flex;gap:6px;align-items:center;font-size:10px;color:var(--muted);margin-top:9px}.tiny-free{border:1px solid #c9d8cc;border-radius:3px;color:var(--green);padding:1px 4px;font-size:9px;margin-left:auto}.genre-section{margin-top:42px}.genre-tabs{display:flex;align-items:center;gap:8px;overflow:auto;scrollbar-width:none;padding-bottom:17px;margin-bottom:4px}.genre-tabs button{padding:8px 18px;border:1px solid var(--line);border-radius:22px;background:var(--paper);white-space:nowrap;color:var(--muted);font-size:12px}.genre-tabs button.on{background:var(--green);border-color:var(--green);color:#fff}.book-list{width:100%}.two-column{display:grid;grid-template-columns:1fr 1fr;column-gap:40px}.book-row{display:flex;position:relative;gap:18px;padding:20px 0;border-bottom:1px solid var(--line);align-items:center;min-width:0}.row-cover{flex-shrink:0;width:80px}.row-cover .cover{padding:9px 10px;height:114px;aspect-ratio:auto;border-radius:3px 5px 5px 3px}.row-cover .cover strong{font-size:16px;line-height:1.5}.row-cover .cover-author{font-size:5px;letter-spacing:.4px}.row-cover .cover-imprint{font-size:5px;letter-spacing:.4px}.row-info{min-width:0;flex:1}.row-genre{font-size:10px;color:var(--muted);display:flex;gap:8px;align-items:center}.sample-tag{font-size:9px;border-radius:3px;background:var(--soft);padding:2px 5px}.row-info h3{font-size:15px;line-height:1.6;font-weight:600;margin:5px 0;letter-spacing:-.3px}.row-info p{font-size:11px;margin:0;color:var(--muted)}.row-meta{font-size:10px;color:var(--muted);margin-top:10px}.row-meta i{font-style:normal;margin:0 5px;color:#ccc}.row-meta>span{color:var(--green)}.row-save{align-self:center;width:34px;height:40px;padding:9px;color:#929b93}.is-saved{color:var(--green)!important}.is-saved svg{fill:#c9ddce66}.row-resume{display:flex;align-items:center;font-size:11px;font-weight:500;color:var(--green);margin-top:10px;gap:4px}.row-resume svg{width:13px;height:13px}.desktop-resume{display:flex;align-items:center;font-size:12px;color:var(--green)}.desktop-resume svg{width:17px;height:17px}.reading-promo{display:flex;align-items:center;gap:18px;background:#f2f5ef;border:1px solid #e8ede2;border-radius:9px;padding:25px 30px;margin:35px 0;color:#2c4835}.reading-promo b{font-size:14px;font-weight:600;display:block}.reading-promo small{display:block;font-size:11px;color:#7c8779;margin-top:7px}.reading-promo>svg{margin-left:auto;width:18px;height:18px}.promo-symbol{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#e6eddf;border-radius:50%}.resume-strip{display:flex;align-items:center;gap:13px;background:var(--soft);padding:17px 22px;border-radius:9px;margin:22px 0 0;border:1px solid var(--line)}.resume-icon{color:var(--green);display:flex;align-items:center;justify-content:center}.resume-strip small{display:block;font-size:10px;color:var(--muted);margin-bottom:3px}.resume-strip b{font-size:13px;font-weight:600}.resume-strip em{font-style:normal;font-size:11px;color:var(--muted);margin-left:8px}.resume-end{margin-left:auto;font-size:11px;display:flex;align-items:center;gap:4px;color:var(--green);white-space:nowrap}.resume-end svg{width:16px;height:16px}.private-preview{background:var(--soft);padding:23px;border-radius:9px}.private-preview .section-heading h2{font-size:16px}.private-preview .section-heading p{font-size:11px}.private-preview .book-row:last-child{border:0;padding-bottom:0}.collection-page{padding-top:35px;min-height:55vh}.page-title{margin:0 0 28px}.page-title h1{font-size:28px;font-weight:700;letter-spacing:-1px;line-height:1.5;margin:8px 0}.page-title p{font-size:12px;color:var(--muted);margin:9px 0;line-height:1.8}.search-box{display:flex;align-items:center;border:1px solid var(--line);background:var(--soft);border-radius:8px;padding:5px 10px 5px 17px;margin-bottom:25px;gap:10px}.search-box>svg{width:20px;height:20px;color:var(--muted)}.search-box input{flex:1;min-width:0;border:0;background:none;outline:none;font-size:14px;color:var(--ink);padding:12px 0}.search-box .icon-button{width:34px;height:34px;color:var(--muted)}.search-box .icon-button svg{width:17px;height:17px}.list-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:10px 0 17px;font-size:12px;color:var(--muted)}.sort-label{display:flex;align-items:center;gap:10px;font-size:0}.sort-label select{font-size:12px;background:transparent;border:0;color:var(--ink)}.recommend-highlight{background:#eaf0e5;padding:28px 32px;border-radius:9px;margin-bottom:18px}.recommend-highlight h2{font:600 26px/1.7 'Noto Serif KR';letter-spacing:-1px;margin:12px 0 0;color:#304c3c}.primary{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 24px;border:0;border-radius:6px;background:var(--green);color:#fff;font-size:13px;font-weight:500;margin-top:20px;max-width:100%;white-space:nowrap}.primary svg{width:17px;height:17px}.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--paper);border:1px solid var(--line);color:var(--ink);border-radius:6px;padding:12px 18px;font-size:13px}.secondary svg{width:18px;height:18px}.pill{display:inline-block;border:1px solid var(--line);padding:5px 10px;font-size:10px;border-radius:20px;color:var(--muted)}.shelf-tabs{display:flex;gap:30px;border-bottom:1px solid var(--line);margin-bottom:8px}.shelf-tabs button{border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);font-size:14px;padding:15px 1px}.shelf-tabs button.active{color:var(--green);border-bottom-color:var(--green);font-weight:600}.shelf-tabs button>span{font-size:11px;margin-left:5px}.device-note{color:var(--muted);font-size:11px;display:flex;gap:7px;align-items:center;line-height:1.8;margin:25px 0}.device-note svg{width:14px;height:14px}.empty,.empty-state{padding:65px 18px;text-align:center;color:var(--muted);font-size:13px;line-height:1.9;grid-column:1/-1}.empty-state>span{display:flex;width:65px;height:65px;border-radius:50%;background:var(--soft);align-items:center;justify-content:center;margin:0 auto 18px;color:#8f9d91}.empty-state>span svg{width:27px;height:27px}.empty-state .primary{font-size:12px;margin-top:8px}.empty h1{color:var(--ink);font-size:22px}.site-footer{border-top:1px solid var(--line);margin-top:50px;padding:30px 0;color:var(--muted)}.footer-brand{font-size:19px;font-weight:800;letter-spacing:-1px;color:#647267}.site-footer p{font-size:11px;margin:10px 0 25px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:10px}.footer-bottom a{display:flex;align-items:center;gap:3px}.footer-bottom svg{width:12px;height:12px}.my-page{max-width:800px;padding-top:35px}.profile-card{border:1px solid var(--line);border-radius:10px;display:flex;gap:20px;align-items:center;padding:30px;background:var(--soft)}.profile-icon{display:flex;align-items:center;justify-content:center;width:54px;height:54px;background:#e6ede3;border-radius:50%;color:var(--green)}.profile-card h2{font-size:17px;letter-spacing:-.4px;margin:0 0 8px;font-weight:600}.profile-card p{font-size:11px;color:var(--muted);margin:0}.my-stats{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:9px;margin:18px 0 27px}.my-stats a{display:flex;flex-direction:column;align-items:center;padding:23px;gap:7px}.my-stats a:first-child{border-right:1px solid var(--line)}.my-stats b{font-size:27px;color:var(--green)}.my-stats span{font-size:11px;color:var(--muted)}.my-panel{border:1px solid var(--line);border-radius:9px;padding:22px;margin:17px 0}.my-panel h2{font-size:14px;margin:0 0 15px}.my-panel>a,.my-panel>button{display:flex;align-items:center;gap:14px;padding:16px 0;width:100%;font-size:13px;background:none;color:inherit;border:0;border-bottom:1px solid var(--line);text-align:left}.my-panel>a:last-child,.my-panel>button:last-child{border-bottom:0;padding-bottom:3px}.my-panel>a>svg:first-child,.my-panel>button>svg:first-child{color:var(--muted);height:20px;width:20px}.my-panel>a>svg:last-child,.my-panel>button>svg:last-child{margin-left:auto;height:15px;width:15px;color:var(--muted)}.detail-page{padding-top:0}.back{display:inline-flex;gap:5px;align-items:center;color:var(--muted);font-size:12px;margin:25px 0}.back svg{width:16px;height:16px}.draft-banner{padding:13px 17px;background:#fff7e7;border:1px solid #ecdfc1;border-radius:6px;color:#88723f;font-size:11px;margin-bottom:20px}.work-intro{display:flex;gap:40px;padding:5px 0 35px;align-items:center}.work-cover{width:170px;flex-shrink:0}.work-cover .cover{padding:20px}.work-cover .cover strong{font-size:29px}.work-heading{flex:1;min-width:0}.work-badges{display:flex;gap:7px;margin-bottom:13px}.work-badges>span{font-size:10px;border:1px solid #d5dfd5;color:var(--green);padding:3px 7px;border-radius:3px}.work-badges>span:last-child{color:var(--muted);border-color:var(--line)}.work-heading h1{font-size:30px;margin:8px 0 12px;letter-spacing:-1px;line-height:1.5}.work-author{font-size:13px;color:var(--muted);margin:0}.work-count{font-size:12px;color:var(--muted);margin:17px 0}.work-count i{font-style:normal;margin:0 9px;color:#ccc}.work-actions{display:flex;gap:10px;align-items:center;margin-top:24px}.work-actions .primary{margin:0;min-width:180px}.work-actions .secondary{padding:12px 15px;white-space:nowrap}.work-description{padding:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:35px}.work-description h2{font-size:16px;margin:0 0 14px}.work-description p{font-size:13px;color:var(--muted);line-height:1.9;white-space:pre-wrap;margin:0}.episodes{max-width:none;margin:0}.text-button{background:none;border:0;color:var(--muted);font-size:11px;padding:8px 0}.episode{display:flex;gap:15px;align-items:center;padding:22px 4px;border-top:1px solid var(--line)}.episode:last-child{border-bottom:1px solid var(--line)}.episode-number{font-size:11px;color:var(--muted);min-width:24px}.episode-text{flex:1;min-width:0}.episode-text b{font-size:13px;font-weight:500;line-height:1.7}.episode-text small{display:block;color:#8a9b8d;font-size:9px;margin-top:4px}.episode-free{color:var(--green);font-size:10px}.episode>svg{color:#aeb7ae;width:13px;height:13px}.episode.last-read .episode-text b{color:#819182}.readtop{position:sticky;top:0;background:var(--reader-bg);border-bottom:1px solid var(--line);z-index:5}.readbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:65px;max-width:1000px;padding:10px 25px;margin:auto}.reader-back{display:flex;gap:10px;align-items:center;min-width:0;font-size:12px}.reader-back>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader-back svg{width:18px;height:18px}.reader-tools{display:flex;gap:3px}.reader-tools .icon-button{width:36px;height:36px;padding:8px}.reader-tools svg{width:20px;height:20px}.progress{height:2px;background:#e5e9e1}.progress i{height:100%;display:block;width:0;background:var(--green)}body:has(.reader){background:var(--reader-bg)}.reader{max-width:730px;padding:60px 30px 80px;margin:auto}.chapter-label{font-size:11px;color:var(--muted)}.chapter-label span{margin:0 7px;color:#b8c0b7}.reader h1{font:600 27px/1.65 'Noto Serif KR';margin:16px 0 40px;letter-spacing:-.6px}.reader-sample{font-size:10px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:22px;margin:-23px 0 28px}.prose{font-family:'Noto Serif KR',serif;font-size:20px;line-height:1.95;white-space:pre-wrap;word-break:keep-all;overflow-wrap:break-word}.prose p{margin:0 0 1.55em}.chapter-end{text-align:center;border-top:1px solid var(--line);padding:35px 0 20px;margin-top:50px}.chapter-end span{font-size:10px;color:var(--muted);display:block;margin-bottom:8px}.chapter-end b{font-size:12px;font-weight:500}.readnav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:20px;border-top:1px solid var(--line);padding-top:20px}.readnav a{display:flex;align-items:center;gap:5px;font-size:12px;padding:12px 6px}.readnav a svg{width:15px;height:15px}.disabled{opacity:.3;pointer-events:none}.app-dialog{border:1px solid var(--line);border-radius:15px;background:var(--paper);color:var(--ink);padding:25px;width:min(440px,calc(100% - 32px));max-height:85vh;overflow:auto;box-shadow:0 20px 70px #17271d33}.app-dialog::backdrop{background:#11221c70;backdrop-filter:blur(2px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px}.dialog-heading h2{font-size:18px;letter-spacing:-.5px;margin:0}.dialog-heading .icon-button{width:32px;height:32px;padding:6px}.setting-group{padding:18px 0;border-bottom:1px solid var(--line)}.setting-group label{display:block;font-size:12px;font-weight:500;margin-bottom:12px}.font-control{display:flex;align-items:center;justify-content:space-between;gap:20px}.font-control button{width:90px;font-size:16px}.font-control>span{font-size:12px;color:var(--muted)}.theme-controls{display:flex;gap:10px}.theme-controls button{flex:1;padding:14px 5px;border:1px solid var(--line);border-radius:6px;font-size:12px}.theme-controls button.selected{outline:2px solid #79997b;outline-offset:2px}.theme-light{background:#fff;color:#333}.theme-sepia{background:#eee3cb;color:#4e493a}.theme-dark{background:#28342c;color:#ecefe9}.setting-group select{padding:10px 12px;width:100%;border:1px solid var(--line);background:var(--soft);border-radius:5px;color:var(--ink);font-size:12px}.settings-note{font-size:10px;color:var(--muted);margin:20px 0 0;line-height:1.8}.menu-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px 0 20px}.menu-links>a{display:flex;gap:10px;align-items:center;background:var(--soft);padding:15px 12px;border-radius:6px;font-size:12px}.menu-links svg{width:18px;height:18px;color:var(--green)}.menu-genres{border-top:1px solid var(--line);padding:17px 0}.menu-genres h3{font-size:11px;color:var(--muted);margin:0 0 10px}.menu-genres>a{display:flex;justify-content:space-between;align-items:center;padding:12px 3px;font-size:13px}.menu-genres svg{width:14px;height:14px;color:var(--muted)}.menu-admin{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:17px 0 5px;font-size:11px;color:var(--muted)}.menu-admin svg{width:16px;height:16px}.toc-list>a{display:flex;gap:12px;align-items:center;padding:18px 0;border-top:1px solid var(--line)}.toc-list>a.current{color:var(--green)}.toc-list span{font-size:10px;min-width:25px;color:var(--muted)}.toc-list b{font-size:12px;font-weight:500;line-height:1.7}.toc-list svg{width:14px;height:14px;margin-left:auto}.section-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:25px 0}.desc{color:var(--muted);font-size:13px;line-height:1.9}.error{color:#aa4035;font-size:12px;line-height:1.8}#toast{position:fixed;z-index:30;bottom:26px;left:50%;transform:translateX(-50%);border-radius:8px;padding:13px 20px;background:#213f30;color:white;font-size:12px;max-width:calc(100% - 30px);box-shadow:0 3px 15px #0002;text-align:center}body.dark{--bg:#1e2721;--paper:#253028;--ink:#e0e5dd;--muted:#a1ada1;--line:#3b483e;--green:#a8c7af;--soft:#2c382e;--reader-bg:#202922}body.sepia{--bg:#f3ebdc;--paper:#f7f0e3;--line:#dfd6c5;--soft:#eee5d5;--reader-bg:#eee4ce}body.dark .primary,body.dark .genre-tabs button.on{color:#203025}body.dark .reading-promo{background:#2a382b;border-color:#43523f;color:#d7e4ce}body.dark .private-preview,body.dark .recommend-highlight{background:#2c3a2e}body.dark .recommend-highlight h2{color:#e0e5da}body.dark .promo-symbol,body.dark .profile-icon{background:#354535}body.dark .draft-banner{background:#443d2c;border-color:#685a3b;color:#dac18d}body.dark .my-panel{background:var(--paper)}
@media(min-width:1100px){.poster-rail{grid-template-columns:repeat(6,minmax(0,1fr))}.poster-card .cover{min-height:218px}}
@media(max-width:760px){html{scroll-padding-top:100px}.wrap{padding-left:20px;padding-right:20px}.topbar{height:65px;gap:8px;padding-left:12px;padding-right:15px}.topbar>.icon-button{width:36px;height:38px;padding:8px}.brand{font-size:24px;gap:6px;letter-spacing:-1.4px}.brand small,.desktop-admin,.desktop-user,.tabs-note{display:none}.top-actions{gap:1px}.top-actions .icon-button{width:36px;height:38px;padding:8px}.main-tabs{height:48px;gap:29px;padding-left:22px;padding-right:22px}.main-tabs>a{font-size:14px;border-bottom-width:2px}.home-main{padding-top:16px}.featured-banner{height:245px;padding:25px 22px;border-radius:9px}.banner-copy{max-width:73%}.banner-label{font-size:9px}.banner-label svg{width:11px;height:11px}.banner-copy h1{font-size:25px;line-height:1.5;margin:12px 0;letter-spacing:-1px}.banner-copy p{font-size:10px;line-height:1.7;max-width:165px;margin-bottom:15px}.banner-copy>a{font-size:10px;gap:5px}.banner-copy>a svg{width:12px;height:12px}.banner-book{width:95px;top:47px;right:5%;transform:rotate(9deg)}.banner-book .cover{height:155px;padding:11px;min-height:0}.banner-book .cover strong{font-size:20px;line-height:1.6}.banner-book .cover-author{font-size:5px}.banner-book .cover-imprint{font-size:5px;letter-spacing:1px}.sun{width:100px;height:100px;right:2%;top:14px}.banner-controls{right:12px;bottom:11px;padding:1px 3px;font-size:9px;gap:3px}.banner-controls button{width:24px;height:24px}.banner-controls svg{width:12px;height:12px}.home-section{margin:28px 0}.section-heading{margin-bottom:16px}.section-heading h2{font-size:18px;letter-spacing:-.5px}.section-heading p{font-size:10px;line-height:1.7;margin-top:5px}.section-heading>a{font-size:10px;gap:2px}.section-heading>a svg{width:12px;height:12px}.poster-rail{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;margin-right:-20px;padding-right:20px;padding-bottom:6px}.poster-card{flex:0 0 121px;scroll-snap-align:start}.poster-card .cover{padding:12px 13px;height:173px;aspect-ratio:auto}.poster-card .cover strong{font-size:22px;line-height:1.65}.poster-card .cover-author,.poster-card .cover-imprint{font-size:6px}.poster-card h3{font-size:12px;margin-top:11px;margin-bottom:4px}.poster-card p{font-size:10px}.poster-meta{gap:5px;font-size:9px;margin-top:7px}.tiny-free{font-size:8px}.genre-section{margin-top:30px}.genre-tabs{gap:7px;margin-right:-20px;padding-right:20px;padding-bottom:14px}.genre-tabs button{font-size:11px;padding:8px 15px}.two-column{display:block}.book-row{gap:15px;padding:18px 0}.row-cover{width:76px}.row-cover .cover{height:108px;padding:9px}.row-cover .cover strong{font-size:16px;line-height:1.5}.row-info h3{font-size:14px;letter-spacing:-.35px;margin:5px 0}.row-genre{font-size:10px}.row-info p{font-size:10px}.row-meta{font-size:10px;margin-top:8px}.row-save{width:32px;padding:7px}.row-save svg{width:18px;height:18px}.desktop-resume{display:none}.reading-promo{padding:18px 15px;gap:12px;margin:25px 0}.promo-symbol{width:36px;height:36px;flex-shrink:0}.promo-symbol svg{width:20px;height:20px}.reading-promo b{font-size:12px;line-height:1.6}.reading-promo small{font-size:9px;margin-top:3px;line-height:1.7}.reading-promo>svg{width:14px;height:14px;flex-shrink:0}.resume-strip{padding:14px 13px;gap:10px;margin-top:16px}.resume-icon svg{width:20px;height:20px}.resume-strip small{font-size:9px}.resume-strip b{font-size:12px}.resume-strip em{font-size:10px;margin-left:5px}.resume-end{font-size:0;gap:0}.resume-end svg{width:18px;height:18px}.private-preview{padding:18px 15px;margin-top:25px}.private-preview .section-heading{gap:10px}.private-preview .section-heading h2{font-size:14px}.private-preview .section-heading p{font-size:9px}.collection-page{padding-top:25px;min-height:60vh}.page-title{margin-bottom:22px}.page-title h1{font-size:24px;letter-spacing:-.8px;line-height:1.5}.page-title p{font-size:11px}.eyebrow{font-size:9px;letter-spacing:1.2px}.search-box{padding:3px 7px 3px 13px;margin-bottom:20px;gap:8px}.search-box input{font-size:12px;padding:12px 0}.search-box>svg{width:18px;height:18px}.search-box .icon-button{width:30px;height:32px;padding:7px}.list-toolbar{font-size:11px;padding-bottom:14px}.sort-label select{font-size:11px}.recommend-highlight{padding:23px 20px;margin-bottom:12px}.recommend-highlight h2{font-size:21px;line-height:1.65;letter-spacing:-1px}.recommend-highlight .primary{font-size:11px;margin-top:18px;padding:12px 17px}.shelf-tabs{gap:24px}.shelf-tabs button{font-size:13px;padding:13px 0}.shelf-tabs button>span{font-size:10px}.device-note{font-size:10px;margin-top:20px}.site-footer{margin-top:35px;padding:25px 0 105px}.footer-brand{font-size:18px}.site-footer p{font-size:10px;margin-bottom:20px}.footer-bottom{align-items:flex-start;flex-direction:column;gap:12px;font-size:9px}.bottom-nav{position:fixed;z-index:10;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);background:var(--paper);border-top:1px solid var(--line);padding:8px 5px calc(9px + env(safe-area-inset-bottom));box-shadow:0 -3px 15px #24332404}.bottom-nav>a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;min-height:43px;color:#909790;font-size:9px}.bottom-nav>a.active{color:var(--green);font-weight:600}.bottom-nav svg{width:22px;height:22px}.bottom-nav>a.active svg{stroke-width:2}.my-page{padding-top:25px}.profile-card{padding:23px 17px;gap:13px}.profile-icon{width:45px;height:45px;flex-shrink:0}.profile-icon svg{width:22px;height:22px}.profile-card h2{font-size:14px;line-height:1.6;margin-bottom:5px}.profile-card p{font-size:10px;line-height:1.7}.my-stats{margin:15px 0 22px}.my-stats a{padding:18px}.my-stats b{font-size:25px}.my-panel{padding:20px}.my-panel h2{font-size:13px}.my-panel>a,.my-panel>button{font-size:12px;padding:16px 0}.back{font-size:11px;margin:20px 0}.draft-banner{font-size:10px;line-height:1.8;padding:11px 13px;margin-bottom:20px}.work-intro{gap:20px;align-items:flex-start;position:relative;padding-bottom:95px}.work-cover{width:112px}.work-cover .cover{height:163px;padding:12px}.work-cover .cover strong{font-size:22px;line-height:1.6}.work-cover .cover-author,.work-cover .cover-imprint{font-size:6px}.work-badges{gap:5px;flex-wrap:wrap;margin-bottom:9px}.work-badges>span{font-size:8px;padding:2px 5px}.work-heading h1{font-size:23px;letter-spacing:-.8px;margin:0 0 10px;line-height:1.5}.work-author{font-size:11px}.work-count{font-size:10px;line-height:1.8;margin:11px 0}.work-count i{margin:0 5px}.work-actions{position:absolute;bottom:25px;left:0;right:0;gap:8px;margin:0}.work-actions .primary{flex:1;min-width:0;font-size:12px;padding:13px 12px;gap:5px}.work-actions .primary svg{height:15px;width:15px}.work-actions .secondary{font-size:11px;padding:12px 10px;gap:5px}.work-actions .secondary svg{width:16px;height:16px}.share-work{width:35px;height:42px;padding:8px}.share-work svg{width:19px;height:19px}.work-description{padding:21px 0;margin-bottom:27px}.work-description h2{font-size:14px;margin-bottom:12px}.work-description p{font-size:12px;line-height:1.9}.episodes .section-heading h2{font-size:16px}.episodes .section-heading h2>span{font-size:12px}.episode{padding:19px 0;gap:12px}.episode-text b{font-size:12px;line-height:1.8}.episode-number{font-size:10px;min-width:20px}.episode-free{font-size:9px}.episode-text small{font-size:9px}.readbar{padding:10px 13px;min-height:58px}.reader-back{font-size:11px;gap:6px}.reader-back svg{width:17px;height:17px}.reader-tools{gap:0}.reader-tools .icon-button{width:33px;height:34px;padding:8px}.reader-tools svg{width:18px;height:18px}.reader{padding:35px 23px 55px}.chapter-label{font-size:10px}.reader h1{font-size:24px;line-height:1.7;margin:13px 0 32px}.reader-sample{font-size:9px;margin-top:-18px}.readnav a{font-size:11px;padding:11px 0;gap:3px}.readnav svg{width:13px;height:13px}.chapter-end{margin-top:35px}.app-dialog{padding:22px;border-radius:13px}.dialog-heading h2{font-size:17px}#toast{bottom:85px;font-size:11px;padding:12px 17px;line-height:1.7}body:has(.reader) #toast{bottom:25px}}
@media(max-width:370px){.wrap{padding-left:16px;padding-right:16px}.main-tabs{gap:25px}.featured-banner{padding-left:18px;height:235px}.banner-copy h1{font-size:23px}.banner-book{right:4%;width:83px}.banner-book .cover{height:143px;padding:10px}.banner-book .cover strong{font-size:18px}.poster-rail,.genre-tabs{margin-right:-16px;padding-right:16px}.work-intro{gap:16px}.work-cover{width:100px}.work-cover .cover{height:150px}.work-heading h1{font-size:21px}.work-actions .secondary{font-size:10px;padding:12px 9px}.share-work{display:none}}
.manager{padding-bottom:40px}.manager h1{font:600 32px 'Noto Serif KR';margin:10px 0}.manager h2{font:600 20px 'Noto Serif KR';margin:0 0 15px}.admin-tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin:24px 0}.admin-tabs button{padding:14px 0;border:0;background:none;color:var(--muted)}.admin-tabs button.on{color:var(--green);border-bottom:2px solid var(--green);font-weight:700}.admin-panel{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:28px;margin:20px 0}.admin-panel .section-title{margin-top:0}.steps{display:flex;gap:30px;color:var(--muted);font-size:12px;padding:10px 0}.steps b{color:var(--green)}.manager label{display:flex;flex-direction:column;gap:8px;font-size:13px;margin:18px 0}.manager em{font-style:normal;color:#a06540;font-size:10px}.manager input:not([type=checkbox]),.manager select,.manager textarea{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:5px;background:var(--bg);color:var(--ink);font-size:14px}.manager textarea{resize:vertical;line-height:1.8}.manager input[type=color]{height:45px;padding:6px}.manager input:focus,.manager textarea:focus,.manager select:focus{outline:2px solid #789180}.manager .form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.manager .form-row:has(#start-number){grid-template-columns:2fr 1fr 1fr}.helper{font-size:12px;color:var(--muted);line-height:1.9;margin:10px 0}.manager .upload-box{border:1px dashed #9ba99b;background:#eef1e9;padding:25px;text-align:center;color:#294f42;cursor:pointer;border-radius:7px;align-items:center}.upload-box small{font-size:11px;color:#737e70}.upload-box input{max-width:390px}.file-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.file-row>span{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.file-row label{min-width:170px;margin:0}details{margin:20px 0}summary{font-size:13px;cursor:pointer;padding:10px 0}.manager .check{flex-direction:row;align-items:center;gap:10px}.actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.actions .primary{margin:0}.error{font-size:13px;line-height:1.8;color:#a33e32}.review-grid{display:grid;grid-template-columns:250px 1fr;gap:25px}.chapter-list{max-height:650px;overflow:auto;border:1px solid var(--line);border-radius:5px}.chapter-list button{width:100%;border:0;border-bottom:1px solid var(--line);text-align:left;background:transparent;color:var(--ink);padding:15px}.chapter-list button.selected{background:#e5ece1;color:#294f42}.chapter-list b{display:block;font-size:12px;line-height:1.7}.chapter-list small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.chapter-editor label:first-child{margin-top:0}.save-row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-top:25px;border-top:1px solid var(--line);padding-top:10px}.save-row label{min-width:260px}.save-row .primary{margin-bottom:18px}.compact button{font-size:12px;padding:9px 12px}button:disabled{opacity:.5;cursor:default}.saved-book{display:flex;justify-content:space-between;gap:20px;align-items:center}.saved-book h2{margin:10px 0}.prose{white-space:pre-wrap}body.dark{--paper:#29332b}body.dark .upload-box{background:#344338;color:#d2e2d0}.hero .book strong{white-space:pre-line}@media(max-width:760px){.manager h1{font-size:27px}.manager>.section-title{align-items:flex-start;gap:15px}.manager>.section-title>.pill{font-size:9px;white-space:nowrap}.admin-panel{padding:19px 15px}.steps{gap:12px;font-size:10px;flex-wrap:wrap}.manager .form-row,.manager .form-row:has(#start-number){grid-template-columns:1fr;gap:0}.manager label{margin:13px 0}.review-grid{grid-template-columns:1fr}.chapter-list{max-height:190px}.save-row{align-items:stretch;flex-direction:column;gap:0}.save-row label{min-width:0}.saved-book{flex-direction:column;align-items:stretch}.file-row{align-items:stretch;flex-direction:column;gap:10px}.manager .actions .primary,.save-row>.primary{width:100%;text-align:center}.manager .actions .secondary{flex:1;text-align:center}.admin-panel .section-title{align-items:flex-start;gap:10px;flex-direction:column}.head .nav{gap:14px}.head .small{display:none}.brand{white-space:nowrap}.primary{max-width:100%}} 
.cover.has-cover{padding:0!important;background:var(--soft)!important;position:relative;display:block;box-shadow:0 1px 6px #213a2015}.cover.has-cover:before,.cover.has-cover:after{display:none}.cover.has-cover img{display:block;width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.new-cover-panel{display:flex;gap:25px;padding:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:22px 0}.cover-pick-preview{width:118px;height:177px;flex-shrink:0;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--soft)}.cover-pick-preview>img,.cover-dialog-preview>img{width:100%;height:100%;object-fit:contain;display:block}.cover-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:9px;background:var(--soft);color:var(--muted)}.cover-placeholder>svg{width:30px;height:30px;color:#a2afa1}.cover-placeholder>span{font-size:12px}.cover-placeholder>small{font-size:9px}.cover-pick-controls{flex:1;min-width:0}.cover-pick-controls h3{font-size:14px;margin:0 0 8px}.cover-pick-controls h3>span{color:var(--muted);font-size:10px;font-weight:400;margin-left:6px}.cover-drop{border:1px dashed #a8b9a8;border-radius:6px;padding:15px;background:var(--soft);transition:background .15s}.cover-drop.drag-over{background:#e0eddc;outline:2px solid #779672}.cover-drop label{font-size:12px;margin:0!important;display:flex;gap:10px;flex-direction:column}.cover-drop input{width:100%;max-width:100%;font-size:11px!important;cursor:pointer;min-width:0}.cover-drop>span{display:block;margin-top:9px;color:var(--muted);font-size:10px;line-height:1.7}.cover-selected{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0}.cover-selected>span{font-size:10px;color:var(--muted);overflow-wrap:anywhere}.cover-selected>.text-button{flex-shrink:0;font-size:10px}.cover-pick-controls .helper{font-size:11px}.saved-cover-thumb{width:75px;flex-shrink:0}.saved-cover-thumb .cover{height:112px;padding:10px}.saved-cover-thumb .cover strong{font-size:17px}.saved-cover-thumb .cover-author,.saved-cover-thumb .cover-imprint{font-size:5px;letter-spacing:.5px}.saved-work-info{flex:1;min-width:0}.saved-book .actions{max-width:450px;flex-shrink:1}.cover-dialog-preview{width:150px;height:225px;margin:20px auto;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--soft)}.cover-book-name{font-size:13px;margin:8px 0;color:var(--muted)}.cover-save-button{width:100%;margin-top:15px}.cover-dialog .helper{font-size:11px;line-height:1.8}.cover-dialog .cover-drop{padding:14px}.cover-dialog input[type=file]{color:var(--ink)}@media(max-width:760px){.new-cover-panel{gap:15px;flex-direction:column;padding:20px 0}.cover-pick-preview{width:105px;height:158px}.cover-pick-controls{width:100%}.cover-pick-controls h3{font-size:13px}.cover-drop{padding:13px}.saved-book{position:relative}.saved-cover-thumb{width:65px;position:absolute;top:20px;left:15px}.saved-cover-thumb .cover{height:98px}.saved-cover-thumb .cover strong{font-size:15px}.saved-work-info{padding-left:81px;min-height:99px;width:100%}.saved-book .actions{max-width:none}.saved-book .actions>.secondary{min-width:calc(50% - 10px);flex:1}.saved-book .actions>.primary{margin-top:4px}.cover-dialog-preview{width:128px;height:192px}.cover-dialog .helper{font-size:10px}.cover-dialog .cover-drop>span{font-size:9px}}

.brand-english{font-size:11px;font-weight:500;letter-spacing:1.1px;color:var(--muted);margin-left:7px}.footer-brand>span{font-size:10px;letter-spacing:1px;font-weight:500;margin-left:6px}@media(max-width:760px){.brand-english{font-size:10px;letter-spacing:1px;margin-left:6px}}

/* MUKRIM genre platform: bright, graphic, energetic. */
:root{--green:#5144df;--soft:#f4f5fc;--accent:#ffcc42;--ink:#202638;--muted:#788092;--line:#e9ebf3}
.brand>span:first-child{font-weight:800;letter-spacing:-1.5px}.brand-english{font-weight:700;color:#6553db;letter-spacing:1px}.main-tabs>a.active{border-color:#6351e7}.bottom-nav>a.active{color:#5946e3}
.action-banner{background:linear-gradient(115deg,#34308c 0%,#5141d5 48%,#7564f5 100%);color:#fff;height:330px;padding:33px 48px;box-shadow:0 6px 20px #4e40b918;border-radius:12px}.action-banner.fantasy-banner{background:linear-gradient(110deg,#162753,#3a45bd 58%,#7551d1)}.action-rays{position:absolute;inset:0;z-index:-1;background:repeating-conic-gradient(from 3deg at 80% 48%,transparent 0deg 13deg,#ffffff08 13deg 15deg,transparent 15deg 26deg);opacity:.9}.action-banner:after{content:'';position:absolute;inset:0;background-image:radial-gradient(#fff4 .9px,transparent .9px);background-size:8px 8px;mask-image:linear-gradient(to left,#0008,transparent 60%);pointer-events:none;z-index:-1}.action-banner .banner-copy{max-width:65%}.action-banner .banner-label{display:inline-flex;background:#ffffff17;border:1px solid #ffffff35;border-radius:5px;color:#f8f5ff;font-size:10px;letter-spacing:.7px;padding:6px 9px;font-weight:600}.action-banner .banner-copy h1{font-size:39px;line-height:1.4;font-weight:800;letter-spacing:-1.7px;text-shadow:2px 3px 0 #1e246044;margin:14px 0}.action-banner .banner-copy p{font-size:12px;color:#e1dcff;margin-bottom:21px}.action-banner .banner-copy>a{display:inline-flex;align-items:center;gap:8px;background:#ffdc57;color:#23274a;padding:10px 14px;border:2px solid #292c70;border-radius:6px;box-shadow:3px 3px 0 #22235e65;font-weight:700;font-size:11px}.action-banner .banner-copy>a:hover{transform:translateY(-1px)}.banner-visual{position:absolute;width:245px;height:290px;right:95px;top:13px;transform:rotate(-6deg);filter:drop-shadow(7px 9px 0 #211b6530)}.banner-visual>svg{height:100%;width:100%}.banner-sticker{position:absolute;right:-7px;bottom:12px;transform:rotate(-5deg);padding:8px 13px;font-weight:800;color:#27264a;background:#ffde60;border:2px solid #252853;border-radius:8px 8px 8px 0;box-shadow:3px 3px 0 #20274e45;font-size:13px;white-space:nowrap}.fantasy-banner .banner-sticker{background:#8df2ff}.action-banner .banner-controls{background:#23236088;border:1px solid #b5adff33;bottom:16px;right:18px}
.cover:not(.has-cover){border:1px solid #131c3522;border-radius:4px 7px 7px 4px}.cover:not(.has-cover) strong{font-family:'Noto Sans KR',sans-serif;font-size:25px;font-weight:800;line-height:1.45;letter-spacing:-1.1px;text-shadow:1px 2px 0 #151a493f}.cover:not(.has-cover):before{background:linear-gradient(145deg,#ffffff16,transparent 45%,#0002)}.cover:not(.has-cover):after{height:68%;clip-path:polygon(0 55%,100% 0,100% 100%,0 100%);background:linear-gradient(120deg,#78eeff22,#c3b4ff20)}.cover:not(.has-cover) .cover-orbit{border-radius:0;transform:rotate(-20deg);top:62%;left:-5%;width:160%;height:120%;border:1px solid #fff3;box-shadow:0 0 0 20px #ffffff08,0 0 0 40px #ffffff05}.cover-author{font-weight:600;letter-spacing:.8px}.cover-imprint{font-weight:500}.poster-card h3{font-weight:700}.poster-meta .tiny-free{background:#f1efff;color:#6151cc;border-color:#e0dafa;font-weight:600}.sample-tag{background:#f1effb;color:#8071bb}.row-meta>span{color:#6656cb}.reading-promo{background:linear-gradient(110deg,#f0edff,#f0f7ff);border-color:#e8e3fa;color:#3c3474}.promo-symbol{background:#e3dcfb;color:#6b56cc}.reading-promo small{color:#8a84a0}.recommend-highlight{background:linear-gradient(120deg,#f0edff,#edf4ff);border:1px solid #e7e1fa}.recommend-highlight h2{font-family:'Noto Sans KR',sans-serif;font-weight:800;color:#302d5b}.profile-icon{background:#ece7ff}.my-stats b{color:#6250d5}.private-preview{background:#f5f5fb}.resume-strip{border-color:#ece9f8;background:#f8f7fd}.footer-brand{color:#696181}.book-row{border-bottom-color:#eceef5}.primary{font-weight:600;background:#5d4ce2}.genre-tabs button.on{background:#6150df;border-color:#6150df}.chapter-list button.selected{background:#efebfc;color:#5641b5}
@media(max-width:760px){.home-main{padding-top:0}.action-banner{border-radius:0;margin-left:-20px;margin-right:-20px;height:267px;padding:26px 22px;box-shadow:none}.action-banner .banner-copy{max-width:64%}.action-banner .banner-label{font-size:8px;padding:5px 7px;letter-spacing:.3px}.action-banner .banner-copy h1{font-size:27px;letter-spacing:-1px;line-height:1.42;margin:12px 0 13px}.action-banner .banner-copy p{font-size:10px;max-width:170px;line-height:1.7;margin-bottom:16px}.action-banner .banner-copy>a{font-size:10px;padding:9px 10px;gap:4px;border-width:1.5px;box-shadow:2px 2px 0 #22235e65}.action-banner .banner-copy>a svg{width:12px;height:12px}.banner-visual{width:151px;height:208px;right:8px;top:26px;transform:rotate(-6deg)}.banner-sticker{right:5px;bottom:9px;font-size:10px;padding:6px 9px;border-width:1.5px;box-shadow:2px 2px 0 #20274e45}.action-banner .banner-controls{bottom:10px;right:12px}.poster-card .cover:not(.has-cover) strong{font-size:21px;font-weight:800;line-height:1.5}.row-cover .cover:not(.has-cover) strong{font-size:15px;font-weight:800;line-height:1.45}.work-cover .cover:not(.has-cover) strong{font-size:21px;line-height:1.5}.reading-promo b{font-weight:700}.recommend-highlight h2{font-size:21px}.saved-cover-thumb .cover:not(.has-cover) strong{font-size:15px}}
@media(max-width:370px){.action-banner{margin-left:-16px;margin-right:-16px;padding-left:19px;height:255px}.action-banner .banner-copy h1{font-size:25px}.banner-visual{width:135px;height:192px;right:4px;top:28px}.banner-sticker{font-size:9px;right:7px}.action-banner .banner-copy p{max-width:150px;font-size:9px}}
body.dark .reading-promo{background:linear-gradient(110deg,#323047,#2b3548);border-color:#49415e;color:#d9d2f7}body.dark .recommend-highlight{background:#302d48;border-color:#4b425f}body.dark .recommend-highlight h2{color:#e8e0ff}body.dark .sample-tag{background:#383047;color:#c3b6e1}body.dark .private-preview,body.dark .resume-strip{background:#2d2c3a;border-color:#464051}body.dark .primary{color:#fff}body.dark .genre-tabs button.on{color:#fff}body.dark .row-meta>span{color:#b6a3fb}
/* Writing entry and distraction-free text editor */
.write-entry{width:auto!important;gap:5px;padding:8px!important;color:var(--green)!important;text-decoration:none}.write-entry span{font-size:12px;font-weight:800}.write-entry svg{width:23px;height:23px}.writing-page{max-width:850px;padding-top:30px;padding-bottom:60px}.writing-page>.primary{display:inline-flex;align-items:center;gap:8px}.writing-page>.primary svg{width:20px;height:20px}.writing-list-title{margin:38px 0 18px;font-size:21px}.writing-list-title span{color:var(--green)}.writing-card{border-bottom:1px solid var(--line);padding:23px 0;display:flex;justify-content:space-between;gap:20px}.writing-card small{color:var(--muted)}.writing-card h3{margin:9px 0 5px}.writing-card p{margin:5px 0 12px}.writing-card .actions{align-self:center;flex-wrap:wrap;max-width:310px}.writing-form label{display:flex;flex-direction:column;gap:9px;font-size:14px;font-weight:700;margin-bottom:22px}.writing-form input,.writing-form select,.writing-form textarea{width:100%;box-sizing:border-box;font:inherit;padding:13px;border:1px solid var(--line);border-radius:8px;background:var(--paper,#fff);color:inherit}.writing-form .writing-body{min-height:420px;font-size:17px;line-height:1.9;font-weight:400;resize:vertical}.writing-count{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-top:-10px}.writing-count strong{color:#7e6475}.writing-count strong.ready{color:var(--green)}.writing-save-note{font-size:12px;color:var(--muted);margin:20px 0;line-height:1.7}.writing-actions{flex-wrap:wrap}.writing-preview{line-height:1.95;white-space:pre-wrap;overflow-wrap:anywhere}.writing-preview small{color:var(--muted)}.writing-preview-dialog{max-width:700px}.writing-preview p{margin-bottom:1.4em}.writing-form button:disabled{opacity:.55;cursor:wait}.writing-card .text-button{font-size:13px}.bottom-nav{grid-template-columns:repeat(5,1fr)}
@media(max-width:600px){.writing-page{padding-top:22px}.writing-page .page-title h1{font-size:25px}.writing-card{display:block}.writing-card .actions{max-width:none;margin-top:16px}.writing-form{padding:20px 16px}.writing-actions{display:grid;grid-template-columns:1fr 1fr}.writing-actions .primary{grid-column:1/-1}.writing-count{font-size:11px}.top-actions{gap:4px}.write-entry span{display:none}}
/* Built-in covers keep their title live, including at thumbnail sizes. */
.cover.preset-cover{position:relative;container-type:inline-size;aspect-ratio:2/3;height:auto;background:var(--preset-bg);color:var(--preset-ink);overflow:hidden;padding:0;isolation:isolate;border-radius:8px;box-shadow:0 3px 10px #16132b18}.preset-cover>svg,.preset-cover>.preset-background{position:absolute;inset:0;width:100%;height:100%;color:var(--preset-accent);object-fit:cover;z-index:-2}.preset-cover>.preset-shade{position:absolute;inset:0;background:linear-gradient(0deg,#0003,transparent 50%,#0002);z-index:-1}.preset-cover>.preset-brand{position:absolute;top:7%;left:10%;font:700 4.2cqw/1.4 system-ui;letter-spacing:.15em;opacity:.8}.cover.preset-cover>strong.preset-title{position:absolute;left:10%;right:10%;top:27%;bottom:17%;display:flex;align-items:center;font-size:calc(var(--title-scale) * 1cqw);font-weight:900;line-height:1.3;letter-spacing:-.04em;word-break:keep-all;overflow-wrap:anywhere;white-space:pre-wrap;margin:0;color:var(--preset-ink);text-shadow:0 2px 8px #0002;transform:none}.preset-cover>.preset-author{position:absolute;left:10%;right:10%;bottom:8%;font-size:5cqw;line-height:1.4;word-break:break-all;max-height:9%;overflow:hidden;opacity:.85}.writing-cover-picker{border:0;margin:0 0 25px;padding:0;min-width:0}.writing-cover-picker legend{font-size:14px;font-weight:700}.writing-cover-layout{display:grid;grid-template-columns:150px 1fr;gap:23px;align-items:start}.writing-cover-layout #writing-cover-preview .cover{width:100%}.cover-template-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.writing-form .cover-template-option{position:relative;display:block;margin:0;cursor:pointer;min-width:0}.cover-template-option input{position:absolute;opacity:0;width:1px;height:1px}.cover-template-thumb{display:block;border:3px solid transparent;padding:3px;border-radius:10px}.cover-template-thumb .cover{width:100%}.cover-template-option input:checked+.cover-template-thumb{border-color:var(--green);background:var(--soft)}.cover-template-option input:focus-visible+.cover-template-thumb{outline:3px solid var(--green);outline-offset:2px}.template-choice-label{display:block;text-align:center;font-size:11px;line-height:1.5;margin-top:5px}.cover-template-option:has(input:checked) .template-choice-label{color:var(--green);font-weight:900}.writing-cover-layout .helper{margin-top:14px}.cover-template-thumb .preset-brand,.cover-template-thumb .preset-title,.cover-template-thumb .preset-author{display:none}
@media(max-width:600px){.writing-cover-layout{grid-template-columns:1fr;gap:17px}#writing-cover-preview{width:140px;margin:0 auto}.cover-template-options{gap:4px}.cover-template-thumb{padding:2px;border-width:2px}.template-choice-label{font-size:10px}.writing-cover-picker>.helper{font-size:11px}.cover.preset-cover{border-radius:5px}}
.cover-template-thumb .cover.preset-cover>strong.preset-title{display:none}
.schedule-panel{margin:24px 0;padding:22px;border:1px solid var(--line);border-radius:10px;background:var(--soft)}.schedule-panel h2{font-size:17px;margin:0 0 12px}.schedule-panel p{line-height:1.7;font-size:13px}.schedule-panel label{display:flex;flex-direction:column;gap:9px;font-size:13px;font-weight:700}.schedule-panel input,.schedule-panel select{padding:12px;border:1px solid var(--line);border-radius:7px;max-width:100%;min-width:0;background:var(--paper);color:var(--ink)}.schedule-panel .form-row{gap:16px}.schedule-panel .primary{margin-top:14px}.schedule-plan{font-size:12px;color:var(--muted);margin:18px 0;overflow-wrap:anywhere}.schedule-plan p{display:flex;flex-direction:column;border-bottom:1px solid var(--line);padding:7px 0}.schedule-plan b{color:var(--ink)}.writing-card .schedule-select{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--green);margin-bottom:12px}.writing-card .schedule-select input{width:17px;height:17px;accent-color:var(--green)}
.share-work-summary{display:flex;align-items:center;gap:18px;margin-bottom:20px}.share-work-summary .share-cover{width:75px;flex-shrink:0}.share-work-summary .share-cover .cover{width:100%;height:112px}.share-work-summary h3{font-size:20px;line-height:1.5;margin:0 0 7px;overflow-wrap:anywhere}.share-work-summary p,.share-work-summary small{font-size:12px;color:var(--muted);line-height:1.7;margin:0}.share-access-note{padding:12px 14px;border-radius:8px;background:var(--soft);font-size:12px;line-height:1.8;color:var(--muted)}.share-native,.share-copy{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;margin-top:15px}.share-url-label{display:block;font-size:12px;margin-top:22px}.share-url-label input{display:block;width:100%;margin-top:9px;border:1px solid var(--line);background:var(--soft);color:var(--ink);padding:13px;border-radius:7px;font-size:12px}.share-social-links{display:flex;justify-content:center;gap:22px;font-size:12px;margin-top:24px}.share-social-links a{display:flex;align-items:center;gap:4px}.share-social-links svg{width:13px;height:13px}.writer-share{display:inline-flex;gap:6px;align-items:center}.writer-share svg{width:17px;height:17px}.writing-form>.writer-share{margin-right:16px;margin-bottom:15px}.share-dialog{max-width:480px}.share-dialog input:focus-visible{outline:2px solid var(--green)}
@media(max-width:600px){.reader-tools .icon-button{width:30px;padding:6px}.reader-back{max-width:48%}.reader-back span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.share-work-summary h3{font-size:17px}.share-social-links{gap:20px}}
.share-cover .cover:not(.preset-cover):not(.has-cover){padding:10px 8px}.share-cover .cover:not(.preset-cover):not(.has-cover) strong{font-size:13px;line-height:1.3;letter-spacing:-.3px}.share-cover .cover-author{font-size:5px;letter-spacing:.5px}.share-cover .cover-imprint{display:none}
.notification-link{position:relative}.unread-badge{position:absolute;top:2px;right:0;border-radius:20px;background:#df476b;color:white;font-size:9px;font-weight:800;min-width:16px;padding:2px 4px;line-height:1.3}.notification-summary{display:flex;align-items:center;gap:13px;border:1px solid var(--line);background:var(--soft);padding:17px 20px;border-radius:10px;margin:0 0 24px}.notification-summary>svg:first-child{color:var(--green)}.notification-summary>svg:last-child{margin-left:auto;width:17px}.notification-summary b{display:block;font-size:14px}.notification-summary small{display:block;font-size:12px;color:var(--muted);margin-top:5px}.reader-community{margin:45px 0 30px;border-top:1px solid var(--line);padding-top:30px;font-family:'Noto Sans KR',system-ui,sans-serif}.community-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.community-heading h2{font-size:20px;margin:0}.chapter-heart{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:13px}.chapter-heart svg{width:19px;height:19px}.chapter-heart.hearted{color:#db3f68;border-color:#efb5c5;background:#fff1f5}.chapter-heart.hearted svg{fill:currentColor}.comment-compose{margin-top:23px}.comment-compose label,.author-reply-form label{display:block;font-size:12px;font-weight:700;margin:14px 0 8px}.comment-compose input,.comment-compose textarea,.author-reply-form textarea{display:block;width:100%;border:1px solid var(--line);border-radius:7px;background:var(--paper);color:var(--ink);font-size:14px;padding:12px;line-height:1.7;margin-top:8px}.comment-compose input{max-width:230px}.comment-compose textarea,.author-reply-form textarea{resize:vertical}.comment-submit-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px}.comment-submit-row small{font-size:11px;color:var(--muted)}.comment-submit-row .primary,.author-reply-form .primary{font-size:12px}.comment-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:30px 0 0}.comment-toolbar h3{font-size:16px}.comment-toolbar h3 span{color:var(--green);margin-left:5px}.comment-toolbar .text-button{font-size:11px}.reader-comment{padding:20px 0;border-bottom:1px solid var(--line);scroll-margin-top:90px;overflow-wrap:anywhere}.comment-byline{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:12px}.comment-byline time{color:var(--muted);font-size:10px;margin-left:auto}.reader-comment .comment-body{font-size:14px;line-height:1.85;white-space:pre-wrap;margin:13px 0}.author-badge{font-size:10px;background:var(--soft);color:var(--green);border-radius:4px;padding:3px 6px}.reader-comment blockquote{font-size:11px;color:var(--muted);margin:10px 0 0;padding:8px 12px;border-left:3px solid var(--green);background:var(--soft)}.comment-row-actions{display:flex;justify-content:space-between;gap:12px}.comment-row-actions .text-button{font-size:11px}.comment-delete{color:var(--muted)}.author-reply-form{background:var(--soft);padding:12px 16px;border-radius:8px;margin-top:15px}.comment-empty{font-size:13px;color:var(--muted);padding:25px 0}.comment-more{display:block;margin:20px auto;font-size:12px}.comment-highlight{border-radius:7px;background:#fff6cf;outline:2px solid #f2cf6a;padding:20px 14px}.notification-page{max-width:850px;padding-top:35px;padding-bottom:60px}.notification-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:20px 0}.notification-toolbar b{font-size:14px}.notification-toolbar .secondary{font-size:11px}.notification-item{display:flex;flex-direction:column;gap:10px;width:100%;text-align:left;background:var(--paper);color:var(--ink);border:1px solid var(--line);padding:20px;border-radius:10px;margin:12px 0;overflow-wrap:anywhere}.notification-item.is-unread{background:var(--soft);border-left:4px solid var(--green)}.notification-item b{font-size:15px}.notification-item>span{font-size:13px;line-height:1.7}.notification-item .notification-mark{font-size:10px;font-weight:800;color:var(--green)}.notification-item small{font-size:11px;color:var(--muted)}.notification-item small svg{width:13px;height:13px}.author-reply-form .actions{margin-top:12px}
@media(max-width:600px){.topbar{gap:9px}.top-actions{gap:0}.notification-link{width:32px;padding:6px}.community-heading h2{font-size:17px}.chapter-heart{padding:9px 12px}.comment-submit-row{align-items:flex-start}.comment-submit-row small{max-width:55%;line-height:1.7}.notification-summary{padding:14px;margin-bottom:20px}.notification-summary b{font-size:12px}.notification-summary small{font-size:11px}.notification-page{padding-top:25px}.reader-community{margin-top:30px}}
.member-profile-panel,.member-setup-banner{padding:24px;border:1px solid var(--line);background:var(--soft);border-radius:10px;margin:0 0 24px}.member-profile-panel h2{font-size:20px;margin:5px 0 16px}.member-profile-panel p,.member-setup-banner p{font-size:13px;line-height:1.8;color:var(--muted)}.member-profile-panel label{display:block;font-size:13px;font-weight:700;margin:20px 0 12px}.member-profile-panel input{display:block;width:100%;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:7px;padding:14px;margin-top:10px}.member-profile-panel>.primary{display:inline-flex;margin-top:12px}.member-status{font-size:11px;color:var(--green);font-weight:700}.member-signout{display:block;font-size:12px;color:var(--muted);padding:16px 0}.member-setup-banner b{font-size:14px}.member-setup-banner .secondary{display:inline-flex;font-size:12px}.comment-member-name{font-size:13px;font-weight:700;color:var(--green);margin-top:18px}.member-profile-panel button:disabled{opacity:.5}
@media(max-width:600px){.member-profile-panel,.member-setup-banner{padding:20px}.member-profile-panel h2{font-size:18px}}
.reader-mode-toolbar{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;max-width:800px;padding:12px 20px;margin:auto;background:var(--reader-bg)}.reader-mode-toolbar label{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted)}.reader-mode-toolbar select{font-size:12px;border:1px solid var(--line);padding:9px 7px;border-radius:7px;background:var(--paper);color:var(--ink)}.reader-mode-toolbar button{border:1px solid var(--line);border-radius:7px;background:var(--paper);color:var(--ink);padding:10px 12px;font-size:12px;white-space:nowrap}.reader-mode-toolbar button.on,.reader-mode-toolbar button.is-saved{background:var(--soft);border-color:var(--green);color:var(--green)}.reader-mode-toolbar button b{font-size:10px;margin-left:4px}.reader-favorite{display:flex;align-items:center;gap:5px}.reader-favorite svg{width:16px;height:16px}.reader{max-width:780px;padding:30px 35px 60px;margin:auto}.reader.mode-page{padding-top:10px}.mode-page #page-viewport{width:100%;overflow:hidden;touch-action:pan-y;position:relative}.mode-page #reader-flow{width:100%;columns:auto;overflow:visible}.mode-page #reader-flow h1{font-size:24px;line-height:1.5;margin:12px 0 24px;break-after:avoid}.mode-page .prose{orphans:2;widows:2}.mode-page .prose p{margin:0 0 1.2em}.mode-page .reader-sample{margin:0 0 20px}.mode-page .page-pager{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:14px}.page-pager[hidden]{display:none}.page-pager button{display:flex;align-items:center;justify-content:center;gap:5px;font-size:12px;padding:10px 13px;min-width:90px}.page-pager svg{width:14px;height:14px}.page-pager span{font-size:12px;color:var(--muted);white-space:nowrap}.reader-mode-hint{font-size:11px;color:var(--muted);line-height:1.7;margin:16px 0}.binge-gate{display:flex;flex-direction:column;align-items:center;gap:14px;border-top:1px solid var(--line);padding:30px 0;margin-top:35px;min-height:160px}.binge-gate>span{font-size:12px;color:var(--muted)}.binge-gate>b{font-size:14px}.binge-gate .primary{display:flex;align-items:center;gap:8px;font-size:13px}.binge-gate .primary svg{width:16px;height:16px}.binge-gate>.text-button{font-size:12px}.mode-page:not(.last-page) .binge-gate{display:none}.mode-page .reader-community{margin-top:25px}.mode-page .reader-mode-hint{margin-bottom:24px}.mode-scroll #page-viewport{overflow:visible}.mode-scroll #reader-flow{columns:auto!important}.reader-mode-toolbar .is-saved svg{fill:currentColor}
@media(max-width:600px){.reader-mode-toolbar{gap:7px;padding:10px 13px}.reader-mode-toolbar label{gap:5px;font-size:10px}.reader-mode-toolbar select{padding:9px 4px;font-size:11px}.reader-mode-toolbar button{font-size:11px;padding:10px 8px}.reader-mode-toolbar button b{margin-left:2px}.reader-mode-toolbar .reader-favorite{gap:3px}.reader-mode-toolbar svg{width:14px;height:14px}.reader{padding:25px 23px 55px}.reader.mode-page{padding:10px 23px 40px}.mode-page .page-pager{gap:7px}.page-pager button{min-width:82px;font-size:11px;padding:10px}.reader-mode-hint{font-size:10px}.mode-page #reader-flow h1{font-size:22px}}
.storage-list-summary{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:18px 0 8px;font-size:12px;color:var(--muted)}.storage-list-summary b{font-weight:500;white-space:nowrap}.row-info .last-read-time{font-size:11px;color:var(--muted);margin:9px 0 0;line-height:1.6}.collection-page .page-title>p{line-height:1.9}
@media(max-width:600px){.storage-list-summary{font-size:10px;margin:15px 0 4px}.row-info .last-read-time{font-size:10px;margin-top:7px}}
.work-view-metrics{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:14px 0;font-size:12px}.work-view-metrics b{color:var(--green)}.work-view-metrics>span{font-size:10px;color:var(--muted);background:var(--soft);padding:3px 6px;border-radius:4px}.work-view-metrics small{display:block;flex-basis:100%;font-size:10px;color:var(--muted)}.catalog-views{font-size:10px;color:var(--muted)}.episode-view-count{font-size:10px;color:var(--muted);white-space:nowrap}.reading-view-count{font-size:10px;color:var(--muted);margin:6px 0 15px}
@media(max-width:600px){.work-view-metrics{margin:9px 0;font-size:10px}.work-view-metrics>span{font-size:9px}.episode-view-count{font-size:9px}.catalog-views{font-size:9px}.row-meta{flex-wrap:wrap}.work-view-metrics small{font-size:9px}}
.work-update-badges{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px;font-size:10px;color:var(--green)}.work-update-badges:empty{display:none}.work-update-badges b{background:#fff0d8;color:#935716;padding:3px 6px;border-radius:4px;font-size:10px}.work-update-badges>span{padding:3px 0}.report-work{font-size:11px;color:var(--muted);margin-bottom:10px}.report-dialog label{display:block;font-size:13px;font-weight:700;margin:17px 0}.report-dialog select,.report-dialog textarea{display:block;width:100%;padding:12px;border:1px solid var(--line);border-radius:7px;margin-top:8px;background:var(--paper);color:var(--ink)}.block-item{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.operation-report{border:1px solid var(--line);border-radius:10px;padding:22px;margin-bottom:20px}.operation-report h2{font-size:18px}.operation-report p,.operation-report blockquote{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.operation-report blockquote{margin:15px 0;padding:15px;background:var(--soft);border-left:3px solid var(--green)}.operation-report .actions{flex-wrap:wrap}.operation-report .actions button{font-size:11px}.report-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.report-heading small{font-size:11px;color:var(--muted)}.best-tabs{display:flex;border-bottom:1px solid var(--line);gap:30px;margin-bottom:20px}.best-tabs a{padding:14px 0;font-weight:700;border-bottom:3px solid transparent}.best-tabs a.active{color:var(--green);border-color:var(--green)}.best-filters{display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between}.best-filters>div{display:flex;gap:8px}.best-filters a{font-size:12px;padding:8px 16px;border-radius:30px;background:var(--soft)}.best-filters a.on{background:var(--green);color:white}.best-policy{background:var(--soft);padding:19px;margin:23px 0;border-radius:9px;font-size:12px;line-height:1.8}.best-policy p{margin:8px 0}.best-policy small{color:var(--muted);font-size:10px}.best-ranked{display:grid;grid-template-columns:35px 1fr;gap:15px;padding:18px 0;border-bottom:1px solid var(--line)}.best-rank{font-size:23px;font-weight:800;color:var(--green);padding-top:35px}.best-score{font-size:12px;color:var(--green);font-weight:700}.best-ranked .book-row{border:0;padding-bottom:0}.home-best-item{display:flex;align-items:center;gap:15px;padding:17px 0;border-bottom:1px solid var(--line)}.home-best-item>b{font-size:20px;color:var(--green)}.home-best-item>a{flex:1;font-weight:700;font-size:14px}.home-best-item>span{font-size:12px;color:var(--muted)}.revision-item{padding:18px 0;border-bottom:1px solid var(--line)}.revision-item small{display:block;color:var(--muted);font-size:11px;margin-top:7px}.revision-item p{font-size:12px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.revisions-dialog{max-width:650px}
@media(max-width:600px){.best-tabs{gap:22px;font-size:14px}.best-ranked{grid-template-columns:22px 1fr;gap:8px}.best-rank{font-size:18px}.best-policy{padding:15px;font-size:11px}.best-filters a{padding:7px 13px;font-size:11px}.best-score{font-size:11px}.operation-report{padding:17px}.operation-report h2{font-size:16px}.operation-report .actions{gap:7px}.work-update-badges{font-size:9px;gap:5px}.work-update-badges b{font-size:9px}}
/* Author consent and non-public manuscript review */
.policy-page{max-width:850px}.author-policy-copy{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;margin:20px 0}.author-policy-copy section+section{margin-top:25px}.author-policy-copy h2{font-size:18px;margin:0 0 10px}.author-policy-copy p{font-size:15px;line-height:1.85;color:#48475b;white-space:pre-line}.consent-panel{background:#f3f1ff;border-radius:18px;padding:24px;margin-bottom:25px}.consent-check{display:flex;align-items:flex-start;gap:12px;margin:20px 0;font-size:15px;line-height:1.65}.consent-check input{width:21px;height:21px;flex:0 0 21px;margin-top:3px;accent-color:#5144df}.policy-accepted{background:#e9f7ef;padding:18px;border-radius:12px;margin-bottom:16px}.policy-links{margin:0 0 22px}.review-manuscript{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.8;max-height:450px;overflow-y:auto;padding:14px;background:#f8f8fc;border-radius:10px}.content-review details{margin:16px 0}.content-review summary{cursor:pointer;font-weight:600}.content-review form{margin-top:16px}.content-review textarea{width:100%;box-sizing:border-box}.review-decision{background:#f1f0ff;border-radius:10px;padding:14px}.content-review .pill{white-space:normal}@media(max-width:600px){.author-policy-copy,.consent-panel{padding:18px}.author-policy-copy p{font-size:14px}.consent-check{font-size:14px}.content-review .actions{flex-direction:column;align-items:stretch}}
.author-cover-dialog .cover-dialog-preview{max-height:290px}.author-cover-dialog .consent-check{font-size:14px}.cover-submission-history{margin-top:24px;border-top:1px solid var(--line);padding-top:16px}.cover-submission-history article{display:flex;gap:15px;padding:12px 0;align-items:flex-start}.cover-submission-history img{width:65px;height:98px;object-fit:contain;background:#f3f1fa;border-radius:6px}.cover-submission-history article div{min-width:0;overflow-wrap:anywhere}.cover-submission-history p{font-size:13px;line-height:1.6}.cover-review-card{display:grid;grid-template-columns:minmax(140px,210px) 1fr;gap:24px}.cover-review-art{background:#f4f3fa;border-radius:12px;align-self:start;overflow:hidden}.cover-review-art img{width:100%;max-height:360px;object-fit:contain;display:block}.cover-review-card textarea{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:10px;font:inherit;padding:12px;margin:10px 0}.cover-review-card h2,.cover-review-card p{overflow-wrap:anywhere}@media(max-width:600px){.cover-review-card{grid-template-columns:1fr;gap:16px}.cover-review-art{max-width:190px;margin:auto}.cover-review-card .actions{flex-direction:column;align-items:stretch}.author-cover-dialog .consent-check{font-size:13px}}
/* Publication state and public author pages */
.serial-status{display:inline-flex;align-items:center;border-radius:6px;background:#eeecff;color:#5546c4;padding:3px 7px;font-size:11px;font-weight:700;line-height:1.3;white-space:nowrap}.serial-status.status-completed{background:#e6f5ed;color:#287153}.serial-status.status-paused{background:#fff1dc;color:#946020}.author-page-link{display:inline-flex;align-items:center;gap:4px;color:inherit}.author-page-link:hover{color:#5144df}.author-page-link svg{width:13px;height:13px}.serial-reader-info{border-top:1px solid var(--line);padding:22px 0;margin-top:5px}.serial-schedule{display:flex;align-items:center;gap:8px;font-size:14px}.serial-schedule svg{width:19px;height:19px;color:#6e63c9}.author-announcement{background:#f7f6ff;border-radius:14px;padding:20px;margin-top:18px}.author-announcement h2{font-size:16px;margin:0 0 10px}.author-announcement p,.public-author-bio{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.85}.author-announcement small{color:#888}.serial-settings-dialog form>label{display:block;margin:18px 0 8px}.serial-settings-dialog select,.serial-settings-dialog textarea{display:block;width:100%;box-sizing:border-box;border:1px solid var(--line);padding:12px;border-radius:10px;margin-top:8px;font:inherit}.serial-days{display:flex;gap:8px;flex-wrap:wrap;border:0;padding:0;margin:22px 0 8px}.serial-days legend{margin-bottom:12px}.serial-days label{display:flex;align-items:center;gap:5px;border:1px solid var(--line);padding:9px;border-radius:9px}.serial-days input{accent-color:#5144df}.author-page{padding-top:35px;padding-bottom:60px}.public-author-heading{display:flex;gap:24px;margin:28px 0 40px;padding:28px;border-radius:20px;background:linear-gradient(120deg,#eeecff,#f9f8ff);border:1px solid #e4e0ff}.public-author-heading>div{min-width:0;flex:1}.public-author-heading h1{font-size:27px;margin:9px 0 16px;overflow-wrap:anywhere}.author-avatar{width:65px;height:65px;flex:0 0 65px;display:grid;place-items:center;background:#fff;border-radius:18px;color:#6251cf}.author-avatar svg{width:31px;height:31px}.public-author-bio{font-size:15px;color:#55516d}.author-edit-page{max-width:800px}.row-genre .serial-status{margin-left:4px}.poster-meta .serial-status{font-size:10px}@media(max-width:600px){.public-author-heading{padding:20px;gap:14px;flex-direction:column}.public-author-heading h1{font-size:23px}.author-avatar{width:50px;height:50px;flex-basis:50px}.author-announcement{padding:16px}.serial-days{gap:6px}.serial-days label{padding:8px}}
/* Cover-led discovery home, based on the supplied mobile reference. */
body:has(.discovery-home){background:#fff;color:#19191c}.discovery-header{background:#fff;border:0}.discovery-header .topbar{height:76px}.discovery-header .brand{color:#151518}.discovery-header .brand-english{color:#7864d4}.discovery-header .icon-button{border-radius:50%}.discovery-header .write-entry{color:#6f55ca}.main-tabs.discovery-tabs{height:auto;min-height:66px;gap:12px;padding-top:5px;padding-bottom:13px;overflow-x:auto}.discovery-tabs>button,.main-tabs.discovery-tabs>a{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:0 0 auto;height:43px;border:1px solid #e7e7ea;border-radius:30px;background:#fff;color:#222126;padding:0 24px;font-size:14px;font-weight:600;white-space:nowrap}.discovery-tabs>button.active{background:#19191c;border-color:#19191c;color:#fff}.discovery-tabs>button svg{width:17px;height:17px;color:#d6c6ff}.main-tabs.discovery-tabs>.discovery-all-link{margin-left:auto;padding:0 17px;font-size:12px;border-color:transparent;color:#737077}.discovery-all-link svg{width:14px;height:14px}.discovery-home{padding-top:2px;padding-bottom:42px}.discovery-strip{display:flex;align-items:center;gap:13px;padding:13px 17px;background:#f5f4f8;border-radius:13px;font-size:12px;color:#747079;margin:0 0 24px}.discovery-strip .strip-label{font-size:10px;font-weight:800;letter-spacing:.01em;color:#6e58b0}.discovery-strip>svg{width:14px;height:14px;margin-left:auto;color:#aaa6b0}.discovery-section{margin:0 0 35px}.discovery-section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.discovery-eyebrow{font-size:9px;letter-spacing:1.5px;font-weight:700;color:#9a92ab}.discovery-section-heading h1{font-size:24px;font-weight:850;letter-spacing:-.8px;margin:6px 0 0}.discovery-section-heading>a{color:#242229;padding:8px}.discovery-section-heading svg{width:20px;height:20px}.discovery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.discovery-grid>.empty-state{grid-column:1/-1}.discovery-poster{position:relative;isolation:isolate;display:block;overflow:hidden;border-radius:18px;aspect-ratio:2/3;min-width:0;background:#262136;transition:transform .18s ease}.discovery-poster:hover{transform:translateY(-3px)}.discovery-poster:focus-visible{outline:3px solid #7656d0;outline-offset:4px}.discovery-art,.discovery-art>.cover{position:absolute;inset:0;width:100%;height:100%;border-radius:0;box-shadow:none;aspect-ratio:auto}.discovery-art>.cover{padding:0}.discovery-art .cover>strong,.discovery-art .cover-author,.discovery-art .cover-imprint,.discovery-art .preset-brand,.discovery-art .preset-author{display:none!important}.discovery-art .has-cover img{width:100%;height:100%;object-fit:contain;background:#18151c}.discovery-art .preset-cover>svg{transform:scale(1.06)}.discovery-poster:after{content:'';position:absolute;inset:28% 0 0;z-index:1;background:linear-gradient(0deg,rgba(12,9,20,.94),rgba(12,9,20,.68) 28%,transparent 90%);pointer-events:none}.discovery-badges{position:absolute;z-index:3;top:12px;left:12px;right:12px;display:flex;gap:5px;align-items:center}.discovery-badges>span{padding:4px 7px;font-size:10px;border-radius:6px;font-weight:800;line-height:1.4}.discovery-free{background:#f4ed87;color:#29251a}.discovery-sample{background:#ffffffde;color:#514960;margin-left:auto}.discovery-new{background:#7951cd;color:#fff;margin-left:auto}.discovery-copy{position:absolute;z-index:2;left:18px;right:18px;bottom:19px;color:white;text-align:left}.discovery-copy h3{font-size:21px;line-height:1.4;letter-spacing:-.6px;margin:0 0 8px;font-weight:850;word-break:keep-all;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 2px 10px #0005}.discovery-copy p{font-size:11px;color:#e4dfea;margin:0 0 5px;line-height:1.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.discovery-copy>span{font-size:10px;color:#c6becf;line-height:1.5}.discovery-copy i{font-style:normal;margin:0 3px;opacity:.55}.discovery-sample-note{font-size:10px;color:#aaa4ad;margin:12px 0 0}.discovery-home .section-heading{margin-bottom:16px}.discovery-home .section-heading h2{font-size:21px;letter-spacing:-.7px;color:#19191c}.discovery-home .section-heading>a{font-size:11px;color:#757079}.discovery-recent-rail{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-width:none;padding:0 0 8px}.discovery-recent-card{display:block;flex:0 0 137px;min-width:0;scroll-snap-align:start}.recent-art{position:relative;border-radius:13px;overflow:hidden;aspect-ratio:2/3;background:#eee}.recent-art>.cover{width:100%;height:100%;border-radius:0;box-shadow:none}.recent-art .cover>strong{font-size:19px;line-height:1.4}.recent-art .preset-title{font-size:calc(var(--title-scale) * 1cqw)!important}.recent-art .has-cover img{object-fit:contain}.recent-continue{position:absolute;bottom:0;left:0;right:0;padding:9px 6px;background:linear-gradient(0deg,#171020ef,#171020a0);display:flex;align-items:center;justify-content:center;gap:4px;color:#fff;font-size:10px;font-weight:600}.recent-continue svg{width:12px;height:12px}.discovery-recent-card h3{font-size:12px;line-height:1.5;font-weight:600;margin:9px 0 0;word-break:keep-all;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.discovery-recent-empty{display:flex;align-items:center;gap:13px;border:1px solid #ededf0;border-radius:14px;padding:18px}.discovery-recent-empty>span{display:grid;place-items:center;color:#8b80a3}.discovery-recent-empty>svg{margin-left:auto;width:17px;height:17px;color:#a39da9}.discovery-recent-empty b{font-size:13px}.discovery-recent-empty p{font-size:11px;color:#9b94a2;margin:5px 0 0}.discovery-best .home-best-item>b{color:#795dc6}.discovery-best .home-best-item{border-color:#f0eef3;padding:16px 0}.discovery-best .home-best-item>a{font-size:14px}.discovery-best .helper{padding:15px 0;color:#96909c}.discovery-writer{display:flex;align-items:center;gap:14px;border-radius:16px;padding:22px;background:#f6f3fc;margin-top:8px}.discovery-writer>span{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:#fff;color:#8061c5}.discovery-writer b{font-size:14px}.discovery-writer p{font-size:11px;margin:6px 0 0;color:#9b8bb0;line-height:1.7}.discovery-writer>svg{width:17px;height:17px;margin-left:auto;color:#a094b1}.discovery-drafts{margin-top:35px}body:has(.discovery-home) .site-footer{background:#fff}body:has(.discovery-home) .bottom-nav{background:rgba(255,255,255,.98);border-color:#efedf2}body:has(.discovery-home) .bottom-nav a.active{color:#18161d}body:has(.discovery-home) .bottom-nav a.active svg{stroke-width:2.4}
@media(max-width:800px){.discovery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.discovery-copy h3{font-size:18px}.discovery-copy{left:14px;right:14px}}
@media(max-width:600px){.discovery-header .topbar{height:64px;gap:8px}.discovery-header .brand{font-size:25px;gap:7px}.discovery-header .brand-english{font-size:9px}.discovery-header .top-actions{gap:2px}.discovery-header .icon-button{width:34px;height:36px;padding:8px}.main-tabs.discovery-tabs{gap:8px;padding-top:0;padding-bottom:12px;min-height:58px}.discovery-tabs>button,.main-tabs.discovery-tabs>a{height:39px;padding:0 19px;font-size:13px}.main-tabs.discovery-tabs>.discovery-all-link{display:none}.discovery-home{padding-left:16px;padding-right:16px;padding-top:0}.discovery-strip{padding:11px 12px;gap:9px;font-size:11px;margin-bottom:22px;border-radius:10px}.discovery-strip .strip-label{font-size:9px}.discovery-section-heading{margin-bottom:13px}.discovery-section-heading h1{font-size:21px;letter-spacing:-.7px;margin-top:4px}.discovery-eyebrow{font-size:8px}.discovery-section-heading svg{width:17px;height:17px}.discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.discovery-poster{border-radius:14px}.discovery-badges{top:9px;left:9px;right:9px}.discovery-badges>span{font-size:9px;padding:3px 6px;border-radius:5px}.discovery-copy{left:13px;right:12px;bottom:15px}.discovery-copy h3{font-size:18px;line-height:1.38;margin-bottom:7px;letter-spacing:-.6px}.discovery-copy p{font-size:10px;margin-bottom:4px}.discovery-copy>span{font-size:9px}.discovery-section{margin-bottom:29px}.discovery-sample-note{font-size:9px;margin-top:9px}.discovery-home .section-heading h2{font-size:20px}.discovery-home .section-heading>a{font-size:10px}.discovery-recent-rail{gap:11px;margin-right:-16px;padding-right:16px}.discovery-recent-card{flex-basis:108px}.recent-art{border-radius:11px}.recent-continue{font-size:9px;padding:7px 4px}.discovery-recent-card h3{font-size:11px;margin-top:8px}.discovery-best .home-best-item>a{font-size:13px}.discovery-writer{padding:18px;gap:12px}.discovery-writer b{font-size:13px}.discovery-writer p{font-size:10px}.discovery-writer>span{width:37px;height:37px}.discovery-main-section .discovery-copy h3{white-space:normal}}
@media(prefers-reduced-motion:reduce){.discovery-poster{transition:none}.discovery-poster:hover{transform:none}}
/* Mukrim entrance title chosen from the owner's proposed copy. */
.mukrim-welcome{padding:25px 0 29px;margin-bottom:23px;border-bottom:1px solid #eeecf2}.welcome-eyebrow{font-size:11px;font-weight:600;letter-spacing:.02em;color:#877699}.mukrim-welcome h1{font-size:36px;line-height:1.4;font-weight:850;letter-spacing:-1.4px;color:#19171e;margin:10px 0 12px;word-break:keep-all;overflow-wrap:anywhere}.mukrim-welcome h1>span{margin-left:.3em}.mukrim-welcome p{font-size:13px;color:#83778f;line-height:1.9;margin:0}.welcome-mobile-break{display:none}.discovery-section-heading h2{font-size:24px;font-weight:850;letter-spacing:-.8px;margin:6px 0 0}@media(max-width:600px){.mukrim-welcome{padding:18px 1px 23px;margin-bottom:24px}.welcome-eyebrow{font-size:10px}.mukrim-welcome h1{font-size:29px;line-height:1.42;letter-spacing:-1.1px;margin:9px 0 11px}.mukrim-welcome h1>span{display:block;margin-left:0}.mukrim-welcome p{font-size:11px;line-height:1.8}.welcome-mobile-break{display:inline}.discovery-section-heading h2{font-size:20px;letter-spacing:-.7px;margin-top:4px}}
/* Owner's final dark logo, displayed intact without cropping or recoloring. */
.brand .brand-logo,.footer-brand .brand-logo{display:block;width:56px;height:43px;object-fit:contain;flex:0 0 56px;background:#000;border-radius:8px}.brand .brand-wordmark,.footer-brand .brand-wordmark{display:flex;flex-direction:column;align-items:flex-start;gap:3px;line-height:1.1}.brand .brand-name{font-size:25px;letter-spacing:-1.4px;font-weight:850}.brand .brand-english,.discovery-header .brand .brand-english{font-size:8px;letter-spacing:1.6px;margin:0;color:#84715c;font-weight:650;line-height:1.2}.brand{gap:10px}.footer-brand{display:inline-flex;align-items:center;gap:10px}.footer-brand>.brand-wordmark{margin:0}.footer-brand .brand-name{font-size:20px;font-weight:800;letter-spacing:-1px;color:#37313e}.footer-brand .brand-english{font-size:8px;letter-spacing:1.4px;line-height:1.2;color:#918476;margin:0}@media(max-width:600px){.brand .brand-logo{width:50px;height:39px;flex-basis:50px;border-radius:7px}.brand,.discovery-header .brand{gap:7px}.brand .brand-name{font-size:23px}.brand .brand-english,.discovery-header .brand .brand-english{font-size:7px;letter-spacing:1.2px}.brand .brand-wordmark{gap:3px}.footer-brand .brand-logo{width:52px;height:40px;flex-basis:52px}.footer-brand .brand-name{font-size:18px}}
/* Final owner-selected light logo for the site's white background. */
.brand .brand-logo,.footer-brand .brand-logo{background:#fff;border-radius:0}
/* Owner requested the logo alone, positioned closer to the menu. */
.app-header .topbar,.discovery-header .topbar{column-gap:0}.app-header .topbar>.brand{margin-left:0;padding:0;flex:0 0 auto}.footer-brand{gap:0}

/* Audiobook artwork preview: original assets, character-focused CSS framing. */
.audiobook-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.audiobook-preview-label{font-size:11px;color:#8d8595;white-space:nowrap}.audiobook-preview-card{border:0;padding:0;text-align:left;font:inherit;cursor:pointer;background:#18161d;color:white;width:100%}.audiobook-preview-art{position:absolute;inset:0}.audiobook-preview-art img{display:block;width:100%;height:100%;object-fit:cover}.audiobook-preview-card:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 46%,rgba(12,10,14,.2) 57%,rgba(12,10,14,.92) 100%);pointer-events:none}.audiobook-preview-card .discovery-copy{z-index:2}.audiobook-preview-card .discovery-copy>span{display:flex;align-items:center;gap:5px}.audiobook-preview-card .discovery-copy svg{width:12px;height:12px}.audiobook-original{display:block;width:100%;height:auto;border-radius:10px}.audiobook-original-dialog{max-width:900px}.audiobook-preview-card:hover img{filter:brightness(1.05)}@media(max-width:600px){.audiobook-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.audiobook-preview-label{font-size:10px}}

.audiobook-preview-card .discovery-copy h3{color:#fff}.audiobook-preview-card .discovery-copy p{color:#eee7f2}.audiobook-preview-card .discovery-copy>span{color:#d9d0e1}

/* Compact welcome beside the logo; catalogue begins directly below navigation. */
.app-header .topbar>.header-welcome{flex:1 1 auto;min-width:0;margin:0 12px 0 10px;font-size:20px;line-height:1.4;letter-spacing:-.6px;font-weight:800;color:var(--ink);word-break:keep-all}.header-welcome>span{white-space:nowrap}.discovery-home .audiobook-preview{margin-top:10px}@media(max-width:600px){.app-header .topbar>.header-welcome{font-size:13px;line-height:1.45;letter-spacing:-.3px;margin:0 5px 0 7px}.header-welcome>span{display:block}.app-header .top-actions{flex-shrink:0;gap:0}.app-header .top-actions .icon-button{width:32px;height:36px;padding:7px}.discovery-home .audiobook-preview{margin-top:4px}.discovery-home .audiobook-preview .discovery-section-heading{margin-top:0}}@media(max-width:350px){.app-header .topbar>.header-welcome{font-size:11px;margin-left:4px;margin-right:3px}.app-header .top-actions .icon-button{width:29px;padding:6px}}

/* Full-width featured work followed by four covers per row, including phones. */
.audiobook-featured-section{margin:5px 0 23px}.audiobook-featured{position:relative;display:block;width:100%;padding:0;border:0;background:#eee;border-radius:16px;overflow:hidden;aspect-ratio:16/9;cursor:pointer}.audiobook-featured>img{display:block;width:100%;height:100%;object-fit:contain}.audiobook-featured>.featured-preview-label{position:absolute;top:10px;right:10px;padding:5px 9px;border-radius:20px;background:rgba(0,0,0,.68);color:white;font-size:11px}.discovery-home .discovery-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.audiobook-preview-card{aspect-ratio:auto;overflow:visible;border-radius:0;background:transparent;color:#211d27}.audiobook-preview-card:after{display:none}.audiobook-preview-art{position:relative;inset:auto;width:100%;aspect-ratio:2/3;overflow:hidden;border-radius:12px}.audiobook-preview-card .discovery-copy{position:static;left:auto;right:auto;bottom:auto;padding:9px 0 0}.audiobook-preview-card .discovery-copy h3{font-size:16px;line-height:1.4;margin:0 0 3px;color:#211d27;text-shadow:none;-webkit-line-clamp:2}.audiobook-preview-card .discovery-copy p{font-size:11px;color:#8d8595;white-space:normal;margin:0}@media(max-width:600px){.audiobook-featured-section{margin:3px 0 19px}.audiobook-featured{border-radius:11px}.audiobook-featured>.featured-preview-label{top:7px;right:7px;padding:4px 7px;font-size:8px}.discovery-home .discovery-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.audiobook-preview-art{border-radius:8px}.audiobook-preview-card .discovery-copy{padding-top:6px}.audiobook-preview-card .discovery-copy h3{font-size:12px;letter-spacing:-.4px}.audiobook-preview-card .discovery-copy p{font-size:9px}.discovery-main-section .discovery-poster{border-radius:8px}.discovery-main-section .discovery-copy{left:6px;right:6px;bottom:8px}.discovery-main-section .discovery-copy h3{font-size:11px;line-height:1.4;margin-bottom:3px}.discovery-main-section .discovery-copy p,.discovery-main-section .discovery-copy>span{font-size:8px}.discovery-main-section .discovery-badges{top:5px;left:5px;right:5px;gap:2px;flex-wrap:wrap}.discovery-main-section .discovery-badges>span{font-size:7px;padding:2px 3px}}

/* Automatic MUKRIM branding on every rendered work cover. Original image bytes stay intact. */
.cover-logo-stamp{position:absolute;display:block;top:auto;bottom:4%;right:4%;width:11%;max-width:22px;min-width:7px;aspect-ratio:1;z-index:5;pointer-events:none;background:#fff url('/icons/mulimin-192-v2.png') center/contain no-repeat;border-radius:22%;box-shadow:0 1px 5px #0002}.audiobook-featured>.cover-logo-stamp{top:auto;bottom:4%;right:2.5%;width:4%;max-width:28px;min-width:12.5px}.audiobook-featured>.featured-preview-label{right:auto;left:10px}.discovery-badges{justify-content:flex-start;right:29%;gap:4px}.discovery-badges>span{flex:0 0 auto}.discovery-poster .discovery-art .cover-logo-stamp{z-index:5}.discovery-art{z-index:auto}.discovery-poster .discovery-art .cover{overflow:hidden}.cover-author{padding-right:24%}

@media(max-width:600px){.discovery-main-section .discovery-badges{right:29%;flex-wrap:wrap}.discovery-main-section .discovery-badges>.discovery-new{position:absolute;left:0;top:18px}}

.author-cover-dialog .cover-drop{min-height:130px;display:flex;flex-direction:column;justify-content:center;gap:12px;border:2px dashed #a8b9a8}.author-cover-dialog .cover-drop>strong{font-size:14px}.author-cover-dialog .cover-drop>span{margin-top:0;font-size:11px}.cover-drop-preview.drag-over{outline:3px solid #779672;background:#e0eddc}

.community-reactions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.community-favorite{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;font-size:13px}.community-favorite svg{width:19px;height:19px}.community-favorite.is-saved{color:var(--green);border-color:var(--green);background:var(--soft)}.community-favorite.is-saved svg{fill:currentColor}@media(max-width:600px){.community-heading{flex-wrap:wrap}.community-heading h2{flex:1 0 100%}.community-reactions{width:100%;margin-top:4px}.community-reactions>button{flex:1;justify-content:center;padding:11px 10px;font-size:12px}}

.reader-auth-panel{max-width:440px;margin:24px auto}.reader-auth-panel form{display:grid;gap:14px}.reader-auth-panel label{display:grid;gap:7px;font-weight:600;margin:0}.reader-auth-panel input{width:100%;box-sizing:border-box;min-height:48px;margin:0}.reader-auth-panel .primary,.reader-kakao{width:100%;min-height:48px;justify-content:center}.reader-auth-tabs{display:flex;gap:8px;margin:20px 0}.reader-auth-tabs button{flex:1;padding:12px;border:1px solid var(--line,#ddd);border-radius:10px;background:transparent;color:inherit}.reader-auth-tabs [aria-pressed=true]{background:#7253a6;color:white}.reader-auth-divider{text-align:center;margin:18px 0;color:#888}.reader-kakao{border:0;border-radius:10px;background:#fee500;color:#191919;font-weight:700;padding:14px}.reader-kakao:disabled{opacity:.65;cursor:default}.reader-admin-login{display:block;text-align:center;font-size:13px;margin-top:22px;text-decoration:underline}.reader-auth-panel .error:empty{display:none}

.reader-view-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px}.reader-view-controls button{justify-content:center;min-height:46px}.reader-view-controls .selected{background:#7253a6;color:#fff;border-color:#7253a6}.reader-settings-done{display:flex;width:100%;justify-content:center;margin-top:12px;min-height:46px}.reader-settings-dialog{max-height:85dvh;overflow:auto}.reader-settings-dialog .setting-group{margin-bottom:20px}@media(max-width:600px){.app-dialog.reader-settings-dialog{position:fixed;top:auto;bottom:0;left:0;right:0;margin:0;width:100%;max-width:none;max-height:85dvh;border-radius:20px 20px 0 0;padding:22px 20px calc(20px + env(safe-area-inset-bottom));box-sizing:border-box}}

.reader-menu-actions{display:flex;gap:10px;margin:0 0 20px}.reader-menu-actions button{flex:1;justify-content:center;min-height:44px;font-size:13px}.reader-menu-actions .selected,.reader-menu-actions .is-saved{background:var(--soft);border-color:var(--green);color:var(--green)}.reader-menu-actions .is-saved svg{fill:currentColor}

.app-dialog.menu-dialog{position:fixed;inset:0 0 0 auto;margin:0;width:min(290px,78vw);max-width:none;height:100dvh;max-height:100dvh;padding:26px 20px max(22px,env(safe-area-inset-bottom));border:0;border-left:1px solid var(--line);border-radius:18px 0 0 18px;box-sizing:border-box;overflow-y:auto;animation:reader-drawer-in .18s ease-out}.app-dialog.menu-dialog[open]{display:flex;flex-direction:column}.menu-dialog .dialog-heading h2{font-size:17px;white-space:nowrap}.menu-dialog .dialog-heading{margin-bottom:0;gap:8px}.menu-dialog .dialog-heading button{flex-shrink:0;width:32px;height:36px}.menu-dialog::backdrop{background:#15121b55;backdrop-filter:blur(1px)}.drawer-description{font-size:11px;color:var(--muted);margin:10px 0 24px}.reader-drawer-links{display:flex;flex-direction:column}.reader-drawer-links a{display:flex;align-items:center;gap:11px;min-height:63px;border-bottom:1px solid var(--line);font-size:13px}.reader-drawer-links a>svg{width:20px;height:20px;color:#7253a6;flex-shrink:0}.reader-drawer-links a>svg:last-child{width:13px;margin-left:auto;color:var(--muted)}.drawer-bottom{margin-top:auto;padding-top:32px}.drawer-admin-label{font-size:10px;color:var(--muted);margin:0 0 10px}.drawer-bottom .menu-admin{font-size:11px;padding:14px 0}.drawer-signature{font-size:10px;color:var(--muted);margin:24px 0 0}.reader-help-page{max-width:800px;padding-top:25px;padding-bottom:50px}.reader-help-back{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--muted)}.reader-help-back svg{width:16px;height:16px}.reader-help-page h1{font-size:27px}.reader-help-page h2{font-size:18px}.reader-help-page .page-title{margin:25px 0}.reader-help-page .page-title>p{font-size:13px;line-height:1.8;color:var(--muted)}.reader-help-card{padding:21px;border:1px solid var(--line);border-radius:12px;background:var(--paper);margin:15px 0;font-size:14px;line-height:1.8}.reader-help-card summary{cursor:pointer}.reader-help-card summary b{display:block}.reader-help-card small{font-size:11px;color:var(--muted)}.reader-help-body{white-space:pre-wrap;overflow-wrap:anywhere;margin:18px 0}.reader-help-empty{padding:35px 20px;text-align:center;color:var(--muted);font-size:13px}.reader-help-form{display:grid;gap:16px}.reader-help-form label{display:grid;gap:8px;font-size:13px}.reader-help-form input,.reader-help-form textarea,.reader-help-form select{width:100%;box-sizing:border-box;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink)}.reader-help-form .reader-help-checkbox{display:flex;align-items:center}.reader-help-checkbox input{width:auto}.reader-help-form .error:empty{display:none}.reader-help-answer{border-left:3px solid #7253a6;padding:10px 14px;background:var(--soft);margin-bottom:14px;white-space:pre-wrap;overflow-wrap:anywhere}.reader-audiobook-list{display:grid;grid-template-columns:1fr 1fr;gap:20px}.reader-audiobook-item{display:flex;gap:17px;padding:20px;border:1px solid var(--line);border-radius:12px;align-items:center}.reader-audiobook-item>a{width:95px;flex-shrink:0}.reader-audiobook-item .cover{height:auto;aspect-ratio:2/3;width:100%}.reader-audiobook-item h2{margin:0 0 8px;font-size:17px}.reader-audiobook-item p{font-size:12px;color:var(--muted)}.reader-audiobook-text{display:flex;align-items:center;gap:5px;font-size:12px;margin-top:12px}.reader-audiobook-text svg{width:12px;height:12px}@keyframes reader-drawer-in{from{transform:translateX(100%)}to{transform:translateX(0)}}@media(max-width:600px){.reader-audiobook-list{grid-template-columns:1fr}.reader-help-page{padding-top:20px}.reader-audiobook-item{padding:16px}.reader-help-page h1{font-size:23px}}@media(prefers-reduced-motion:reduce){.app-dialog.menu-dialog{animation:none}}

body:has(.menu-dialog[open]){overflow:hidden}.reader-help-card{overflow-wrap:anywhere}

.header-welcome>.header-greeting{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom}@media(max-width:600px){.header-welcome>.header-greeting{display:block}}

.readtop[hidden]{display:none!important}.reader-menu-title{font-size:13px;color:var(--muted);margin:0 0 12px}.reader-menu-navigation{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.reader-menu-navigation .secondary{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:42px;padding:9px 12px;font-size:12px}.reader-menu-navigation svg{width:17px;height:17px}.reader-menu-trigger:focus-visible{position:fixed;top:8px;left:8px;width:auto;height:auto;clip:auto;clip-path:none;overflow:visible;padding:12px;z-index:20;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:8px}

.site-footer{margin-top:12px;padding:16px 0 24px}.site-footer .footer-brand{display:flex;width:fit-content}.site-footer p{margin:4px 0 10px;line-height:1.6}.site-footer .footer-bottom{gap:8px}@media(max-width:600px){.site-footer{margin-top:10px;padding:14px 0 88px}.site-footer p{margin:4px 0 10px}.site-footer .footer-bottom{gap:8px}}

.header-gangho{color:var(--ink)}.favorite-updates-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px 0;padding:18px 20px;background:#f0f6e9;border:1px solid #dfebd5;border-radius:14px}.favorite-updates-panel b{font-size:14px;color:#3b6948}.favorite-updates-panel p{font-size:11px;line-height:1.8;color:#7a8974;margin:5px 0 0}.favorite-updates-panel button{font-size:11px;white-space:nowrap;margin:0}.favorite-count-badge{display:inline-block;background:#eaf3df;color:#497137;font-size:10px;font-weight:600;border-radius:6px;padding:3px 6px;line-height:1.6}.my-stats .favorite-count-badge{margin-top:7px}.shelf-updates-empty{padding:35px 15px;text-align:center;color:var(--muted);font-size:13px;line-height:1.8}[hidden]{display:none!important}body.dark .favorite-updates-panel{background:#2e4030;border-color:#465d40}body.dark .favorite-updates-panel b{color:#c2d9b4}body.dark .favorite-updates-panel p{color:#acbca5}body.dark .favorite-count-badge{background:#425b36;color:#d2e8bd}@media(max-width:650px){.app-header .top-actions{gap:9px}.app-header .top-actions .icon-button{width:26px;height:32px}.app-header .top-actions .icon-button svg{width:23px;height:23px}.favorite-updates-panel{padding:15px 13px;gap:10px}.favorite-updates-panel b{font-size:12px}.favorite-updates-panel p{font-size:10px}.favorite-updates-panel button{font-size:10px;padding:9px}.app-header .header-welcome{min-width:0}}@media(max-width:360px){.app-header .top-actions{gap:6px}.app-header .top-actions .icon-button{width:23px}.app-header .header-welcome{font-size:13px}}

.reader-tools{flex-shrink:0;align-items:center}.reader-home{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:50px;min-height:44px;padding:8px;font-size:13px;font-weight:650;border-radius:8px}.reader-home:hover{background:var(--soft)}.reader-home svg{width:18px;height:18px}.readbar{gap:8px}

.drawer-session-actions{margin-top:16px;border-top:1px solid var(--line);padding-top:12px}.drawer-session-actions .member-signout{display:flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box;min-height:44px;padding:12px 16px;border:1px solid var(--line);border-radius:10px;background:var(--paper);font-size:14px;font-weight:600;color:var(--ink);cursor:pointer}