:root{--navy:#142c4d;--navy-deep:#0d2038;--gold:#b58a42;--gold-light:#d7b979;--blue:#246be8;--ink:#213249;--muted:#718095;--line:#e5eaf0;--bg:#f5f7fa;--white:#fff;--green:#168168;--red:#b44e4e;--radius:14px;--shadow:0 8px 28px #142c4d08}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:14px/1.65 "Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1{font-size:32px;line-height:1.25;letter-spacing:-.8px}h2{font-size:23px;line-height:1.3;letter-spacing:-.4px}h3{font-size:16px;line-height:1.4}p{margin-bottom:14px}small,.small{font-size:12px}.muted{color:var(--muted)}.gold{color:var(--gold)}.link{color:var(--blue)}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.skip{position:absolute;top:-100px;left:16px;z-index:100;background:white;padding:10px}.skip:focus{top:10px}.wrap{max-width:1280px;margin:auto;padding:0 32px}.brand{display:flex;align-items:center;gap:10px;font:700 26px Georgia,serif;color:var(--navy);white-space:nowrap;letter-spacing:-1px}.brand img{width:36px;height:36px}.brand span:last-child{color:var(--gold)}.brand small{font:10px "Segoe UI",sans-serif;display:block;color:var(--muted);letter-spacing:2px}.site-head{background:white;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.head-row{height:80px;display:flex;align-items:center;gap:34px}.site-nav{display:flex;gap:26px;align-items:center;margin-right:auto}.site-nav a{color:#667487;font-weight:500}.site-nav a.active,.site-nav a:hover{color:var(--navy)}.site-nav a.active{box-shadow:0 3px var(--gold);padding:27px 0}.head-actions{display:flex;gap:10px;align-items:center}.avatar{width:36px;height:36px;border-radius:50%;background:#edf2f8;color:var(--navy);display:inline-grid;place-items:center;font-size:12px;font-weight:700;flex-shrink:0}.icon-btn{display:inline-grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:10px;background:white;color:var(--ink)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:9px;min-height:42px;padding:9px 17px;background:var(--navy);color:white;font-weight:600;white-space:nowrap}.btn:hover{filter:brightness(1.08)}.btn.gold-btn{background:var(--gold-light);color:var(--navy-deep)}.btn.secondary{background:white;color:var(--ink);border-color:var(--line)}.btn.soft{background:#eef3f9;color:var(--navy)}.btn.danger{background:#fcf0f0;color:var(--red);border-color:#efd3d3}.btn.small{min-height:34px;font-size:12px;padding:6px 10px}.btn:disabled{opacity:.5;cursor:not-allowed}.mobile-toggle{display:none}.page{padding-top:35px;padding-bottom:50px}.page-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px}.page-head h1{margin:5px 0 10px}.eyebrow{text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:2.2px;color:var(--gold)}.crumbs{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-bottom:16px}.crumbs a:hover{color:var(--blue)}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.stack{display:grid;gap:18px}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.panel h2,.panel h3{margin-bottom:12px}.section{margin-top:34px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.section-head h2{margin:0}.section-head a{font-size:12px;color:var(--muted)}.section-head a:hover{color:var(--blue)}.hero{background:var(--navy-deep);border-radius:20px;display:grid;grid-template-columns:1.4fr 1fr;color:white;overflow:hidden;min-height:358px;position:relative}.hero-copy{padding:46px 48px;position:relative;z-index:2}.hero h1{font:44px/1.15 Georgia,serif;letter-spacing:-1.3px;margin:14px 0 17px;max-width:560px}.hero p{color:#bdcadc;max-width:440px}.hero .eyebrow{color:var(--gold-light)}.hero-art{position:relative;display:flex;align-items:center;justify-content:center;gap:13px;background:radial-gradient(ellipse at 90% 50%,#3d5e76,transparent 70%)}.hero-art img{width:138px;height:210px;object-fit:cover;box-shadow:0 20px 40px #0006;border-radius:7px;transform:rotate(8deg)}.hero-art img:nth-child(2){width:175px;height:263px;transform:rotate(-6deg);z-index:2}.hero-art img:nth-child(3){position:absolute;right:-40px;bottom:-80px;width:160px;height:250px;opacity:.2;transform:rotate(15deg)}.searchbox{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:white;border-radius:9px;padding:5px 7px 5px 13px;max-width:490px}.searchbox input{background:transparent;border:0;outline:0;width:100%;min-width:0;color:var(--ink)}.searchbox .icon{color:var(--muted)}.hero-search{margin-top:25px}.discovery-strip{display:flex;gap:10px;align-items:center;overflow:auto;padding:20px 0 0}.chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:100px;padding:6px 12px;background:white;white-space:nowrap;font-size:12px;color:#5d7087}.chip.active,.chip:hover{background:#eef3f9;border-color:#d5dfec;color:var(--navy)}.book-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:21px}.book{min-width:0}.book-image{display:block;border-radius:11px;overflow:hidden;aspect-ratio:2/3;position:relative;background:#dce4ed}.book-image img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.book-image:hover img{transform:scale(1.035)}.book-image .flag{position:absolute;left:8px;top:8px;background:#fffef5;color:var(--navy);padding:3px 7px;border-radius:5px;font-size:10px;font-weight:700}.book h3{font-size:14px;margin:10px 0 4px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.book .book-meta{font-size:11px;color:var(--muted);display:flex;gap:8px;justify-content:space-between;margin-top:7px}.book .author{font-size:12px;color:var(--muted)}.two-col{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:25px}.three-col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.feature-item{display:flex;gap:15px;padding:15px 0;border-bottom:1px solid var(--line);align-items:center}.feature-item img{width:53px;height:78px;object-fit:cover;border-radius:6px}.feature-item h3{margin:0 0 4px;font-size:14px}.rank-no{width:28px;font:italic 26px Georgia,serif;color:var(--gold);text-align:center}.writer-callout{background:#ece8df;border-radius:14px;padding:25px}.writer-callout h2{font:26px/1.2 Georgia,serif}.writer-callout p{color:#68675f;font-size:13px}.site-foot{margin-top:20px;border-top:1px solid var(--line);background:white;padding:35px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-grid p{font-size:12px;color:var(--muted);max-width:360px;margin:12px 0}.footer-grid h3{font-size:12px}.footer-links{display:grid;gap:8px;font-size:12px;color:var(--muted)}.footer-bottom{border-top:1px solid var(--line);margin-top:25px;padding-top:15px;font-size:11px;color:var(--muted);display:flex;justify-content:space-between}.catalog-layout{display:grid;grid-template-columns:218px minmax(0,1fr);gap:30px}.filter-side{background:white;border:1px solid var(--line);border-radius:14px;padding:20px;height:max-content}.filter-side h3{font-size:13px;margin:0 0 12px}.filter-side section+section{border-top:1px solid var(--line);padding-top:18px;margin-top:18px}.filter-check{display:flex;align-items:center;gap:8px;margin:10px 0;color:#647286;font-size:13px}.filter-check input{accent-color:var(--navy)}.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.field{display:block;width:100%;background:white;border:1px solid #dce3ec;border-radius:8px;padding:10px 12px;min-height:43px;color:var(--ink)}textarea.field{min-height:110px;resize:vertical}label.field-label{display:block;font-size:12px;font-weight:600;margin-bottom:17px}label.field-label>.field{margin-top:7px;font-weight:400}.field-help{font-size:11px;color:var(--muted);margin-top:6px;font-weight:400}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.toolbar .field{width:auto;min-width:135px}.toolbar .searchbox{flex:1;min-width:190px}.pagination{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:24px}.pagination button,.pagination a{border:1px solid var(--line);background:white;border-radius:7px;min-width:36px;height:36px;display:inline-grid;place-items:center;padding:0 10px}.pagination .active{background:var(--navy);color:white;border-color:var(--navy)}.tabs{display:flex;gap:23px;border-bottom:1px solid var(--line);margin-bottom:22px;overflow-x:auto}.tab{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);padding:11px 1px;font-weight:500;white-space:nowrap;display:block}.tab.active{color:var(--navy);border-color:var(--gold);font-weight:600}.tab small{background:#eff2f6;border-radius:5px;padding:2px 5px;margin-left:5px}.tabs-pane[hidden]{display:none}.story-head{display:grid;grid-template-columns:210px minmax(0,1fr);gap:36px;align-items:start}.story-cover{width:210px;aspect-ratio:2/3;object-fit:cover;border-radius:12px;box-shadow:0 18px 35px #142c4d16}.story-info h1{font:36px/1.25 Georgia,serif;margin:10px 0 8px}.story-facts{display:flex;gap:30px;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;margin:20px 0}.story-facts b{display:block;font-size:19px;color:var(--navy)}.story-facts span{font-size:11px;color:var(--muted)}.story-desc{font-size:14px;line-height:1.9;color:#58687c}.chapter-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.chapter-link{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:13px 0;font-size:13px}.chapter-link:hover{color:var(--blue)}.comment{display:flex;gap:12px;padding:17px 0;border-bottom:1px solid var(--line)}.comment p{margin:5px 0;font-size:13px}.comment b{font-size:12px}.reader-top{background:white;border-bottom:1px solid var(--line);padding:13px 25px;position:sticky;top:0;z-index:25;display:flex;justify-content:space-between;align-items:center;gap:15px}.reader-body{background:#ede9e2;min-height:100vh;padding:32px 16px 85px;transition:background .2s}.reader-paper{max-width:840px;margin:auto;background:#fffdf7;padding:55px 70px;border-radius:5px;box-shadow:var(--shadow)}.reader-paper h1{text-align:center;font:28px Georgia,serif;margin:14px 0 30px}.reader-text{font:20px/1.95 Georgia,"Times New Roman",serif;color:#303943}.reader-text p{text-indent:1.6em;margin:0 0 22px}.reader-controls{position:fixed;right:24px;top:120px;display:grid;gap:5px;background:white;border:1px solid var(--line);border-radius:12px;padding:6px;z-index:20}.reader-controls .icon-btn{border:0}.reader-settings{position:fixed;right:80px;top:120px;width:270px;z-index:40}.reader-night{background:#141d29}.reader-night .reader-paper{background:#202c3b}.reader-night .reader-paper,.reader-night .reader-text{color:#dce3ed}.reader-sepia{background:#e4d3b7}.reader-sepia .reader-paper{background:#f5e9d3}.reading-progress{position:fixed;bottom:0;left:0;width:100%;height:4px;background:#c5bba6;z-index:50}.reading-progress span{display:block;background:var(--gold);height:100%;width:0}.comic-stage{background:#121b26;color:#dce3ed;min-height:100vh;padding:28px 16px 70px}.comic-pages{max-width:740px;margin:auto}.comic-pages img{width:100%;margin:0}.comic-pages.flip img{display:none}.comic-pages.flip img.active{display:block;max-height:80vh;object-fit:contain}.comic-toolbar{max-width:740px;margin:0 auto 20px}.comic-toolbar .field{width:auto}.account-layout{display:grid;grid-template-columns:215px minmax(0,1fr);gap:26px}.account-side{height:max-content}.account-side a{display:flex;align-items:center;gap:10px;padding:12px;border-radius:8px;color:var(--muted)}.account-side a.active{background:#eff3f9;color:var(--navy);font-weight:600}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.full{grid-column:1/-1}.notice{display:flex;gap:14px;align-items:start;padding:19px 0;border-bottom:1px solid var(--line)}.notice.unread{background:#f6f9fe;border-left:3px solid var(--blue);padding-left:12px}.notice h3{font-size:14px;margin:0 0 5px}.notice p{font-size:12px;margin:0 0 6px}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-art{background:var(--navy-deep);color:white;padding:70px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.auth-art .brand{color:white}.auth-art h1{font:42px/1.25 Georgia,serif;max-width:470px;position:relative;z-index:1}.auth-art p{color:#b6c6da;max-width:400px}.auth-books{display:flex;gap:20px;margin:20px 0}.auth-books img{width:130px;height:195px;object-fit:cover;border-radius:6px;transform:rotate(-8deg);box-shadow:0 18px 35px #0005}.auth-books img:last-child{transform:rotate(7deg)}.auth-main{display:grid;align-items:center;padding:45px 60px;background:white}.auth-card{max-width:410px;width:100%;margin:auto}.auth-card h1{font-size:29px;margin:25px 0 10px}.auth-card .btn{width:100%}.divider{display:flex;gap:15px;align-items:center;color:var(--muted);font-size:12px;margin:22px 0}.divider:before,.divider:after{content:"";height:1px;background:var(--line);flex:1}.alert{background:#edf5fd;border:1px solid #d1e3f5;border-radius:9px;padding:12px 15px;color:#365a7e;font-size:12px;line-height:1.7;margin:15px 0}.alert.warn{background:#fffaed;border-color:#efe0bc;color:#836425}.alert.danger{background:#fff4f4;border-color:#f0d4d4;color:#a74848}.alert.success{background:#eff9f5;border-color:#cfe9dd;color:#1b7560}.empty{padding:45px 20px;text-align:center;color:var(--muted);border:1px dashed #d5dfeb;border-radius:12px;background:#fafbfd}.empty h3{margin:10px 0;color:var(--ink)}.workspace{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}.work-side{background:var(--navy-deep);color:#adbed3;padding:24px 16px;position:fixed;top:0;bottom:0;width:232px;z-index:40;overflow-y:auto;display:flex;flex-direction:column}.work-side .brand{color:white;margin:0 12px 30px}.work-side .brand small{color:#91a4bf}.menu-label{font-size:10px;text-transform:uppercase;letter-spacing:1.4px;margin:21px 14px 8px;color:#7188a6}.work-side a.menu-link{display:flex;gap:12px;align-items:center;padding:11px 13px;border-radius:8px;margin-bottom:4px;font-size:13px}.work-side a.menu-link:hover{background:#ffffff09;color:white}.work-side a.menu-link.active{background:#22374f;color:white;border-left:2px solid var(--gold-light)}.menu-sub{margin-left:34px;display:grid;gap:1px}.menu-sub a{font-size:12px;padding:6px 9px}.menu-sub a.active{color:var(--gold-light)}.work-side-bottom{margin-top:auto;border-top:1px solid #ffffff14;padding-top:15px;margin-top:35px}.work-main{grid-column:2;min-width:0}.work-top{height:72px;padding:0 32px;background:white;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:14px;position:sticky;top:0;z-index:25}.work-content{padding:30px 32px;max-width:1600px;margin:auto}.work-content h1{font-size:27px}.work-content .page-head{margin-bottom:20px}.work-top .role-badge{font-size:11px;padding:4px 9px;background:#f3f5f8;color:var(--muted);border-radius:5px}.work-table-panel{padding:0;overflow:hidden}.table-toolbar{padding:18px 20px 0}.table-toolbar .tabs{margin-bottom:17px;gap:18px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:15px 17px;border-bottom:1px solid var(--line);font-size:12px;vertical-align:middle}th{background:#f8fafc;font-weight:500;color:var(--muted);white-space:nowrap}td .title{font-size:13px;font-weight:600;color:var(--navy);display:block;margin-bottom:3px}td .subline{font-size:11px;color:var(--muted)}.table-book{display:flex;gap:12px;align-items:center;min-width:235px}.table-book img{width:39px;height:55px;object-fit:cover;border-radius:4px}.row-actions{display:flex;gap:12px;margin-top:5px;white-space:nowrap;font-size:11px}.row-actions button{border:0;background:none;padding:0;color:var(--blue)}.row-actions a{color:var(--blue)}input[type=checkbox]{accent-color:var(--navy);width:15px;height:15px}.status{display:inline-flex;padding:3px 8px;border-radius:6px;font-size:10px;font-weight:600;white-space:nowrap}.status.draft{background:#eef1f5;color:#647285}.status.pending{background:#fff3d8;color:#9a7228}.status.published{background:#e9f6ef;color:#247d62}.status.rejected{background:#fceaea;color:#b04e4e}tr[data-status=pending]{background:#fffcf4}tr[data-status=rejected]{background:#fff9f9}tr[data-status=draft]{background:#fafbfd}.selected-count{font-size:12px;color:var(--muted)}.table-bottom{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:17px 20px}.table-bottom .pagination{margin:0}.quick-row td{background:#edf3f9}.quick-fields{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:12px;align-items:end}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px}.editor-toolbar{display:flex;gap:4px;border-bottom:1px solid var(--line);padding:12px 18px;flex-wrap:wrap;background:#fcfdfe}.editor-toolbar button{border:0;border-radius:5px;background:transparent;padding:7px 11px;min-height:34px;font-size:13px;color:var(--ink)}.editor-toolbar button:hover{background:#eaf0f7}.rich-editor{min-height:400px;outline:0;padding:28px 36px;font:18px/1.9 Georgia,serif}.rich-editor p{margin:0 0 18px}.editor-paper{padding:0;overflow:hidden}.editor-title{font-size:25px;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:25px 30px;font-weight:600;width:100%}.editor-status{padding:10px 20px;border-top:1px solid var(--line);font-size:11px;color:var(--muted);display:flex;justify-content:space-between}.cover-upload{background:#f7f9fc;border:1px dashed #cad5e4;border-radius:10px;padding:20px;text-align:center}.cover-upload img{height:180px;max-width:140px;object-fit:cover;margin:0 auto 15px;border-radius:6px}.upload-zone{border:1px dashed #b8c7d9;border-radius:12px;background:#fafbfd;text-align:center;padding:32px 20px}.upload-zone .icon{width:32px;height:32px;margin:auto;color:var(--muted)}.page-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}.page-tile{border:1px solid var(--line);border-radius:10px;padding:10px;min-width:0}.page-tile img{height:160px;width:100%;object-fit:cover;object-position:top;border-radius:6px}.page-tile .row{margin-top:9px;font-size:11px}.page-tile button{border:0;background:#eff3f8;border-radius:4px;padding:4px 7px}.review-body{max-height:480px;overflow:auto;font:17px/1.9 Georgia,serif;padding-right:15px}.review-info{display:grid;gap:12px;font-size:12px}.review-info div{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding-bottom:10px}.install-shell{max-width:850px;margin:50px auto;padding:0 20px}.install-steps{display:flex;gap:12px;margin:25px 0;font-size:12px}.install-steps span{background:#e9eef6;padding:5px 12px;border-radius:6px}.install-steps .active{background:var(--navy);color:white}.check-row{padding:10px 0;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);font-size:12px}.prose-page{max-width:850px;margin:auto}.prose-page p{color:#5d6b7d;line-height:1.9}.error-shell{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px;text-align:center}.error-code{font:120px/1 Georgia,serif;color:var(--gold-light);margin:35px 0 15px}.error-shell p{max-width:400px;color:var(--muted)}.screen-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.screen-group h2{font-size:16px}.screen-group a{display:flex;justify-content:space-between;gap:15px;padding:9px 0;border-bottom:1px solid var(--line);font-size:12px}.screen-group a:hover{color:var(--blue)}.screen-group code{font-size:10px;color:var(--muted)}dialog{border:0;border-radius:16px;padding:26px;max-width:480px;width:calc(100% - 32px);box-shadow:0 24px 80px #0003;color:var(--ink)}dialog::backdrop{background:#10243d66}.dialog-head{display:flex;justify-content:space-between;align-items:start;gap:15px}.dialog-head h2{font-size:20px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:12px 20px;background:var(--navy);color:white;box-shadow:0 8px 25px #10243d30;border-radius:9px;z-index:100;max-width:calc(100% - 30px);font-size:13px}.hidden,[hidden]{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}:focus-visible{outline:3px solid #709dda;outline-offset:3px}.bad-field{border-color:var(--red)}.validation{color:var(--red);font-size:11px;margin-top:5px}.demo-note{font-size:10px;color:var(--muted);border-top:1px solid var(--line);padding-top:13px;margin-top:24px}.help-inline{font-size:11px;color:var(--muted)}.overflow-text{overflow-wrap:anywhere}.wide-button{width:100%}.legal-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px}.history-item{display:flex;gap:20px;padding:20px 0;border-bottom:1px solid var(--line);align-items:center}.history-item img{width:55px;height:80px;object-fit:cover;border-radius:5px}.history-item .content{flex:1}.progress-line{height:4px;background:#edf1f5;border-radius:6px;width:150px;margin-top:10px}.progress-line span{display:block;height:100%;background:var(--gold);border-radius:6px}.notice-symbol{display:grid;place-items:center;width:39px;height:39px;background:#f0f4f9;color:var(--navy);border-radius:10px;flex-shrink:0}.status-flow{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:12px}.editor-preview{background:#fffdf7;padding:24px;font:18px/1.9 Georgia,serif;max-height:60vh;overflow:auto}.admin-protect{background:#f9f5ec;border-radius:9px;padding:12px;font-size:12px;color:#7b6135}.badge-lock{font-size:11px;color:var(--muted)}.mobile-close{display:none}.rank-table .table-book{min-width:0}.rank-table td{font-size:13px}.sample-tag{font-size:10px;font-weight:400;color:#8794a5}.source-caption{font-size:10px;color:var(--muted)}
@media(min-width:1500px){.work-content{padding:36px 46px}.work-top{padding:0 46px}}@media(max-width:1100px){.head-row{gap:20px}.site-nav{gap:18px}.wrap{padding:0 24px}.hero-copy{padding:35px}.hero h1{font-size:38px}.hero-art img{width:110px;height:175px}.hero-art img:nth-child(2){width:140px;height:225px}.book-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.two-col{grid-template-columns:minmax(0,1fr) 275px}.workspace{grid-template-columns:205px minmax(0,1fr)}.work-side{width:205px}.work-content{padding:25px 22px}.work-top{padding:0 22px}.editor-layout{grid-template-columns:minmax(0,1fr) 245px}.auth-art{padding:45px}.auth-main{padding:35px}.quick-fields{grid-template-columns:1fr 1fr}.screen-grid{grid-template-columns:1fr 1fr}.reader-controls{right:10px}.reader-paper{max-width:760px;padding:45px 60px}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:850px){.site-nav{display:none;position:absolute;left:0;right:0;top:71px;background:white;box-shadow:var(--shadow);padding:20px 24px;flex-direction:column;align-items:start}.site-nav.open{display:flex}.site-nav a.active{padding:0;box-shadow:none;color:var(--gold)}.head-row{height:72px;gap:15px}.head-actions{margin-left:auto}.mobile-toggle{display:inline-grid}.hero{grid-template-columns:1.3fr 1fr;min-height:320px}.hero-copy{padding:28px}.hero h1{font-size:33px}.hero-art img:first-child{display:none}.two-col,.editor-layout{grid-template-columns:1fr}.three-col{grid-template-columns:1fr 1fr}.feature-list{grid-template-columns:1fr}.footer-grid{grid-template-columns:2fr 1fr;gap:30px}.footer-grid>div:last-child{grid-column:1/-1}.story-head{grid-template-columns:160px 1fr;gap:25px}.story-cover{width:160px}.story-info h1{font-size:29px}.story-facts{gap:22px}.workspace{display:block}.work-side{transform:translateX(-100%);width:235px;transition:transform .2s}.work-side.open{transform:translateX(0);box-shadow:0 0 0 100vmax #13294166}.mobile-close{display:inline-grid;position:absolute;right:10px;top:10px;background:#22374f;border:0;color:white}.work-main{width:100%}.work-top{height:64px}.work-content{padding:24px 20px}.auth-shell{grid-template-columns:1fr}.auth-art{display:none}.auth-main{padding:35px 24px;min-height:100vh}.account-layout{grid-template-columns:1fr}.account-side{display:flex;overflow:auto;gap:10px;padding:8px}.account-side a{white-space:nowrap;font-size:12px}.reader-controls{top:auto;bottom:16px;right:16px;display:flex;box-shadow:var(--shadow)}.reader-settings{top:auto;bottom:76px;right:16px}.reader-paper{padding:36px 42px}.catalog-layout{grid-template-columns:180px minmax(0,1fr);gap:22px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){body{font-size:13px}.wrap{padding:0 16px}.page{padding-top:24px}.brand{font-size:23px}.brand img{width:31px;height:31px}.head-actions .write-link,.head-actions .user-name{display:none}.head-row{gap:10px}.head-actions{gap:7px}.hero{display:block;min-height:0}.hero-copy{padding:28px 25px}.hero h1{font-size:34px;max-width:320px}.hero-art{display:none}.hero-search .btn{padding:8px 12px;font-size:12px}.book-grid,.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.section{margin-top:28px}.section h2{font-size:21px}.page-head{align-items:start;flex-direction:column;gap:10px}.page-head h1{font-size:27px}.panel{padding:19px}.catalog-layout{grid-template-columns:1fr}.filter-side{padding:15px}.filter-side section+section{padding-top:10px;margin-top:10px}.filter-side section{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.filter-side h3{width:100%;margin-bottom:0}.filter-check{margin:3px 0}.story-head{grid-template-columns:105px minmax(0,1fr);gap:19px}.story-cover{width:105px}.story-info h1{font-size:26px;margin-top:3px}.story-facts{grid-column:1/-1;gap:14px;padding:11px 0}.story-facts b{font-size:17px}.story-facts span{font-size:10px}.story-info .chip{padding:3px 8px;font-size:10px}.story-info .row .btn{font-size:12px;padding:8px 12px}.chapter-grid,.form-grid,.three-col,.screen-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:24px}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{display:block}.reader-top{padding:10px 15px}.reader-top .reader-top-title{display:none}.reader-top .btn{padding:7px 10px;font-size:12px}.reader-body{padding:0 0 85px}.reader-paper{padding:30px 23px;border-radius:0}.reader-paper h1{font-size:24px}.reader-text{font-size:19px}.reader-controls{left:50%;right:auto;transform:translateX(-50%);white-space:nowrap}.reader-controls button{width:40px}.work-top{padding:0 16px}.work-top .role-badge{display:none}.work-content{padding:22px 14px}.work-content h1{font-size:25px}.table-toolbar{padding:14px 14px 0}.toolbar .field{flex:1;min-width:125px}.toolbar .searchbox{flex-basis:100%}.table-bottom{flex-wrap:wrap;padding:15px}.quick-fields{grid-template-columns:1fr}.editor-title{font-size:21px;padding:22px}.rich-editor{padding:23px;min-height:340px}.page-tiles{grid-template-columns:repeat(2,1fr)}.page-tile img{height:130px}.history-item{gap:12px;flex-wrap:wrap}.history-item .btn{margin-left:67px}.install-shell{margin:28px auto}.install-steps{gap:6px;flex-wrap:wrap}.error-code{font-size:95px}.comic-toolbar .field{width:100%}.rank-table th:nth-child(4),.rank-table td:nth-child(4){display:none}}

.editor-toolbar select{border:1px solid var(--line);border-radius:5px;background:#fff;padding:6px 8px;min-height:34px;font-size:13px;color:var(--ink);max-width:128px}
.editor-toolbar .btn{margin-left:4px}
.genre-picks{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:8px}
.genre-picks label{display:flex;gap:6px;align-items:center;font-size:13px;font-weight:400}
div.field-label{display:block;font-size:12px;font-weight:600;margin-bottom:17px}
.story-group{margin-top:16px}
.story-group h2{margin-bottom:4px}
.page-tools{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:8px}
.page-tile select.field{margin-top:4px}
.reader-text img{max-width:100%;height:auto;border-radius:8px;margin:12px auto}
.reader-text h2,.reader-text h3,.reader-text h4{margin:1.1em 0 .4em}
.comic-pages{display:flex;flex-direction:column;align-items:stretch}
.rich-editor img,.editor-preview img{display:block;max-width:min(100%,720px);width:auto;height:auto;margin:14px auto;border-radius:8px}
.cover-upload{position:relative}
.cover-upload img.is-hidden{display:none}
.cover-upload .btn,.editor-toolbar .btn,.upload-zone .btn{position:relative}
.file-clip{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.format-choice{display:grid;gap:8px}
.format-choice label{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-weight:500;cursor:pointer}
.format-choice input{margin-top:4px;accent-color:var(--navy)}
.format-choice small{display:block;font-weight:400;color:var(--muted);font-size:12px;margin-top:2px}
.format-choice label:has(input:checked){border-color:var(--navy);background:#f4f7fb}
.genre-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.genre-tag{gap:6px}
.genre-tag button{border:0;background:transparent;color:var(--muted);padding:0 2px;font-size:16px;line-height:1}
.comic-pages img[data-align="left"]{margin-right:auto;margin-left:0}
.comic-pages img[data-align="center"]{margin-left:auto;margin-right:auto}
.comic-pages img[data-align="right"]{margin-left:auto;margin-right:0}

body{font-family:var(--ui-font,"Google Sans","Segoe UI",Arial,sans-serif);font-size:var(--ui-size,14px);font-synthesis:weight}
.reader-text{font-family:var(--read-font,Georgia,"Times New Roman",serif);font-size:var(--read-size,20px)}
.rich-editor,.editor-preview,.review-body{font-family:var(--read-font,Georgia,"Times New Roman",serif)}
.comic-editor{min-height:420px;padding:24px 28px 36px;background:#fff}
.comic-page{margin:0 0 22px}
.comic-page img{display:block;height:auto;max-width:100%;border-radius:8px;background:#f4f7fb}
.comic-page.is-selected img{outline:3px solid #246be8;outline-offset:4px}
.editor-toolbar button.is-on{background:#e7eef8;color:#142c4d}
.story-status{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-size:11px;font-weight:600;color:#5d7087;white-space:nowrap}
.story-status:before{content:"";width:7px;height:7px;border-radius:50%;background:#168168;flex:none}
.story-status.completed:before{background:#246be8}
.story-status.hiatus:before{background:#b58a42}
.update-list{background:#fff;border:1px solid var(--line);border-radius:14px;padding:4px 16px}
.update-row{display:grid;grid-template-columns:52px minmax(0,1.6fr) minmax(88px,.7fr) 132px 108px;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);min-width:0}
.update-row:last-child{border-bottom:0}
.update-row img,.update-cover{width:52px;height:72px;object-fit:cover;border-radius:6px;background:#dce4ed}
.update-cover{display:block}
.update-row h3{margin:0 0 2px;font-size:14px}
.update-row .small,.update-row h3{overflow:hidden;text-overflow:ellipsis}
@media(max-width:850px){.update-row{grid-template-columns:52px minmax(0,1fr)}.update-row img,.update-cover{grid-row:span 4}.book-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:580px){.book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.comic-editor{padding:16px 12px 24px}.update-list{padding:4px 12px}}
.editor-paper{overflow:visible}
.editor-toolbar{position:sticky;top:72px;z-index:22;background:#fff}
@media(max-width:850px){.editor-toolbar{top:64px}}
.suggest-list{display:flex;flex-direction:column}
.suggest-row{display:grid;grid-template-columns:46px minmax(0,1fr);column-gap:10px;row-gap:2px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);color:inherit}
.suggest-row:last-child{border-bottom:0}
.suggest-row img,.suggest-cover{width:46px;height:62px;object-fit:cover;border-radius:6px;background:#dce4ed;grid-row:span 3}
.suggest-cover{display:block}
.suggest-row h3{margin:0;font-size:14px;line-height:1.35}
.suggest-row h3,.suggest-row .small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.suggest-row .story-status{margin-top:0}
.no-img,.no-img-label{display:grid;place-items:center;background:#dce4ed;color:#718095;font-size:12px;font-weight:600;text-align:center;line-height:1.2}
.book-image .no-img-label{position:absolute;inset:0}
.story-cover.no-img{box-shadow:0 18px 35px #142c4d16}
.update-cover.no-img,.suggest-cover.no-img{font-size:10px}
.thumb-sm{width:39px;height:55px;border-radius:4px;flex-shrink:0;font-size:9px}
.thumb-history{width:55px;height:80px;border-radius:5px;flex-shrink:0;font-size:10px}
.cover-fallback{width:120px;aspect-ratio:2/3;border-radius:6px;margin:0 auto 15px}
.listen{position:relative}
.listen-toggle{width:36px;height:36px}
.listen-panel{position:absolute;top:calc(100% + 8px);right:0;width:min(280px,calc(100vw - 24px));background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 32px #142c4d1a;padding:12px;z-index:60;display:grid;gap:8px}
.listen-speeds{display:flex;flex-wrap:wrap;gap:6px}
.listen-speeds button{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:8px;min-height:32px;padding:4px 8px;font-size:12px}
.listen-speeds button.is-on{background:var(--navy);color:#fff;border-color:var(--navy)}
.listen-modes{display:grid;gap:4px;font-size:12px}
.listen-actions{display:flex;gap:8px;flex-wrap:wrap}
.listen-actions .btn{min-height:34px}
.comic-url{width:auto;min-width:0;flex:1 1 180px;height:34px;min-height:34px;padding:6px 10px}
.reader-night .listen-panel,.reader-night .listen-speeds button{background:#202c3b;color:#e8eef6}
@media(max-width:850px){.listen-panel{position:fixed;top:auto;bottom:16px;right:12px}}



.status.hidden{background:#f3f0e8;color:#8a6a2f}
.check-row form{margin:0;flex:0 0 auto}
.check-row>span{min-width:0}