:root{--emerald:#087F5B;--deep-emerald:#05634A;--gold:#C9A44C;--soft-gold:#E0C477;--ivory:#FFF9EE;--cream:#F5EEDC;--charcoal:#262923;--ink:var(--charcoal);--muted:#52645C;--paper:var(--ivory);--surface:#FFFEFA;--line:var(--soft-gold);--accent:var(--emerald);--accent-secondary:var(--gold);--danger:#A33A3A;--amethyst:var(--deep-emerald)}*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:3px}header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);border-bottom:1px solid var(--line);background:rgba(255,249,238,.96);position:sticky;top:0;z-index:10}.brand{font-family:Georgia,serif;font-size:1.45rem;font-weight:700;letter-spacing:.02em;color:var(--emerald)}.brand span{color:var(--amethyst);font-style:italic}header nav{display:flex;align-items:center;gap:26px;font-size:.92rem}header nav a:hover,header nav button:hover{color:var(--amethyst)}header nav form{margin:0}main{width:min(1180px,90%);margin:auto;min-height:70vh;padding:64px 0 90px}footer{text-align:center;padding:46px 20px;background:var(--emerald);color:var(--cream)}footer p{margin:.3rem}.hero{min-height:470px;display:grid;grid-template-columns:1.4fr .7fr;gap:50px;align-items:center;border-bottom:1px solid var(--line);margin-bottom:70px}.hero h1,.page-head h1,.novel-detail h1,.reader h1,.form-page h1{font-family:Georgia,serif;font-size:clamp(2.3rem,6vw,5.3rem);line-height:1.08;margin:.35em 0}.hero p{max-width:630px;color:var(--muted);font-size:1.1rem}.hero-mark{width:300px;aspect-ratio:1;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;font:italic 9rem Georgia;color:var(--amethyst);box-shadow:0 0 0 18px rgba(201,164,76,.3)}.eyebrow{text-transform:uppercase;letter-spacing:.15em;color:var(--amethyst);font-size:.75rem;font-weight:700}.button,button{border:0;cursor:pointer;font:inherit}.button{display:inline-block;padding:12px 22px;background:var(--emerald);color:var(--cream);border-radius:3px;font-weight:650}.button:hover,.search button:hover{background:var(--amethyst)}.button.secondary{background:transparent;color:var(--emerald);border:1px solid var(--gold);margin-left:8px}.link{background:none;padding:0;color:inherit}.danger{color:var(--danger)!important}.section-title{display:flex;align-items:center;justify-content:space-between;margin:36px 0 22px}.section-title h1,.section-title h2{font-family:Georgia,serif;font-size:2rem;margin:.2em 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.card{background:var(--surface);border:1px solid var(--line);transition:transform .18s}.card:hover{transform:translateY(-4px)}.cover{aspect-ratio:2/3;background:linear-gradient(145deg,var(--emerald),var(--amethyst));display:grid;place-items:center;color:var(--cream);font:italic 1.6rem Georgia;overflow:hidden}.cover img,.detail-cover img{width:100%;height:100%;object-fit:cover}.card-body{padding:20px}.card h3{font:1.35rem Georgia;margin:.4rem 0;color:var(--emerald)}.card p{color:var(--muted);font-size:.9rem;min-height:3em}.card small{color:var(--muted)}.chapter-list,.reading-list,.admin-list{border-top:1px solid var(--line)}.chapter-list>a,.reading-list>a{display:flex;justify-content:space-between;padding:18px 4px;border-bottom:1px solid var(--line)}.chapter-list>a:hover,.reading-list>a:hover{color:var(--amethyst)}.chapter-list span,.reading-list span{color:var(--muted)}.page-head{margin-bottom:42px}.page-head h1{font-size:3.7rem;color:var(--emerald)}.search{display:flex;max-width:600px}.search input{flex:1}.search button{background:var(--emerald);color:var(--cream);padding:0 22px}.empty{padding:35px;background:rgba(201,164,76,.22);color:var(--muted)}.novel-detail{display:grid;grid-template-columns:240px 1fr;gap:55px;align-items:center;margin-bottom:60px}.detail-cover{aspect-ratio:2/3;background:linear-gradient(145deg,var(--emerald),var(--amethyst));color:var(--cream);display:grid;place-items:center;font:6rem Georgia}.novel-detail h1{font-size:4rem;color:var(--emerald)}.byline{color:var(--muted)}.synopsis{font-size:1.05rem;max-width:750px}.reading-list{max-width:850px;margin:auto}.reading-list h2{font:2rem Georgia;color:var(--emerald)}.reader{width:min(760px,100%);margin:auto}.back{color:var(--amethyst)}.reader-head{text-align:center;margin:50px 0}.reader-head h1{font-size:3.2rem;color:var(--emerald)}.chapter-content{font-family:Georgia,"Noto Serif Thai",serif;font-size:1.18rem;line-height:2;color:var(--charcoal)}.chapter-content p{margin:0 0 1.55em}.ad-slot{height:72px;border:1px dashed var(--gold);color:var(--amethyst);display:grid;place-items:center;font-size:.75rem;margin:36px 0}.reader-nav{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:25px;margin-top:45px}.reader-nav a{color:var(--amethyst);max-width:45%}.auth{max-width:460px;margin:40px auto}.auth form,.form-page form{background:var(--surface);border:1px solid var(--line);padding:36px}.auth h1{font:2rem Georgia;color:var(--emerald)}.auth label,.form-page label{display:block;font-weight:650;margin-bottom:18px}.auth input,.form-page input,.form-page textarea,.form-page select,.search input{display:block;width:100%;padding:11px 12px;border:1px solid var(--gold);background:var(--surface);color:var(--charcoal);font:inherit;margin-top:6px}.password-field{position:relative;margin-top:6px}.password-field input{padding-right:48px;margin-top:0}.password-toggle{position:absolute;right:4px;top:50%;width:40px;height:40px;display:grid;place-items:center;transform:translateY(-50%);border-radius:3px;background:transparent;color:var(--emerald)}.password-toggle:hover{background:rgba(201,164,76,.25)}.password-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.password-toggle .eye-closed{display:none}.password-toggle[aria-pressed="true"] .eye-open{display:none}.password-toggle[aria-pressed="true"] .eye-closed{display:block}.form-page{max-width:800px;margin:auto}.form-page.wide{max-width:1000px}.form-page h1{font-size:3rem;color:var(--emerald)}.form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.editor{line-height:1.8;resize:vertical}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:35px 0}.stats>div{padding:28px;background:var(--surface);border:1px solid var(--line)}.stats strong{display:block;font:2.7rem Georgia;color:var(--emerald)}.stats span{color:var(--muted)}.admin-list>div{display:flex;justify-content:space-between;align-items:center;padding:18px 8px;border-bottom:1px solid var(--line)}.admin-list>div>div:last-child{display:flex;gap:18px}.admin-list small{display:block;color:var(--muted)}.notice{padding:12px 16px;margin:0 0 20px;border-left:4px solid}.notice.success{background:rgba(23,63,53,.1);border-color:var(--emerald)}.notice.error{background:rgba(103,81,125,.12);border-color:var(--amethyst)}
@media(max-width:800px){header{height:auto;min-height:70px;align-items:flex-start;padding-top:18px;padding-bottom:14px;gap:15px}header nav{gap:12px;flex-wrap:wrap;justify-content:flex-end}.hero{grid-template-columns:1fr}.hero-mark{display:none}.grid{grid-template-columns:repeat(2,1fr)}.novel-detail{grid-template-columns:150px 1fr;gap:25px}.novel-detail h1{font-size:2.6rem}.stats{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr 1fr}}
@media(max-width:520px){main{width:92%;padding-top:38px}header{display:block}.brand{display:block;margin-bottom:10px}header nav{justify-content:flex-start;font-size:.82rem}.hero{min-height:390px;margin-bottom:45px}.hero h1{font-size:2.55rem}.grid{grid-template-columns:1fr 1fr;gap:12px}.card-body{padding:13px}.card p{display:none}.novel-detail{display:block}.detail-cover{width:55%;margin:0 auto 28px}.novel-detail h1{font-size:2.4rem}.page-head h1,.form-page h1{font-size:2.5rem}.chapter-list>a{display:block}.chapter-list span{display:block}.reader-head{margin:35px 0}.reader-head h1{font-size:2.5rem}.chapter-content{font-size:1.08rem;line-height:1.95}.auth form,.form-page form{padding:22px}.form-row{grid-template-columns:1fr}.stats{gap:10px}.stats>div{padding:18px}.admin-list>div{display:block}.admin-list>div>div:last-child{margin-top:12px;flex-wrap:wrap}.section-title{align-items:flex-start;gap:18px}.section-title .button{white-space:nowrap}}
:root{--color-emerald:#087F5B;--color-emerald-deep:#05634A;--color-gold:#C9A44C;--color-gold-soft:#E0C477;--color-ivory:#FFF9EE;--color-cream:#F5EEDC;--color-text:#262923;--emerald:var(--color-emerald);--deep-emerald:var(--color-emerald-deep);--gold:var(--color-gold);--soft-gold:var(--color-gold-soft);--ivory:var(--color-ivory);--cream:var(--color-cream);--charcoal:var(--color-text)}

.novel-detail .synopsis{max-width:68ch;line-height:1.9;white-space:normal}.novel-detail .synopsis p{margin:0 0 1.1em;overflow-wrap:anywhere}.card .category-badge{display:inline-block;position:relative;z-index:1}.card .category-badge:hover{text-decoration:underline;text-underline-offset:3px}

.password-toggle .eye-icon{font-size:1.35rem;line-height:1;display:block}.password-toggle[aria-pressed="true"] .eye-icon{opacity:.55}
.catalog-menu{position:relative;display:inline-block}.catalog-menu>summary{display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid #e0c477;border-radius:10px;color:#05634a;cursor:pointer;list-style:none;font-size:1.35rem}.catalog-menu>summary::-webkit-details-marker{display:none}.catalog-menu>summary:focus-visible{outline:3px solid #c9a44c;outline-offset:2px}.catalog-menu>div{display:flex;flex-wrap:wrap;gap:.35rem;padding:.45rem;background:#fff9ee;border:1px solid #e0c477;border-radius:10px}.catalog-menu form{margin:0}.catalog-menu button{min-height:44px}@media(max-width:520px){.catalog-menu>div{max-width:min(78vw,18rem)}}