:root{--font-body:"Noto Sans Thai", "Sarabun", system-ui, -apple-system, "Helvetica Neue", "Hiragino Sans", "Yu Gothic", sans-serif;--font-size:18px;--line-height:1.9}html[data-theme=light]{--bg:#fff;--fg:#1a1a1a;--fg-muted:#6b6b6b;--border:#e5e5e5;--accent:#2563eb;--card:#fafafa;--shadow:0 10px 30px #00000014}html[data-theme=sepia]{--bg:#f4ecd8;--fg:#5b4636;--fg-muted:#8a7860;--border:#d9cdb0;--accent:#8b4513;--card:#eee2c8;--shadow:0 10px 30px #5b46361f}html[data-theme=dark]{--bg:#161616;--fg:#e8e8e8;--fg-muted:#9a9a9a;--border:#2c2c2c;--accent:#60a5fa;--card:#1f1f1f;--shadow:0 10px 30px #00000080}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:16px;line-height:1.6;transition:background-color .2s,color .2s}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}code{background:var(--card);border-radius:4px;padding:.1em .35em;font-size:.9em}.full-loading{min-height:100vh;color:var(--fg-muted);justify-content:center;align-items:center;display:flex}.page{max-width:760px;padding:1.5rem 1rem 4rem;padding-left:max(1rem, env(safe-area-inset-left,0));padding-right:max(1rem, env(safe-area-inset-right,0));margin:0 auto}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.topbar h1{flex:1;margin:0;font-size:1.4rem}.topbar-right{align-items:center;gap:.5rem;display:flex}.muted{color:var(--fg-muted);font-size:.95rem}.muted.small{font-size:.85rem}.sub{color:var(--fg-muted);margin:.25rem 0 .5rem;font-size:1rem}.description{margin:1rem 0;line-height:1.7}.link-btn{color:var(--accent);background:0 0;border:none;border-radius:6px;padding:.4rem .6rem;font-size:.95rem}.link-btn:hover{background:var(--card)}.icon-btn{min-width:2rem;height:2rem;color:var(--fg);justify-content:center;align-items:center;padding:0 .4rem;font-size:.95rem;font-weight:600;line-height:1;display:inline-flex}.icon-btn svg{display:block}.login-page{justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.login-card{background:var(--card);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:.85rem;width:100%;max-width:360px;padding:2rem;display:flex}.login-card h1{text-align:center;margin:0 0 .5rem}.login-logo{color:var(--accent);margin:0 auto;display:block}.login-form{flex-direction:column;gap:.75rem;display:flex}.login-form input{border:1px solid var(--border);background:var(--bg);color:var(--fg);font:inherit;border-radius:8px;padding:.85rem .9rem}.login-form input:focus{outline:2px solid var(--accent);outline-offset:-1px}.login-form button[type=submit]{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.85rem;font-size:1rem;font-weight:600}.login-form button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.google-btn{background:var(--bg);color:var(--fg);border:1px solid var(--border);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:.6rem;padding:.75rem;font-size:.95rem;font-weight:600;display:flex}.google-btn:hover:not(:disabled){border-color:var(--accent)}.google-btn:disabled{opacity:.6;cursor:not-allowed}.divider{text-align:center;color:var(--fg-muted);margin:.25rem 0;font-size:.8rem;position:relative}.divider:before,.divider:after{content:"";background:var(--border);width:38%;height:1px;position:absolute;top:50%}.divider:before{left:0}.divider:after{right:0}.error{color:#dc2626;margin:0;font-size:.875rem}.cover{object-fit:cover;background:var(--border);border-radius:6px;flex-shrink:0;width:80px;height:120px;display:block}.cover-large{width:180px;height:260px}.cover-placeholder{background:var(--card);border:1px solid var(--border);color:var(--fg-muted);justify-content:center;align-items:center;font-size:2rem;font-weight:600;display:flex}.cover-large.cover-placeholder{font-size:4rem}.novel-list{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}.novel-card{border:1px solid var(--border);background:var(--card);color:var(--fg);border-radius:12px;flex-direction:column;transition:border-color .18s,transform .18s;display:flex;overflow:hidden}.novel-card:hover{border-color:var(--accent);text-decoration:none;transform:translateY(-2px)}.novel-card .cover{aspect-ratio:2/3;border-radius:0;width:100%;height:auto}.novel-card .cover-placeholder{aspect-ratio:2/3;border:none;border-bottom:1px solid var(--border);width:100%;height:auto;font-size:3.5rem}.novel-card-body{flex:1;min-width:0;padding:.75rem .9rem .9rem}.novel-list h2{margin:0 0 .2rem;font-size:1rem;line-height:1.3}.novel-list .sub{margin:0 0 .35rem;font-size:.85rem}@media (width<=480px){.novel-list{grid-template-columns:repeat(2,1fr);gap:.85rem}}.novel-header{align-items:flex-start;gap:1.5rem;margin-bottom:1.5rem;display:flex}.novel-header-body{flex:1;min-width:0}@media (width<=560px){.novel-header{text-align:center;flex-direction:column;align-items:center}}.chapter-list{margin:1.5rem 0 0;padding:0;list-style:none}.chapter-list li a{border-bottom:1px solid var(--border);color:var(--fg);align-items:center;gap:1rem;padding:.85rem .25rem;display:flex}.chapter-list li a:hover{color:var(--accent);text-decoration:none}.ch-thumb{object-fit:cover;border-radius:4px;flex-shrink:0;width:32px;height:48px}.ch-num{color:var(--fg-muted);font-variant-numeric:tabular-nums;text-align:right;min-width:3.5ch}.ch-title{flex:1;min-width:0}.resume-btn{background:var(--accent);color:#fff;border-radius:8px;margin:1rem 0;padding:.65rem 1.1rem;font-weight:600;display:inline-block}.resume-btn:hover{opacity:.9;text-decoration:none}.reader{min-height:100vh;padding-bottom:4rem}.reader-topbar{background:var(--bg);border-bottom:1px solid var(--border);padding:.5rem .75rem;padding-left:max(.75rem, env(safe-area-inset-left,0));padding-right:max(.75rem, env(safe-area-inset-right,0));z-index:10;justify-content:space-between;align-items:center;gap:.5rem;display:flex;position:sticky;top:0}.reader-title{text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.95rem;font-weight:600;overflow:hidden}.reader-content{max-width:65ch;font-size:var(--font-size);line-height:var(--line-height);margin:2rem auto;padding:0 1.25rem}.chapter-cover-banner{object-fit:cover;border-radius:8px;width:100%;max-height:420px;margin-bottom:2rem;display:block}.reader-content p{margin:1.2em 0}.reader-content h1,.reader-content h2,.reader-content h3{margin-top:2em;line-height:1.35}.reader-content blockquote{border-left:3px solid var(--border);color:var(--fg-muted);margin-left:0;padding-left:1rem}.reader-content hr{border:none;border-top:1px solid var(--border);margin:2rem 0}.reader-nav{padding:.75rem;padding-bottom:max(.75rem, env(safe-area-inset-bottom,0));background:var(--bg);border-top:1px solid var(--border);gap:.5rem;display:flex;position:sticky;bottom:0}.reader-nav button{border:1px solid var(--border);background:var(--card);color:var(--fg);border-radius:8px;flex:1;padding:.8rem;font-size:.95rem;font-weight:600}.reader-nav button:hover:not(:disabled){border-color:var(--accent)}.reader-nav button:disabled{opacity:.35;cursor:not-allowed}.settings-panel{background:var(--card);border:1px solid var(--border);width:280px;box-shadow:var(--shadow);z-index:20;border-radius:12px;flex-direction:column;gap:1rem;padding:1rem;display:flex;position:fixed;top:3.5rem;right:1rem}.settings-row{flex-direction:column;gap:.4rem;display:flex}.settings-row label{color:var(--fg-muted);font-size:.85rem}.seg{gap:.3rem;display:flex}.seg button{border:1px solid var(--border);background:var(--bg);color:var(--fg);text-transform:capitalize;border-radius:6px;flex:1;padding:.5rem;font-size:.9rem}.seg button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.settings-row select{border:1px solid var(--border);background:var(--bg);color:var(--fg);font:inherit;border-radius:6px;padding:.5rem}.settings-row input[type=range]{width:100%}.close-btn{border:1px solid var(--border);color:var(--fg);font:inherit;background:0 0;border-radius:6px;padding:.5rem}@media (width<=640px){.settings-panel{width:auto;left:1rem;right:1rem}.topbar h1{font-size:1.2rem}}.bookmark-panel{background:var(--card);border:1px solid var(--border);width:280px;box-shadow:var(--shadow);z-index:20;border-radius:12px;flex-direction:column;gap:1rem;padding:1rem;display:flex;position:fixed;top:3.5rem;right:1rem}.bookmark-add-btn{background:var(--accent);color:#fff;font:inherit;border:none;border-radius:8px;padding:.6rem .8rem;font-weight:600}.bookmark-add-btn:hover{opacity:.9}.bookmark-add-btn:disabled{opacity:.5;cursor:not-allowed}.bookmark-list{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.bookmark-item{border:1px solid var(--border);background:var(--bg);cursor:pointer;color:var(--fg);border-radius:8px;align-items:center;gap:.6rem;padding:.55rem .65rem;display:flex}.bookmark-item:hover{border-color:var(--accent)}.bookmark-item .ch-title{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.95rem;overflow:hidden}.bookmark-item .ch-num{min-width:auto;font-size:.85rem}.bookmark-meta{color:var(--fg-muted);white-space:nowrap;font-size:.78rem}.bookmark-remove{color:var(--fg-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.25rem .45rem;font-size:1rem}.bookmark-remove:hover{color:#dc2626;background:#dc262614}.bookmark-empty{color:var(--fg-muted);text-align:center;padding:.5rem 0;font-size:.9rem}.bookmarks-section{border:1px solid var(--border);background:var(--card);border-radius:10px;margin-top:1rem;padding:.8rem 1rem}.bookmarks-section h3{color:var(--fg-muted);margin:0 0 .6rem;font-size:.95rem;font-weight:600}.bm-count{background:var(--accent);color:#fff;text-align:center;vertical-align:middle;border-radius:999px;min-width:1.4em;margin-left:.25rem;padding:0 .45em;font-size:.72rem;font-weight:700;display:inline-block}.bm-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.bm-card{border:1px solid var(--border);background:var(--bg);cursor:pointer;border-radius:10px;align-items:center;gap:.7rem;padding:.6rem .7rem;transition:border-color .15s,transform .15s;display:flex}.bm-card:hover{border-color:var(--accent);transform:translateY(-1px)}.bm-card-glyph{color:var(--accent);flex-shrink:0}.bm-card-body{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.bm-card-title{color:var(--fg);white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:600;overflow:hidden}.bm-card-meta{color:var(--fg-muted);font-size:.74rem}.bm-progress{background:var(--border);border-radius:999px;height:4px;margin-top:.15rem;display:block;overflow:hidden}.bm-progress-fill{background:var(--accent);border-radius:999px;height:100%;display:block}.bm-card-remove{width:1.75rem;height:1.75rem;color:var(--fg-muted);opacity:0;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .15s,background .15s,color .15s;display:inline-flex}.bm-card:hover .bm-card-remove,.bm-card:focus-within .bm-card-remove{opacity:1}.bm-card-remove:hover{color:#dc2626;background:#dc26261f}@media (hover:none){.bm-card-remove{opacity:1}}.bm-empty{color:var(--fg-muted);text-align:center;padding:.75rem 0;font-size:.9rem}@media (width<=640px){.bookmark-panel{width:auto;left:1rem;right:1rem}}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin:1.2rem 0;display:flex}.pagination button{border:1px solid var(--border);background:var(--bg);color:var(--fg);font:inherit;border-radius:6px;padding:.45rem .85rem;font-size:.9rem}.pagination button:hover:not(:disabled){border-color:var(--accent)}.pagination button:disabled{opacity:.35;cursor:not-allowed}.pagination-jump{align-items:center;gap:.35rem;display:inline-flex}.pagination-jump select{border:1px solid var(--border);background:var(--bg);color:var(--fg);font:inherit;border-radius:6px;padding:.35rem .4rem;font-size:.9rem}.pagination-info{color:var(--fg-muted);font-size:.85rem}.bookmarks-section .pagination{margin:.6rem 0 0}.novel-list li{display:flex}.novel-card{width:100%}.novel-list h2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.chapter-search{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--fg);font:inherit;border-radius:8px;margin:1.5rem 0 0;padding:.6rem .8rem}.chapter-search:focus{outline:2px solid var(--accent);outline-offset:-1px}.page-wide{max-width:1100px}.admin-toolbar{gap:.5rem;margin-bottom:1.25rem;display:flex}.btn-primary{background:var(--accent);color:#fff;border:1px solid var(--accent);font:inherit;border-radius:8px;justify-content:center;align-items:center;padding:.6rem 1.1rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary:hover{opacity:.9;text-decoration:none}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-sm{border:1px solid var(--border);background:var(--bg);color:var(--fg);font:inherit;border-radius:6px;justify-content:center;align-items:center;padding:.4rem .7rem;font-size:.85rem;text-decoration:none;display:inline-flex}.btn-sm:hover:not(:disabled){border-color:var(--accent);text-decoration:none}.btn-sm:disabled{opacity:.5;cursor:not-allowed}.btn-danger{color:#dc2626;border-color:var(--border)}.btn-danger:hover:not(:disabled){background:#dc262614;border-color:#dc2626}.admin-list{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.admin-row{border:1px solid var(--border);background:var(--card);border-radius:10px;align-items:center;gap:.85rem;padding:.7rem .85rem;display:flex}.admin-thumb{object-fit:cover;border-radius:5px;flex-shrink:0;width:44px;height:64px}.admin-thumb.cover-placeholder{font-size:1.2rem}.admin-row-body{flex:1;min-width:0}.admin-row-title{flex-wrap:wrap;align-items:center;gap:.5rem;font-weight:600;display:flex}.admin-row-actions{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:.4rem;display:flex}.type-badge{letter-spacing:.04em;border:1px solid var(--border);color:var(--fg-muted);border-radius:4px;padding:.1rem .4rem;font-size:.65rem;font-weight:700}.type-badge.type-pdf{color:var(--accent);border-color:var(--accent)}.admin-form{flex-direction:column;gap:1rem;max-width:100%;display:flex}.field{flex-direction:column;gap:.35rem;display:flex}.field>span{color:var(--fg-muted);font-size:.85rem}.field input[type=text],.field select,.field textarea{border:1px solid var(--border);background:var(--bg);color:var(--fg);font:inherit;border-radius:8px;padding:.65rem .8rem}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}.field input[type=file]{color:var(--fg-muted);font-size:.9rem}.admin-form-actions{align-items:center;gap:.75rem;margin-top:.5rem;display:flex}.chapter-meta-row{flex-wrap:wrap;gap:1rem;display:flex}.field-grow{flex:1;min-width:12rem}.md-editor{grid-template-columns:1fr 1fr;align-items:stretch;gap:1rem;display:grid}.md-editor-pane{flex-direction:column;gap:.35rem;min-width:0;display:flex}.md-editor-label{color:var(--fg-muted);font-size:.8rem}.md-textarea{border:1px solid var(--border);background:var(--bg);width:100%;min-height:60vh;color:var(--fg);resize:vertical;border-radius:8px;padding:.85rem 1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.95rem;line-height:1.6}.md-textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}.md-preview{border:1px solid var(--border);background:var(--card);border-radius:8px;max-width:none;min-height:60vh;margin:0;padding:.85rem 1rem;font-size:1rem;line-height:1.7;overflow-y:auto}@media (width<=720px){.md-editor{grid-template-columns:1fr}.md-textarea,.md-preview{min-height:40vh}}.pdf-reader{flex-direction:column;min-height:calc(100vh - 3rem);display:flex}.pdf-page-container{padding:1rem;padding-left:max(1rem, env(safe-area-inset-left,0));padding-right:max(1rem, env(safe-area-inset-right,0));flex:1;justify-content:center;align-items:flex-start;display:flex}.pdf-page-container .react-pdf__Document{width:100%;max-width:900px}.pdf-page-container .react-pdf__Page{box-shadow:var(--shadow);border-radius:4px;margin:0 auto;overflow:hidden}.pdf-page-container canvas{max-width:100%;display:block;height:auto!important}.pdf-nav{align-items:center}.pdf-page-info{text-align:center;font-variant-numeric:tabular-nums;color:var(--fg-muted);flex:1;font-size:.9rem}