@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700&family=Noto+Serif+KR:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#101617;--sidebar:#111b1c;--panel:#192324;--panel-hi:#22302f;--panel-dark:#151d1d;--border:#2a3737;--text:#f1f0ea;--muted:#a0aaa6;--subtle:#72817e;--accent:#d7ad74;--accent-dark:#aa8050;--green:#83b09c;--paper:#f4f0e8;--ink:#34352f;--shadow:0 28px 80px rgba(0,0,0,.24);font-family:'DM Sans','Noto Sans KR',system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg);color:var(--text)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.42;cursor:not-allowed}a{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:#c89b66;color:#111}
.icon{width:18px;height:18px;display:inline-block;vertical-align:-3px;flex:0 0 auto;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.icon.sm{width:15px;height:15px}.icon.lg{width:22px;height:22px}.icon.xl{width:28px;height:28px}
.boot{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;color:var(--muted)}.boot-logo{display:grid;place-items:center;width:70px;height:70px;background:#234035;color:#dfbc81;border:1px solid #5c6755;border-radius:19px;font-family:serif;font-size:34px}
.app-shell{display:grid;grid-template-columns:252px minmax(0,1fr);min-height:100vh}.sidebar{z-index:10;background:var(--sidebar);border-right:1px solid var(--border);position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:28px 17px 21px}.brand{display:flex;gap:12px;align-items:center;padding:5px 12px 36px;cursor:pointer}.brand-mark{display:grid;place-items:center;width:40px;height:42px;background:#264137;border:1px solid #486553;color:var(--accent);border-radius:11px;font-family:serif;font-size:24px;font-weight:700;box-shadow:inset 0 0 15px #0002}.brand-text{display:flex;flex-direction:column;gap:2px}.brand-text strong{font-family:'Noto Serif KR',serif;font-size:21px;font-weight:600;letter-spacing:.06em}.brand-text small{color:#879a90;font-size:10px;letter-spacing:.11em}.nav-label{font-size:10px;font-weight:700;letter-spacing:.17em;color:#667a73;padding:0 16px;margin:8px 0 13px}.nav-item{display:flex;align-items:center;gap:12px;padding:13px 14px;border:0;border-radius:9px;background:none;color:#b1bcb6;text-align:left;width:100%;margin-bottom:5px;font-size:13px;font-weight:600}.nav-item:hover{background:#1e2d2b}.nav-item.active{background:#283a32;color:#e6cead}.nav-item .pill-count{margin-left:auto;font-size:11px;font-weight:700;color:#9bb4a6}.sidebar-stats{margin-top:auto;padding:19px 15px;border-top:1px solid #293836}.sidebar-stats .stat-number{font-size:24px;font-family:Georgia,serif;color:#e7d4b3}.sidebar-stats .stat-caption{color:#83958d;font-size:11px;margin-top:5px}.sidebar-bottom{padding:9px 10px;color:#6c8279;font-size:10px;line-height:1.8}.main{min-width:0}.topbar{height:83px;padding:0 52px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:20px}.breadcrumb{font-size:12px;color:#899a91;display:flex;align-items:center;gap:10px}.breadcrumb strong{color:#e7ebdf;font-size:14px;font-weight:600}.top-actions{display:flex;align-items:center;gap:10px}.avatar{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#34483f;color:#e1c497;font-size:13px;font-weight:700;border:1px solid #466151}.badge{font-size:10px;letter-spacing:.08em;white-space:nowrap;color:#a3c3af;background:#263c35;border:1px solid #335347;border-radius:100px;padding:6px 10px}.badge.gold{color:#e4c391;background:#3b3227;border-color:#64503a}.badge.ghost{background:transparent;color:#9caea4;border-color:#32433e}.content{max-width:1360px;margin:0 auto;padding:40px 54px 70px}.eyebrow{color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.19em;text-transform:uppercase}.page-title{font-family:'Noto Serif KR',Georgia,serif;font-size:31px;font-weight:600;margin:11px 0 10px;letter-spacing:-.06em}.page-desc{font-size:13px;color:#96a79e;line-height:1.8;margin:0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:36px 0 18px}.section-heading h2{font-family:'Noto Serif KR',serif;font-weight:500;font-size:19px;margin:0;letter-spacing:-.05em}.section-heading .section-hint{font-size:12px;color:var(--subtle)}
.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;background:#273734;border:1px solid #3b4d48;border-radius:8px;color:#e9efe6;font-weight:600;padding:11px 15px;font-size:12px;white-space:nowrap}.btn:hover{background:#33483f}.btn.primary{background:#d2ac76;border-color:#d2ac76;color:#18221e}.btn.primary:hover{background:#e4bd84}.btn.ghost{background:transparent;border:1px solid transparent;color:#aabbb1}.btn.ghost:hover{background:#273633}.btn.quiet{background:none;border-color:#34443e;color:#c0c9c1}.btn.danger{border-color:#835248;background:#482b2a;color:#ffccbd}.btn.small{font-size:11px;padding:8px 11px}.btn.round{padding:9px;aspect-ratio:1}.btn .icon{width:16px;height:16px}.btn + .btn{margin-left:0}.btn-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.hero{margin-top:30px;background:linear-gradient(120deg,#243b34 0%,#1d302b 48%,#182c2c 100%);border:1px solid #3a5248;border-radius:15px;padding:32px;min-height:280px;display:grid;grid-template-columns:1.1fr .9fr;position:relative;overflow:hidden;box-shadow:var(--shadow)}.hero:before{content:'';position:absolute;right:-130px;top:-290px;height:600px;width:600px;border:1px solid #bda17222;border-radius:50%;box-shadow:0 0 0 100px #bda17208,0 0 0 200px #bda17205;pointer-events:none}.hero h2{font-family:'Noto Serif KR',serif;font-size:27px;line-height:1.55;letter-spacing:-.04em;font-weight:500;max-width:450px;margin:16px 0}.hero p{font-size:12px;color:#b4c3b6;line-height:2;max-width:450px;margin:0 0 24px}.hero-art{position:relative;display:flex;align-items:center;justify-content:center}.hero-book{height:224px;width:163px;border-radius:4px 12px 12px 4px;background:linear-gradient(135deg,#63533d,#24372d 60%,#132520);box-shadow:16px 23px 25px #07151188,6px 2px 0 #d0c6a9,9px 2px 0 #263428;transform:rotate(-11deg);border:1px solid #cfb98566;display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center;padding:18px;gap:15px}.hero-book .book-stamp{border:1px solid #c6a67a66;border-radius:50%;width:45px;height:45px;display:grid;place-items:center;color:#e4c798;font-size:24px;font-family:serif}.hero-book .book-quote{font-family:'Noto Serif KR',serif;color:#e4d3af;font-size:12px;line-height:1.7}.hero-book .book-mini{font-size:8px;color:#afad96;letter-spacing:.2em}.hero-ribbon{position:absolute;right:21%;bottom:17px;font-size:11px;color:#91ada0;transform:rotate(-11deg)}
.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:22px}.metric{background:#182323;border:1px solid #293a36;border-radius:11px;padding:20px 22px;display:flex;gap:15px;align-items:center}.metric-icon{width:42px;height:42px;border:1px solid #3b5147;background:#23372f;border-radius:11px;display:grid;place-items:center;color:#d7af78}.metric strong{font-size:24px;font-family:Georgia,serif;font-weight:400;display:block;color:#ecede5}.metric small{font-size:11px;color:#8ba098}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:25px 0 20px;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:5px;background:#182322;border:1px solid #2a3a34;border-radius:9px;padding:4px}.filter{color:#91a69d;border:0;background:transparent;border-radius:7px;padding:9px 16px;font-size:11px;font-weight:600}.filter.active{color:#efeee7;background:#30453b}.searchbox{display:flex;align-items:center;gap:8px;border:1px solid #33413b;background:#1b2926;border-radius:8px;padding:0 12px;min-width:220px;color:#81978d}.searchbox input{outline:none;background:transparent;border:0;height:37px;width:100%;color:var(--text);font-size:12px}.searchbox input::placeholder{color:#688175}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:25px}.book-card{min-width:0;cursor:pointer;position:relative}.cover-frame{aspect-ratio: .73;overflow:hidden;background:linear-gradient(145deg,#605036,#203b33 70%);border-radius:7px 11px 11px 7px;border:1px solid #ffffff22;box-shadow:8px 10px 22px #0005;position:relative;display:flex;align-items:center;justify-content:center;transition:transform .2s}.book-card:hover .cover-frame{transform:translateY(-5px)}.cover-frame:after{content:'';position:absolute;left:7px;top:0;bottom:0;border-left:1px solid #ffffff22;border-right:1px solid #0008;width:3px}.cover-img{width:100%;height:100%;object-fit:cover}.cover-text{padding:25px 21px;text-align:center;position:relative;z-index:1}.cover-text:before,.cover-text:after{content:'✧';display:block;font-size:19px;margin:19px 0;color:#ead7a8aa}.cover-text h3{font-family:'Noto Serif KR',serif;font-weight:500;letter-spacing:-.05em;font-size:21px;line-height:1.55;margin:0;color:#f6e6c6;overflow-wrap:anywhere}.cover-text small{color:#c5bb9f;font-size:10px}.cover-shine{position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,#ffffff13,transparent 27%,transparent 78%,#0004)}.book-meta{padding:14px 2px}.book-meta h3{font-size:13px;font-weight:600;margin:0 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-meta .book-byline{font-size:11px;color:#8b9e94}.book-progress{height:3px;background:#30423a;border-radius:10px;margin-top:13px;overflow:hidden}.book-progress span{display:block;height:100%;background:#cba873;border-radius:10px}.book-meta-footer{display:flex;justify-content:space-between;gap:4px;margin-top:8px;color:#788c82;font-size:10px}.add-book-card{border:1px dashed #42534b;border-radius:10px;min-height:278px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#94a59a;gap:12px;background:#15211f;cursor:pointer}.add-book-card:hover{border-color:#d0a671;color:#e5c18a;background:#1e2f28}.add-book-card .plus-circle{display:grid;place-items:center;height:52px;width:52px;border-radius:100px;border:1px solid #485a50;background:#27382f;color:#d6ad79}.add-book-card strong{font-weight:600;font-size:12px}.add-book-card small{font-size:10px;color:#6f867b}.empty{text-align:center;padding:55px 24px;border:1px dashed #3a4a40;border-radius:12px;color:#96aa9e}.empty h3{font-family:'Noto Serif KR',serif;color:#e6e5da;font-weight:500}.empty p{font-size:12px;line-height:1.8}
.reader-shell{display:flex;flex-direction:column;height:100vh;background:#141d1c}.reader-top{height:66px;flex-shrink:0;border-bottom:1px solid #304038;display:flex;align-items:center;justify-content:space-between;padding:0 31px;gap:15px}.reader-top .reader-book-name{font-size:12px;color:#d5ddd4;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:340px}.reader-top .reader-chapter-name{font-size:10px;color:#8fa39a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader-top-center{display:flex;gap:8px;align-items:center}.reader-top .back-btn{color:#b6c4bb;display:flex;align-items:center;gap:8px;padding:8px 0;border:0;background:transparent;font-size:12px}.reader-surface{position:relative;flex:1;min-height:0;display:flex;justify-content:center;background:var(--paper);color:var(--ink)}.reader-surface[data-theme='sepia']{--paper:#f4f0e8;--ink:#373831;--paper-muted:#817c6d}.reader-surface[data-theme='white']{--paper:#fff;--ink:#252525;--paper-muted:#767676}.reader-surface[data-theme='night']{--paper:#192322;--ink:#e4e2d8;--paper-muted:#a3b4ab}.reader-scroll{width:100%;overflow-y:auto;scroll-behavior:smooth;scrollbar-color:#ab9c7d transparent;background:var(--paper)}.reader-page{max-width:var(--reader-width,760px);padding:66px 44px 130px;margin:0 auto}.reader-kicker{text-align:center;color:#977857;font-size:11px;font-weight:700;letter-spacing:.2em;margin-bottom:27px}.reader-title{text-align:center;font-family:'Noto Serif KR',serif;font-size:27px;line-height:1.65;font-weight:600;letter-spacing:-.05em;margin:0 0 23px}.reader-flourish{display:flex;align-items:center;justify-content:center;margin:0 0 54px;gap:17px;color:#b29972}.reader-flourish:before,.reader-flourish:after{content:'';height:1px;width:70px;background:#d0c5b3}.reader-prose{font-family:'Noto Serif KR','Batang',serif;font-size:var(--reader-size,17px);line-height:var(--reader-line-height,2.05);letter-spacing:-.015em;overflow-wrap:anywhere}.reader-prose p{margin:0 0 1.55em;white-space:pre-wrap;text-indent:1em}.reader-prose h1,.reader-prose h2,.reader-prose h3{font-family:'Noto Serif KR',serif;line-height:1.5;font-size:1.2em;margin:2em 0 1em;text-indent:0}.reader-prose blockquote{border-left:2px solid #ad9b80;margin:1.5em 0;padding:0 0 0 1.3em;color:var(--paper-muted);font-style:italic}.reader-prose hr{border:none;border-top:1px solid #c3b9aa;margin:3em 20%}.illustration{display:block;margin:2.7em -12% 2.8em;max-width:124%;text-align:center}.illustration img{display:block;width:100%;height:auto;max-height:650px;object-fit:contain;background:#1e292a;border-radius:3px;cursor:zoom-in;box-shadow:0 10px 25px #0002}.illustration figcaption{color:var(--paper-muted);font:normal 11px/1.8 'Noto Sans KR',sans-serif;text-indent:0;margin:12px 0 0}.illustration.no-image{padding:20px;background:#a77b5033;border:1px dashed #b89972;color:var(--paper-muted);font-size:12px}.reader-bottom{height:57px;flex-shrink:0;background:#17211e;border-top:1px solid #2f3e36;display:flex;align-items:center;justify-content:center;gap:22px;padding:0 20px}.reader-bottom .progress-line{width:min(290px,25vw);height:3px;background:#34463e;border-radius:10px;overflow:hidden}.reader-bottom .progress-line span{display:block;height:100%;background:#d3ab76}.reader-bottom small{font-size:10px;color:#94a79c;white-space:nowrap}.reader-bottom .btn{padding:8px 10px}.reader-settings{position:absolute;right:21px;top:18px;background:#25352f;color:#eff0e9;border:1px solid #445648;border-radius:12px;padding:20px;width:252px;box-shadow:0 16px 50px #0005;z-index:8}.reader-settings h3{margin:0 0 15px;font-size:13px}.setting-row{margin-top:15px}.setting-row label{font-size:11px;color:#adbdb2;display:block;margin-bottom:9px}.setting-controls{display:flex;align-items:center;gap:8px}.setting-controls button{flex:1;justify-content:center}.theme-switch{display:flex;gap:7px}.theme-switch button{flex:1;border-radius:7px;border:2px solid transparent;padding:8px 4px;font-size:10px}.theme-switch button.active{border-color:#d9b17d}.theme-switch .sepia{background:#f2ead8;color:#514334}.theme-switch .white{background:#fff;color:#444}.theme-switch .night{background:#121c1a;color:#ddd}.reader-page-end{margin-top:60px;padding-top:20px;border-top:1px solid #b5a99555;display:flex;justify-content:space-between;align-items:center;gap:15px}.reader-page-end button{border:1px solid #b7a68e;background:transparent;border-radius:6px;color:var(--ink);padding:11px 17px;font-size:12px}.reader-page-end button:hover{background:#b99c6940}.chapter-list{margin-top:30px;border-top:1px solid #34443b;padding-top:15px}.chapter-list button{display:block;border:0;background:none;color:#c4d2c8;font-size:12px;padding:10px;text-align:left;width:100%}.chapter-list button.current{color:#e4bb86;background:#293a31}
.editor-container{max-width:1220px;margin:0 auto;padding:38px 52px 70px}.editor-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:25px}.editor-head h1{font-family:'Noto Serif KR',serif;font-size:25px;margin:0}.editor-grid{display:grid;grid-template-columns:290px 1fr;gap:22px;align-items:start}.form-card{background:#1b2825;border:1px solid #30443b;border-radius:12px;padding:23px}.form-card h3{font-size:14px;color:#e9eee4;margin:0 0 18px}.form-field{margin-bottom:15px}.form-field label{display:block;font-size:11px;color:#a1b2a6;margin-bottom:7px}.form-field input,.form-field textarea,.form-field select{width:100%;border:1px solid #3a4b40;border-radius:7px;background:#14201d;color:#e8eee4;outline:none;padding:10px 12px;font-size:12px;line-height:1.7}.form-field textarea{resize:vertical;min-height:80px}.form-field input:focus,.form-field textarea:focus{border-color:#bc9769}.form-hint{color:#81988a;font-size:10px;line-height:1.75;margin:9px 0}.cover-edit{display:flex;align-items:center;gap:12px;margin-bottom:20px}.cover-preview{height:99px;width:71px;flex-shrink:0;border-radius:4px;background:linear-gradient(140deg,#594632,#24473a);border:1px solid #7e7864;overflow:hidden;display:grid;place-items:center;font-family:serif;font-size:30px;color:#d6b37f}.cover-preview img{width:100%;height:100%;object-fit:cover}.chapter-tabs{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.chapter-tab{display:flex;align-items:center;gap:6px;background:#17221f;border:1px solid #324039;border-radius:7px;padding:10px 12px;text-align:left;color:#a0b3a5;font-size:11px}.chapter-tab span{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chapter-tab.active{background:#2a4035;color:#f1d4a9;border-color:#567052}.edit-text{min-height:500px!important;font-family:'Noto Serif KR',serif!important;font-size:13px!important;line-height:2!important;resize:vertical}.edit-tools{display:flex;justify-content:space-between;align-items:center;gap:9px;margin-bottom:15px;flex-wrap:wrap}.edit-tools small{color:#82988c;font-size:10px}.hint-panel{background:#26372f;border:1px solid #3c5346;border-radius:8px;padding:13px 16px;margin-top:15px;font-size:11px;color:#b2c3b6;line-height:1.85}.hint-panel strong{color:#e3c49a}.lock-row{display:flex;align-items:center;gap:10px;color:#d0d9d1;font-size:12px}.lock-row input{accent-color:#d1a871;width:16px;height:16px}.lock-notice{font-size:11px;color:#e3c49a;background:#382f22;border:1px solid #5a4b34;padding:12px;border-radius:7px;margin-bottom:14px;line-height:1.8}
.settings-card{max-width:780px;background:#192623;border:1px solid #30473d;border-radius:12px;padding:25px;margin:24px 0}.settings-card h2{font-family:'Noto Serif KR',serif;font-size:17px;font-weight:500;margin:0 0 9px}.settings-card p{font-size:12px;color:#9eb1a4;line-height:1.9;margin:0 0 18px}.settings-card .form-field{max-width:520px}.status-line{font-size:12px;color:#a3c7ac;display:flex;align-items:center;gap:10px;margin:12px 0}.help-list{color:#a0b4a6;font-size:11px;line-height:1.9;padding-left:18px}.cloud-card{border-color:#49684f}.callout{background:#243a2c;border:1px solid #43664c;padding:12px 15px;font-size:11px;line-height:1.8;border-radius:7px;color:#bfd5c3;margin:14px 0}.warning{background:#382b23;border-color:#66503a;color:#ebc89f}
.dialog{background:#1b2825;color:#f2eee7;border:1px solid #547059;border-radius:14px;box-shadow:0 24px 80px #0008;max-width:min(94vw,540px);width:100%;padding:26px}.dialog::backdrop{background:#050a08b9;backdrop-filter:blur(6px)}.dialog h2{font-family:'Noto Serif KR',serif;font-size:20px;font-weight:500;margin:0 0 9px}.dialog p{color:#9fb4a6;font-size:12px;line-height:1.8}.dialog .dialog-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:22px}.dialog .form-field{margin-top:20px}.dialog .dialog-file-area{border:1px dashed #62725e;padding:23px;border-radius:10px;text-align:center;margin:19px 0;background:#202f27}.dialog .dialog-file-area small{display:block;color:#91a799;margin-top:9px}.dialog-close{float:right;border:none;background:transparent;color:#d5ddd1;padding:5px}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,16px);background:#e3c392;color:#18241d;box-shadow:0 12px 32px #0009;border-radius:8px;padding:12px 19px;font-size:12px;font-weight:700;opacity:0;pointer-events:none;transition:all .2s;z-index:9999;max-width:90vw;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.lightbox{position:fixed;inset:0;z-index:500;background:#080c0bed;display:flex;align-items:center;justify-content:center;padding:6vw;cursor:zoom-out}.lightbox img{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 15px 50px #0008}
.mobile-menu{display:none}.mobile-dim{display:none}.hide{display:none!important}
@media(max-width:1100px){.app-shell{grid-template-columns:215px minmax(0,1fr)}.content{padding:32px 32px 60px}.topbar{padding:0 32px}.book-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.hero{grid-template-columns:1.25fr .75fr}.editor-container{padding:30px}}
@media(max-width:760px){.app-shell{display:block}.sidebar{position:fixed;left:0;top:0;width:250px;transform:translateX(-102%);transition:transform .2s;box-shadow:0 12px 30px #0005}.app-shell.menu-open .sidebar{transform:translateX(0)}.mobile-dim{display:none}.app-shell.menu-open .mobile-dim{display:block;position:fixed;inset:0;z-index:9;background:#0009}.mobile-menu{display:inline-flex}.topbar{height:65px;padding:0 17px}.top-actions .badge{display:none}.content{padding:28px 19px 50px}.page-title{font-size:26px}.hero{margin-top:25px;padding:23px;grid-template-columns:1fr;min-height:245px}.hero h2{font-size:21px;max-width:280px}.hero p{max-width:290px;font-size:11px}.hero-art{position:absolute;right:-65px;bottom:-22px;opacity:.35;pointer-events:none}.hero-book{width:120px;height:180px}.hero-ribbon{display:none}.metric-grid{gap:8px}.metric{padding:13px 10px;gap:8px}.metric-icon{width:31px;height:31px}.metric-icon .icon{width:17px}.metric strong{font-size:19px}.metric small{font-size:9px}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.add-book-card{min-height:220px}.searchbox{min-width:140px;flex:1}.filter{padding:8px 12px}.toolbar{align-items:stretch}.reader-top{padding:0 13px;height:60px}.reader-top .back-btn span{display:none}.reader-top .reader-chapter-name{display:none}.reader-top .reader-book-name{max-width:150px}.reader-top-center{gap:2px}.reader-top .btn{padding:9px}.reader-page{padding:48px 24px 100px}.reader-title{font-size:23px}.reader-prose{font-size:var(--reader-size,16px)}.illustration{margin-left:-24px;margin-right:-24px;max-width:calc(100% + 48px)}.illustration img{border-radius:0}.reader-bottom{gap:12px;padding:0 12px}.reader-bottom .progress-line{width:20vw}.reader-bottom small{font-size:9px}.reader-settings{right:8px;top:8px}.editor-container{padding:22px 16px 50px}.editor-grid{grid-template-columns:1fr}.editor-head{align-items:flex-start;flex-direction:column}.form-card{padding:19px}.edit-text{min-height:420px!important}}
@media(max-width:390px){.metric-icon{display:none}.topbar .breadcrumb strong{max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader-bottom .progress-line{width:15vw}.reader-bottom{gap:7px}.reader-bottom .btn{padding:7px}}