/* ธีม GOT IT, BABE (v2.152.0 เจ้าของ 2026-11-03 "อยากได้ font/สี theme แบบ gotitbabe.studio" เลือก: ทั้งเว็บ)
   ต้นทาง = เว็บ studio (C:\Users\Bartm\OneDrive\Desktop\gotitbabe.studio public/assets/css/site.css): พื้นขาว หมึกดำอุ่น ทอง / หัวข้อ Caprasimo (ไทยตกไป Kanit) เนื้อหา Outfit + Kanit
   โหลดเป็นไฟล์สุดท้ายใน <head> ของ index / planettood / littlestories / fanfleur-guide → ทับตัวแปรเดิมของทุกหน้า (ชื่อตัวแปรแต่ละหน้าไม่เหมือนกัน เลยต้องทับทีละชุด)
   เอาธีมออก = ลบ <link> ไฟล์นี้ + คืนลิงก์ฟอนต์ Fredoka/Mali / ตัวอ่าน (toon.css กรอบคำพูด) ยังใช้ Mali ตามเดิม ไม่แตะ
   โหมดมืด = สีการ์ด FanFleur ของเว็บ studio (ดำอุ่น + งาช้าง + ทอง) เว็บ studio เองไม่มีโหมดมืด */
:root{--g-bg:#FFFFFF;--g-soft:#F6F4EF;--g-soft2:#EBE6DB;--g-ink:#1F1D1A;--g-ink2:#4D4943;--g-ink3:#6F6A62;--g-line:#DEDAD3;--g-line2:#C9C6C0;
  --g-gold:#C6A15B;--g-gold-l:#D6B878;--g-gold-d:#85652B;--g-on-gold:#1F1D1A;
  --g-display:"Caprasimo","Kanit",Georgia,serif;--g-ui:"Outfit","Kanit",system-ui,-apple-system,"Segoe UI",sans-serif;--g-r:1.25rem;--g-r-sm:.4rem}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--g-bg:#1F1D1A;--g-soft:#2C2925;--g-soft2:#36322D;--g-ink:#FFFAF0;--g-ink2:#D9D2C6;--g-ink3:#B3AB9E;--g-line:#3A3631;--g-line2:#4A453F;--g-gold-d:#D6B878}}
:root[data-theme="dark"]{--g-bg:#1F1D1A;--g-soft:#2C2925;--g-soft2:#36322D;--g-ink:#FFFAF0;--g-ink2:#D9D2C6;--g-ink3:#B3AB9E;--g-line:#3A3631;--g-line2:#4A453F;--g-gold-d:#D6B878}

/* ---- ตัวแปรของแต่ละหน้า → ชุด studio ---- */
/* shell.css (หัวเว็บ login ปุ่มบัญชี/ภาษา หน้า Planet Tood) */
:root,:root:not([data-theme="light"]),:root[data-theme="dark"]{--cream:var(--g-bg);--paper:var(--g-soft);--ink:var(--g-ink);--ink-soft:var(--g-ink3);--lav:var(--g-gold);--lav-deep:var(--g-ink);--lav-soft:var(--g-soft2);
  --butter:var(--g-gold-l);--line:var(--g-line);--s1:var(--g-bg);--s2:var(--g-bg);--s3:var(--g-soft);--display:var(--g-display);--body:var(--g-ui)}
/* index.html (Home) */
:root,:lang(th){--f-mark:var(--g-display);--f-display:var(--g-display);--w-display:400;--f-body:var(--g-ui);
  --c-bg:var(--g-bg);--c-bg2:var(--g-bg);--c-surface:var(--g-soft);--c-ink:var(--g-ink);--c-muted:var(--g-ink3);--c-line:var(--g-line);--c-soft:var(--g-soft);
  --c-accent:var(--g-gold);--c-accent-ink:var(--g-gold-d);--c-pollen:var(--g-gold);--c-pollen-d:var(--g-gold-d);--c-sage-ink:var(--g-ink2);--c-dark:#1F1D1A;--c-on-dark:#FFFAF0}
:lang(th){--w-display:600}   /* Caprasimo ไม่มีตัวไทย → Kanit หนา 600 แบบเว็บ studio */
/* littlestories.html */
:root,:root:not([data-theme="light"]),:root[data-theme="dark"]{--sky:var(--g-bg);--sky2:var(--g-bg);--hull:var(--g-soft);--hull2:var(--g-soft2);--sage-d:var(--g-ink2);--amber:var(--g-gold);--amber-d:var(--g-gold-d);
  --ink-s:var(--g-ink3);--lav-d:var(--g-ink);--ph:var(--g-soft2)}
/* guide.css (FanFleur Guide: คงชมพูกลีบบัว/เขียวสวนเป็นสีประจำ FanFleur) */
:root{--paper2:var(--g-soft);--card:var(--g-bg);--gold:var(--g-gold);--gold-l:var(--g-soft2)}
body:has(.top-in){--paper:var(--g-bg);--ink-s:var(--g-ink3)}

/* ตัวอ่าน (กรอบคำพูดวางตำแหน่งไว้ใน editor ตามขนาด Mali) = คงฟอนต์เดิม */
.tn{--body:"Mali",ui-rounded,system-ui,sans-serif}

/* ---- พื้นฐาน ---- */
html{font-synthesis:none}   /* Caprasimo มีน้ำหนักเดียว ห้ามเบราว์เซอร์ทำตัวหนาปลอม (ไทยใช้ Kanit หนาจริง) */
body{background:var(--g-bg);color:var(--g-ink);font-family:var(--g-ui);-webkit-font-smoothing:antialiased}
:lang(th) body{line-height:1.75}
body.home{font:400 17px/1.6 var(--g-ui);background:var(--g-bg)}
a:focus-visible,button:focus-visible{outline:2px solid var(--g-ink);outline-offset:3px}

/* ป้ายเล็ก (eyebrow) */
.lbl,.eye,.hero .kick,.brand small{font:600 .78rem/1.3 var(--g-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--g-ink3)}
:lang(th) .lbl,:lang(th) .eye,:lang(th) .hero .kick,:lang(th) .brand small{font-size:.95rem;font-weight:500;letter-spacing:.02em}
.gd .lbl{color:var(--g-ink3)}

/* หัวข้อ = หมึกดำ (เดิมม่วง) */
.pt-hero h1,.pt-txt b,.pt-act1,.sh,.pc b,.brand b,.cc b,.ep b,.sc-tx b{color:var(--g-ink)}
.pt-hero h1{font-weight:400;text-shadow:none;letter-spacing:-.01em}
:lang(th) .pt-hero h1{font-weight:600}
.sh h2::before,.mt0 h2::before,.mt0.in h3::before{width:4px;border-radius:0;background:var(--g-gold)}

/* ---- ปุ่ม: แบบ .btn ของ studio (มุมเกือบเหลี่ยม ตัวพิมพ์ใหญ่ ไม่มีเงานูน) ---- */
.bt,.btn,.pt-next,.pt-jump button,.au-btn{border-radius:var(--g-r-sm);font:700 .85rem/1.1 var(--g-ui);letter-spacing:.04em;text-transform:uppercase;box-shadow:none;border:1.5px solid transparent;transition:background-color .2s,border-color .2s,color .2s,transform .2s}
:lang(th) .bt,:lang(th) .btn,:lang(th) .pt-next,:lang(th) .pt-jump button,:lang(th) .au-btn{font-weight:600;font-size:.95rem;letter-spacing:.01em}
.bt:hover,.btn:hover,.pt-next:hover,.pt-jump button:hover{transform:translateY(-1px)}
.bt:active,.btn:active,.pt-next:active{transform:translateY(1px);box-shadow:none}
.bt.pollen,.btn,.pt-next,.pt-jump button,.au-btn{background:var(--g-gold);border-color:var(--g-gold);color:var(--g-on-gold)}
.bt.pollen:hover,.btn:hover,.pt-next:hover,.pt-jump button:hover{background:var(--g-gold-l);border-color:var(--g-gold-l)}
.bt.ink{background:var(--g-ink);border-color:var(--g-ink);color:var(--g-bg)}.bt.ink:hover{background:var(--g-ink2)}
.bt.ghost{background:transparent;border-color:currentColor;border-width:1.5px;color:var(--g-ink)}.bt.ghost:hover{background:var(--g-ink);color:var(--g-bg)}
.on-dark .bt.ghost{color:#FFFAF0}.on-dark .bt.ghost:hover{background:#FFFAF0;color:#1F1D1A}
.btn:disabled{background:var(--g-soft2);border-color:var(--g-soft2);color:var(--g-ink3)}
.pt-next small{font:500 .85rem var(--g-ui);text-transform:none;letter-spacing:0;opacity:.85}
/* ปุ่มรอง/ชิป = เส้นบาง */
.chip,.back,.pt-back,.pt-acts button,.lang-chip,.acct-chip,.picks button,.lk{border-radius:999px;border:1.5px solid var(--g-line2);background:transparent;color:var(--g-ink);font-family:var(--g-ui);font-weight:600;box-shadow:none}
/* v2.156.0 ปุ่มภาษา/บัญชีบนเมนู Home ที่ลอยทับภาพ hero = ขาว */
.home .nv .lang-chip,.home .nv .acct-chip{color:#fff;border-color:rgba(255,255,255,.6)}.home .nv .lang-chip:hover,.home .nv .acct-chip:hover{background:rgba(255,255,255,.16);border-color:#fff}
.chip:hover,.back:hover,.pt-back:hover,.pt-acts button:hover{border-color:var(--g-ink)}
.pt-acts button[aria-selected="true"],.picks button[aria-pressed="true"]{background:var(--g-ink);border-color:var(--g-ink);color:var(--g-bg)}
.pt-jump input{border-radius:var(--g-r-sm);border:1.5px solid var(--g-line2);background:var(--g-bg);font-family:var(--g-ui)}
.pt-jump label{font-family:var(--g-ui)}

/* ---- การ์ด: แบน เส้น 1px ไม่มีเงาทึบ ---- */
.ct a,.home .st,.home .soon,.tc,.mt0,.pc,.pt-ep,.sc,.cc,.ep,.cat,.card,.letter{border:1px solid var(--g-line);box-shadow:none;border-radius:var(--g-r)}
.lt .im,.gd .im,.pc0 .im{border:0;outline:0;box-shadow:none;border-radius:var(--g-r)}
.home .st .im{border-bottom:1px solid var(--g-line)}
.mt0{background:var(--g-soft)}
.tc{background:var(--g-bg)}
.pt-ep,.sc,.cc,.ep{background:var(--g-bg)}
.pt-ep:hover,a.sc:hover{border-color:var(--g-ink)}
.pt-thumb,.ep-img,.cc img{border-radius:.75rem}
.st-img{border-radius:var(--g-r);border:0}
.home .soon{border-style:dashed;border-color:var(--g-line2)}
.cb{background:#1F1D1A;color:#FFFAF0;box-shadow:none;border-radius:var(--g-r)}
.cb a{color:var(--g-gold)}
.hero-card{border-radius:var(--g-r);border:1px solid var(--g-line);box-shadow:0 10px 24px -20px rgba(31,29,26,.35);background:color-mix(in srgb,var(--g-bg) 90%,transparent)}
.hero-art{border-radius:var(--g-r);box-shadow:none}
.sc.collab{background:var(--g-soft)}

/* ป้ายสถานะ */
.home .pill,.sc-img i,.stg b{background:var(--g-gold);color:var(--g-on-gold);font-family:var(--g-ui);font-weight:600}
.tg,.pt-st{background:var(--g-soft2);color:var(--g-ink2);font-family:var(--g-ui)}
.pt-st.new{background:var(--g-gold);color:var(--g-on-gold)}.pt-st.watching{background:var(--g-ink);color:var(--g-bg)}
.st-tx .after{background:var(--g-soft2);font-family:var(--g-ui)}
.pt-thumb i{background:rgba(31,29,26,.75);font-family:var(--g-ui)}
.dots button[aria-current="true"]::before{background:var(--g-gold)}
@keyframes ptHit{0%,40%{box-shadow:0 0 0 3px var(--g-gold)}100%{box-shadow:0 0 0 0 transparent}}

/* ---- หัวเว็บ ---- */
.nv-logo,.ft b.lg{font:400 clamp(1.25rem,1.1rem + .6vw,1.55rem)/1 var(--g-display);letter-spacing:0}
.nv ul a{font:600 .82rem/1 var(--g-ui);letter-spacing:.04em;text-transform:uppercase}
@media (max-width:620px){.nv ul a{font-size:.72rem;letter-spacing:.02em}}
.ft h4{font-family:var(--g-ui)}
.ft{border-top:1px solid var(--g-line)}
.links a{font-family:var(--g-ui)}
.top:has(.top-in){background:color-mix(in srgb,var(--g-bg) 92%,transparent);border-bottom-color:var(--g-line2)}
.brand{font-family:var(--g-display);font-weight:400}
.hero{background:none}

/* ---- v2.157.0 เมนูบนร่วมทุกหน้า (.gnv ใน planettood / littlestories / fanfleur-guide) = แบบ Home แต่พื้นขาวทึบ ---- */
.gnv{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--g-bg) 92%,transparent);backdrop-filter:saturate(1.2) blur(10px);border-bottom:1px solid var(--g-line2)}
.gnv .wrap{max-width:1240px;margin:0 auto;padding:0 clamp(16px,4vw,40px);display:flex;align-items:center;gap:20px;min-height:64px}
.gnv .nv-logo{color:var(--g-ink);text-decoration:none;white-space:nowrap}
.gnv ul{display:flex;gap:4px;list-style:none;margin:0 0 0 auto;padding:0}
.gnv ul a{display:block;padding:8px 12px;border-radius:999px;text-decoration:none;color:var(--g-ink2)}
.gnv ul a:hover{background:var(--g-soft);color:var(--g-ink)}
.gnv ul a[aria-current="page"]{color:var(--g-ink);box-shadow:inset 0 -2px 0 var(--g-gold);border-radius:0}
.gnv .hdr-actions{display:flex;align-items:center;gap:8px}
@media (max-width:820px){.gnv .wrap{flex-wrap:wrap;gap:0 12px;min-height:56px;padding-top:8px}.gnv .hdr-actions{margin-left:auto}
  .gnv ul{order:3;width:100%;margin:0 0 0 -10px;padding:0 0 6px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.gnv ul::-webkit-scrollbar{display:none}}
/* มือถือ: ปุ่มภาษา/บัญชี/เสียงเล็กลง (เดิม 44px ใหญ่ไป) */
@media (max-width:620px){.nv .lang-chip,.nv .acct-chip,.nv .icon-btn{height:34px;min-width:34px;font-size:.8rem;padding:0 10px;border-width:1.5px}
  .nv .acct-chip:not(.g){width:34px;padding:0}.nv .acct-chip svg,.nv .icon-btn svg{width:16px;height:16px}.nv .hdr-actions{gap:6px}.nv-logo{font-size:1.15rem}}
.pt{padding-top:16px}

/* ---- v2.157.0 Little Stories ธีมเดียวกับ Home (เลิกน้ำเงินหมึก/ชมพูของเรื่อง ff1) ---- */
[data-acc],:root:not([data-theme="light"]) [data-acc],:root[data-theme="dark"] [data-acc]{--acc:var(--g-ink);--acc2:var(--g-line);--paper:var(--g-bg);--gold:var(--g-gold)}
.tagline{font-family:var(--g-display);font-weight:400}:lang(th) .tagline{font-weight:600}
.sp{font-family:var(--g-ui);font-weight:600;letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;color:var(--g-ink3)}
:lang(th) .sp{letter-spacing:.02em;font-size:.95rem}
.pc{text-decoration:none;color:var(--g-ink)}a.pc:hover{border-color:var(--g-ink)}

/* ---- v2.157.0 FánFleur Guide ธีมเดียวกับ Home (เลิกชมพูกลีบบัว/เขียวสวน) ---- */
.gd-page{--lotus:var(--g-soft2);--lotus-d:var(--g-gold-d);--sage:var(--g-line2);--sage-d:var(--g-ink);--paper:var(--g-bg);--paper2:var(--g-soft);--line:var(--g-line);--ink:var(--g-ink);--ink-s:var(--g-ink3)}
.gd-page .eye{color:var(--g-ink3);font-family:var(--g-ui)}
.gd-page .tint{background:var(--g-soft)}
.gd-page .honest,.gd-page .disc{background:var(--g-soft);border-left-color:var(--g-gold)}
.gd-page .takes{background:var(--g-soft)}
.gd-page .ltr-pic{border-color:var(--g-gold)}
.gd-page .letter{background:var(--g-bg)}
.gd-page .cat.now{border:1px solid var(--g-ink)}
.gd-page .cat.now .st{background:var(--g-gold);color:var(--g-on-gold)}
.gd-page .st{background:var(--g-soft2);color:var(--g-ink2);font-family:var(--g-ui)}
.gd-page .ex{background:var(--g-gold);color:var(--g-on-gold);font-family:var(--g-ui)}
.gd-page .picks button{border-color:var(--g-line2)}
.gd-page .hero h1 small,.gd-page .tag{color:var(--g-ink2)}
.gd-page h1,.gd-page h2,.gd-page h3{color:var(--g-ink)}
.gd-page .foot{background:var(--g-soft);color:var(--g-ink2)}
/* v2.157.0 บรรทัด "41 ตอน · อ่านฟรี" ใต้ปุ่ม hero: `.home p{margin:0}` ทับ margin เดิมจนชิดปุ่ม (0px) */
.home .hr0-m{margin-top:20px}
/* ปุ่มทอง/หมึกของ Home ยังมีเงานูนจาก index.html → แบนแบบ studio */
.bt.pollen,.bt.ink,.btn.sm{box-shadow:none}
/* v2.158.0 Little Stories: หัวข้อใต้เมนูร่วมชิดไป */
.gnv~.shell .tagline{margin-top:clamp(24px,4vw,40px)}
/* carousel ตอน: ลากด้วยเมาส์ได้ (series.js) */
.pt-list.drag{cursor:grabbing;scroll-snap-type:none;user-select:none}.pt-list.drag .pt-ep{pointer-events:none}