:root{--bg:#faf8f4;--card:#fff;--fg:#222;--mut:#6b675f;--bd:#e3ded4;--ac:#8a4b2a;--acfg:#fff;--bad:#b33;--ok:#2e7d4f;--warn:#a86a00}[data-t=dark]{--bg:#16161a;--card:#1e1e24;--fg:#e6e3dc;--mut:#9a968d;--bd:#2c2c33;--ac:#e0a070;--acfg:#16161a;--bad:#f07f7f;--ok:#6fcf97;--warn:#f2c94c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-t=sepia]{--bg:#f1e6cf;--card:#f7eedb;--fg:#3b2f20;--mut:#7a6a52;--bd:#d9c9a8;--ac:#8a4b2a;--acfg:#fff}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--fg);margin:0;font:16px/1.6 Noto Sans Thai,system-ui,sans-serif}main{max-width:760px;margin:0 auto;padding:16px 16px 64px}h1{margin:.6em 0 .4em;font-size:1.6rem}h2{align-items:center;gap:8px;margin:1.6em 0 .5em;font-size:1.2rem;display:flex}h3{margin:0;font-size:1.05rem}p{margin:.4em 0}button,select,input,textarea,.btn{font:inherit;color:inherit;background:var(--card);border:1px solid var(--bd);border-radius:8px;min-height:44px;padding:9px 14px}button,.btn{cursor:pointer;justify-content:center;align-items:center;gap:6px;display:inline-flex}button:hover:not(:disabled),.btn:hover{border-color:var(--ac)}button:disabled{opacity:.45;cursor:not-allowed}button.p{background:var(--ac);color:var(--acfg);border-color:var(--ac)}button.d{color:var(--bad)}button.on{border-color:var(--ac);color:var(--ac);font-weight:600}button.link{color:var(--ac);background:0 0;border:0;min-height:36px;padding:4px 0;text-decoration:underline}button.back{margin-top:8px}textarea,input:not([type=checkbox]):not([type=number]),select{width:100%;margin:4px 0}select.auto{width:auto;margin:0}textarea{resize:vertical;min-height:130px}label{display:block}label.row,label.chk{display:flex}input.num{width:90px;margin:0}input[type=checkbox]{width:20px;height:20px;min-height:0;accent-color:var(--ac)}:focus-visible{outline:2px solid var(--ac);outline-offset:2px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row.two>*{flex:200px}.stack{flex-direction:column;gap:10px;display:flex}.card{background:var(--card);border:1px solid var(--bd);border-radius:12px;margin:8px 0;padding:14px}.card.hint{border-style:dashed}.card.hint ol{margin:.4em 0 0;padding-left:1.4em}.mut{color:var(--mut);font-size:14px}.mut.block{margin:2px 0;display:block}.err{color:var(--bad);font-size:14px}.warn-t{color:var(--warn);font-size:14px}.push{margin-left:auto}.step{background:var(--ac);width:26px;height:26px;color:var(--acfg);border-radius:50%;place-items:center;font-size:14px;display:inline-grid}.bar{z-index:5;background:var(--bg);border-bottom:1px solid var(--bd);position:sticky;top:0}.bar-in{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;max-width:760px;margin:0 auto;padding:8px 16px;display:flex}.brand{background:0 0;border:0;padding:4px;font-size:1.05rem;font-weight:700}.seg{gap:8px;margin:8px 0;display:flex}.seg button{flex:1}.novel{align-items:center;gap:8px;display:flex}.novel-main{text-align:left;background:0 0;border:0;flex-direction:column;flex:1;align-items:flex-start;gap:2px;padding:4px;display:flex}.progress{background:var(--bd);border-radius:99px;height:10px;overflow:hidden}.progress i{background:var(--ok);height:100%;transition:width .3s;display:block}.notice{border:1px solid var(--bd);border-radius:8px;padding:10px 12px;font-size:14px}.notice.err{color:var(--bad);border-color:var(--bad)}.notice.ok{color:var(--ok);border-color:var(--ok)}.notice.warn{color:var(--warn);border-color:var(--warn)}.list{padding:0}.li{border-top:1px solid var(--bd);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;display:flex}.li:first-child{border-top:0}.li-main{flex-wrap:wrap;flex:220px;align-items:center;gap:8px;display:flex}.li-main .err{flex-basis:100%}.li button{min-height:36px;padding:4px 10px;font-size:14px}.pill{border:1px solid var(--bd);color:var(--mut);border-radius:99px;padding:1px 8px;font-size:12px}.pill.ok{color:var(--ok);border-color:var(--ok)}.pill.bad{color:var(--bad);border-color:var(--bad)}.pill.warn{color:var(--warn);border-color:var(--warn)}.savebar{background:var(--bg);border-top:1px solid var(--bd);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 0;display:flex;position:sticky;bottom:0}.banner{border-radius:8px;max-width:760px;margin:8px auto;padding:10px 14px;font-size:14px}.err-b{border:1px solid var(--bad);color:var(--bad)}.toast{background:var(--fg);color:var(--bg);z-index:10;border-radius:99px;padding:10px 18px;font-size:14px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0004}.reader{max-width:680px}.rnav{justify-content:space-between;align-items:center;gap:8px;margin:12px 0;display:flex}.rnav select{flex:1;min-width:0;margin:0}.ctitle{justify-content:center;margin:1em 0 .8em}article{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 2em;font-family:Noto Serif Thai,Sarabun,serif;line-height:1.95}.tools{justify-content:center;margin-top:24px}@media (prefers-reduced-motion:no-preference){button{transition:border-color .15s,opacity .15s}}