/* Ceritaku v10 — serial fiction model benchmarked from Kindle/Wattpad/Royal Road */
:root{--bg:#f7f8fa;--surface:#fff;--ink:#1d2433;--muted:#737c8d;--line:#e5e8ed;--accent:#ef7526;--accent-soft:#fff2e8;--sidebar:208px;--reader-size:19px}
body{background:var(--bg)}
.sidebar{width:var(--sidebar);padding:20px 14px}.main{margin-left:var(--sidebar)}.topbar{height:60px;padding:0 26px}.content{max-width:1050px;padding:34px 34px 80px}.brand{padding-bottom:20px}.brand-copy b{font-size:14px}.brand-copy span{font-size:9px}.nav-btn{font-size:12px}
.work-header{display:grid;grid-template-columns:180px minmax(0,1fr);gap:34px;padding-bottom:34px;border-bottom:1px solid var(--line);margin-bottom:28px}.work-cover{width:180px;aspect-ratio:2/3;border-radius:5px;background:#273044;color:#fff;padding:23px 20px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 18px 34px rgba(28,35,49,.18);position:relative;overflow:hidden}.work-cover:after{content:'';position:absolute;width:145px;height:145px;border:32px solid rgba(255,255,255,.045);border-radius:50%;right:-70px;bottom:-55px}.work-cover small{font-size:8px;letter-spacing:.18em;text-transform:uppercase;color:#f2a46f;font-weight:700}.work-cover h2{font-family:'Literata',serif;font-size:25px;line-height:1.02;letter-spacing:-.04em;margin:0}.work-cover span{font-size:9px;color:#aeb6c6;letter-spacing:.08em}.work-info{align-self:center}.work-kicker{font-size:9px;color:var(--accent);text-transform:uppercase;letter-spacing:.16em;font-weight:700}.work-info h1{font-family:'Literata',serif;font-size:38px;line-height:1.08;letter-spacing:-.045em;margin:9px 0 10px}.work-info>p{font-size:13px;line-height:1.7;color:var(--muted);max-width:620px;margin:0}.work-stats{display:flex;align-items:center;gap:9px;margin:19px 0}.work-stats span{font-size:11px;color:var(--muted)}.work-stats i{display:block;width:3px;height:3px;border-radius:50%;background:#c4c8d0}.work-progress{max-width:440px;margin-bottom:18px}.work-progress-label{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-bottom:7px}.work-progress-track{height:4px;background:#e8ebef;border-radius:5px;overflow:hidden}.work-progress-track i{display:block;height:100%;background:var(--accent)}.work-actions{display:flex;gap:9px}.work-primary,.work-secondary{height:42px;border-radius:8px;padding:0 17px;font:700 11px 'DM Sans',sans-serif;display:inline-flex;align-items:center;gap:8px}.work-primary{border:0;background:var(--accent);color:#fff}.work-secondary{border:1px solid var(--line);background:#fff;color:var(--ink)}.work-primary svg,.work-secondary svg{width:14px;height:14px}
.toolbar{margin-bottom:10px}.toolbar h2{font-size:18px}.toolbar .eyebrow{display:none}.filter-row{gap:5px}.filter{border:0;background:transparent;padding:7px 10px;border-radius:6px;font-size:10px}.filter:hover{background:#eceff3}.filter.active{background:#273044;color:#fff}
.story-grid{display:block}.story-card{width:100%;min-height:0;display:grid;grid-template-columns:54px minmax(0,1fr) 125px 24px;align-items:center;gap:15px;padding:13px 12px;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;text-align:left}.story-card:last-child{border-bottom:1px solid var(--line)}.story-card:hover{transform:none;box-shadow:none;background:#fff;border-color:var(--line)}.story-art{width:54px;height:48px;aspect-ratio:auto;border:0;border-radius:7px;background:#ebeef2!important;display:grid;place-items:center;overflow:hidden}.story-art:before,.cover-kicker,.cover-rule{display:none}.cover-number{position:static;font-family:'DM Sans',sans-serif;font-size:17px;font-weight:700;letter-spacing:-.04em;color:#273044}.cover-symbol{display:none}.story-body{display:contents}.story-top{display:block;min-width:0}.story-card h3{font-size:13px;margin-bottom:3px}.story-num{display:none}.story-sub{font:400 10px/1.45 'DM Sans',sans-serif;color:var(--muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story-meta{display:block;font-size:9px;color:var(--muted);text-align:right}.story-meta span{display:block;margin:2px 0}.story-meta svg{display:none}.story-progress{width:24px;height:3px;transform:rotate(-90deg);margin:0;background:#e4e7ec}.story-progress i{background:var(--accent)}
.detail-wrap{max-width:850px}.detail-hero{grid-template-columns:110px minmax(0,1fr);gap:24px}.detail-art{width:110px;border-radius:5px}.detail-art .cover-number{position:absolute;font-family:'Literata',serif;font-size:35px;left:15px;top:15px}.detail-art .cover-kicker{display:block}.detail-art .cover-rule{display:block}.detail-art .cover-symbol{display:block}.detail-hero h1{font-size:30px}.chapter-list{box-shadow:none;border-radius:8px}.chapter-item{min-height:58px}
body.reader-open{background:#fff}body.reader-open .sidebar{display:none}body.reader-open .main{margin-left:0}body.reader-open .topbar{height:48px;background:rgba(255,255,255,.96);border-color:#eceef1;padding:0 18px}body.reader-open .top-title{font-size:11px;color:var(--muted)}body.reader-open .search,body.reader-open .top-action{display:none}.reader-view{background:#fff}.reader-layout{max-width:1050px;grid-template-columns:205px minmax(0,680px);gap:62px;padding:32px 30px 110px}.reader-toc{top:78px;max-height:calc(100vh - 105px);scrollbar-width:thin}.reader-toc h3{font-size:9px}.toc-btn{font-size:10px;line-height:1.4;border-radius:5px;padding:8px 9px}.reader-main{padding:22px 0 50px;background:transparent;border:0;border-radius:0;box-shadow:none}.reader-kicker{font-size:8px}.reader-title{font-size:34px;max-width:650px;margin:12px 0 13px}.reader-meta{font-size:9px;padding-bottom:25px}.reader-body{max-width:65ch;padding-top:30px;color:#282d37;line-height:1.9}.reader-body p{margin:0 0 1.42em}.reader-body blockquote{font-size:1.04em;margin:2em 0;padding-left:20px}.reader-next{border-top:1px solid var(--line);margin-top:55px;padding-top:18px}.reader-next button{border-radius:7px}.reader-dock{left:50%;bottom:16px;border:1px solid #dde1e7;box-shadow:0 8px 30px rgba(30,36,48,.13);transition:transform .25s ease,opacity .25s ease}.reader-dock.auto-hidden{transform:translate(-50%,calc(100% + 32px));opacity:0}.settings{bottom:74px}.reading-progress{position:fixed;left:0;right:0;top:0;height:2px;background:transparent;z-index:100;display:none}.reader-open .reading-progress{display:block}.reading-progress i{display:block;height:100%;width:0;background:var(--accent);transition:width .08s linear}
@media(max-width:900px) and (min-width:768px){.work-header{grid-template-columns:145px 1fr}.work-cover{width:145px}.work-info h1{font-size:32px}.story-card{grid-template-columns:48px minmax(0,1fr) 105px 20px}.reader-layout{grid-template-columns:175px minmax(0,620px);gap:28px}}
@media(max-width:767px){.sidebar{display:none}.main{margin-left:0}.top-action{width:44px;height:44px}.content{padding:19px 15px 33px}.work-header{display:grid;grid-template-columns:88px minmax(0,1fr);gap:16px;padding-bottom:21px;margin-bottom:18px}.work-cover{width:88px;padding:13px 11px;border-radius:4px;box-shadow:0 10px 22px rgba(28,35,49,.16)}.work-cover small{font-size:5px}.work-cover h2{font-size:14px}.work-cover span{font-size:5px}.work-info{align-self:start}.work-kicker{font-size:7px}.work-info h1{font-size:23px;margin:5px 0 5px}.work-info>p{font-size:10px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.work-stats{gap:6px;margin:9px 0}.work-stats span{font-size:8px}.work-progress{margin-bottom:10px}.work-progress-label{font-size:8px;margin-bottom:4px}.work-actions{grid-column:1/-1;margin-top:2px}.work-primary,.work-secondary{height:44px;justify-content:center}.work-primary{flex:1}.toolbar{margin-bottom:5px}.toolbar h2{font-size:16px}.filter-row{display:none}.story-card{grid-template-columns:42px minmax(0,1fr) 70px;gap:10px;padding:11px 4px}.story-art{width:42px;height:42px;border-radius:6px}.cover-number{font-size:14px}.story-card h3{font-size:12px}.story-sub{font-size:9px}.story-meta{font-size:8px}.story-meta span:last-child{display:none}.story-progress{display:none}.detail-hero{grid-template-columns:86px minmax(0,1fr)}body.reader-open .topbar{height:44px;padding:0 10px}.reader-layout{padding:10px 20px 105px}.reader-main{padding-top:19px}.reader-title{font-size:27px}.reader-meta{padding-bottom:20px}.reader-body{padding-top:23px;max-width:none}.reader-dock{left:12px;right:12px;transform:none;bottom:calc(10px + env(safe-area-inset-bottom))}.reader-dock button{min-width:44px;min-height:44px}.reader-dock.auto-hidden{transform:translateY(calc(100% + 28px))}.reader-next{margin-top:42px}.settings{bottom:calc(69px + env(safe-area-inset-bottom))}}