/* ============================================================
   theme-carrd.css — ธีมเพิ่มเติม "แคร์ด 2D (กระดาษโน้ต)" ของ ZONE KUN
   ไฟล์แยกต่างหาก ไม่แตะ theme-cms.css / ไฟล์หลัก — ลบไฟล์นี้ + theme-carrd.js ออก ธีมนี้ก็หายไปเฉยๆ เว็บเดิมไม่กระทบ
   สไตล์: โปรไฟล์การ์ด Carrd | วินเทจ-มินิมอล | แบนราบ 2D | ขาว-เทา | กล่องขอบเส้นทึบ + กระดาษโน้ต
   [v3.2] เพิ่มธีมกระจก 3 แบบ (glassnight / glassfrost / liquidglass) + planner และอัพเกรด pixelwin / doodle ตามภาพอ้างอิงชุดใหม่ — ธีมเดิมที่ไม่ได้กล่าวถึงไม่ถูกแก้
   id = "carrd"  (ตั้ง attribute data-site-theme="carrd" บน <html> ผ่าน theme-cms.js)
   ส่วนที่ 1 = เขียนทับ "ตัวแปรสี/มุม/เงา" (ปลอดภัย ทำงานแบบเดียวกับธีมอื่น)
   ส่วนที่ 2 = ลูกเล่น 2D แบบ "เลือกใช้ได้" (ตัวอักษร, ขอบ, คลาสตกแต่ง .tc-*) แก้/ลบได้โดยไม่กระทบส่วนที่ 1
   ============================================================ */

/* ---------- ส่วนที่ 1A : โหมดสว่าง (ขาว-เทาแบบ Carrd) ---------- */
html[data-site-theme="carrd"][data-theme="light"]{
  --zk-0:#FFFFFF;--zk-1:#FAFAFA;--zk-2:#F4F4F4;--zk-3:#E6E6E6;--zk-4:#D2D2D2;--zk-5:#A3A3A3;--zk-6:#707070;--zk-7:#505050;--zk-8:#3E3E3E;--zk-9:#262626;--zk-10:#161616;--zk-11:#0A0A0A;
  /* พื้นหลังเทาอ่อน + ลายทแยงจางๆ เหมือนพื้นหลังลายผ้าในภาพต้นฉบับ */
  --bg-grad:repeating-linear-gradient(135deg, rgba(0,0,0,0.035) 0 14px, rgba(255,255,255,0) 14px 28px), linear-gradient(180deg,#EDEDED 0%,#E2E2E2 100%);
  --grid-line:rgba(0,0,0,0.06);
  --text:#333333;
  --head:#1F1F1F;
  --muted:#4F4F4F;
  --faint:#666666;
  --line:rgba(70,70,70,0.6);
  --chip:rgba(0,0,0,0.07);
  --btn:linear-gradient(180deg,#DADADA 0%,#DADADA 100%);
  --btn-text:#444444;
  --btn-rim:rgba(0,0,0,0.35);
  --head-grad:linear-gradient(120deg,#1F1F1F 0%,#4A4A4A 100%);
  --accent:#4A4A4A;
  --accent-text:#FFFFFF;
  --disc:radial-gradient(circle at 50% 50%,#F2F2F2,#BDBDBD 100%);
  /* เงาแบบ 2D: เงาแข็งเยื้องมุม ไม่เบลอ (เหมือนกระดาษวางซ้อน) */
  --shadow-soft:3px 3px 0 rgba(0,0,0,0.12);
  --shadow-deep:6px 6px 0 rgba(0,0,0,0.16);
  --read-paper:#FBFBFA;
  --read-paper-bd:rgba(70,70,70,0.45);
  --read-paper-shadow:4px 4px 0 rgba(0,0,0,0.1);
  --glass-flat:#F6F6F6;
  /* พื้นผิวการ์ด/โมดัล/แถบเมนูของเว็บหลักใช้ตัวแปรกลุ่มนี้ — ทำให้เป็นกระดาษทึบ ขอบเส้นทึบ ไม่ใสแบบกระจก */
  --glass:linear-gradient(#FDFDFC,#FDFDFC);--glass-bd:rgba(70,70,70,0.55);--glass-rim:rgba(0,0,0,0);
  --inner:none;--field-bg:#FFFFFF;--read-surface:#FBFBFA;
  --tc-paper:#FDFDFC;--tc-bar-a:#F7F7F7;--tc-bar-b:#C9C9C9;--tc-bar-text:#FFFFFF;--tc-tape:rgba(190,190,190,0.7);
}

/* ---------- ส่วนที่ 1B : โหมดมืด (เทาถ่าน) ---------- */
html[data-site-theme="carrd"][data-theme="dark"]{
  --zk-0:#000000;--zk-1:#0A0A0A;--zk-2:#171717;--zk-3:#262626;--zk-4:#383838;--zk-5:#525252;--zk-6:#8A8A8A;--zk-7:#A6A6A6;--zk-8:#D4D4D4;--zk-9:#E6E6E6;--zk-10:#F4F4F4;--zk-11:#FAFAFA;
  --bg-grad:repeating-linear-gradient(135deg, rgba(255,255,255,0.03) 0 14px, rgba(255,255,255,0) 14px 28px), linear-gradient(180deg,#2B2B2B 0%,#161616 100%);
  --grid-line:rgba(255,255,255,0.05);
  --text:#EAEAEA;
  --head:#FFFFFF;
  --muted:#CFCFCF;
  --faint:#A5A5A5;
  --line:rgba(225,225,225,0.45);
  --chip:rgba(255,255,255,0.1);
  --btn:linear-gradient(180deg,#CFCFCF 0%,#CFCFCF 100%);
  --btn-text:#1A1A1A;
  --btn-rim:rgba(255,255,255,0.4);
  --head-grad:linear-gradient(120deg,#FFFFFF 0%,#BDBDBD 100%);
  --accent:#E6E6E6;
  --accent-text:#111111;
  --disc:radial-gradient(circle at 50% 50%,#CFCFCF,#6B6B6B 100%);
  --shadow-soft:3px 3px 0 rgba(0,0,0,0.5);
  --shadow-deep:6px 6px 0 rgba(0,0,0,0.6);
  --read-paper:#2A2A2A;
  --read-paper-text:#F0F0F0;
  --read-paper-bd:rgba(225,225,225,0.3);
  --glass-flat:#262626;
  --glass:linear-gradient(#2A2A2A,#2A2A2A);--glass-bd:rgba(225,225,225,0.32);--glass-rim:rgba(255,255,255,0);
  --inner:none;--field-bg:#1F1F1F;--read-surface:#2A2A2A;
  --tc-paper:#2C2C2C;--tc-bar-a:#4A4A4A;--tc-bar-b:#2E2E2E;--tc-bar-text:#FFFFFF;--tc-tape:rgba(150,150,150,0.55);
}

/* ---------- ส่วนที่ 1C : มุมเหลี่ยมเล็กน้อย (ใช้ได้ทั้งสองโหมด) ---------- */
html[data-site-theme="carrd"]{
  --r-xs:2px;--r-sm:4px;--r-md:5px;--r-lg:6px;--r-xl:8px;
  --blur:none; /* ปิดเบลอกระจกที่ตัวแปร (เว็บหลักใช้ backdrop-filter:var(--blur)) */
  /* ฟอนต์: ใช้ Inter + Anuphan ที่เว็บโหลดอยู่แล้ว (ไม่ต้องโหลดเพิ่ม) */
  --tc-font:'Inter','Anuphan','Roboto',system-ui,sans-serif;
  --font:var(--tc-font);--display:var(--tc-font);
  /* ตัวเลือก: อยากได้ปุ่มเหลี่ยมแบบ Carrd เต็มที่ ให้เปิดบรรทัดล่าง (ปุ่มกลม/จุดสถานะบางจุดจะเหลี่ยมตามด้วย) */
  /* --pill:10px; */
}

/* ============================================================
   ส่วนที่ 2 : ลูกเล่น 2D (เลือกใช้ได้) — ไม่ต้องการส่วนไหนลบบล็อกนั้นได้เลย
   ============================================================ */

/* 2.1 ตัวอักษรสไตล์ Carrd (ไม่เปลี่ยนขนาด) */
html[data-site-theme="carrd"] body,
html[data-site-theme="carrd"] button,
html[data-site-theme="carrd"] input,
html[data-site-theme="carrd"] select,
html[data-site-theme="carrd"] textarea{font-family:var(--tc-font)}

/* 2.2 แบนราบ: ปิดเอฟเฟกต์กระจกเบลอทั้งหมดให้เป็น 2D */
html[data-site-theme="carrd"] *{-webkit-backdrop-filter:none !important;backdrop-filter:none !important}

/* 2.3 ช่องกรอก = กล่องขอบเส้นทึบ */
html[data-site-theme="carrd"] input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),
html[data-site-theme="carrd"] select,
html[data-site-theme="carrd"] textarea{border:1.5px solid var(--line);border-radius:var(--r-sm);background:var(--tc-paper,#fff);box-shadow:none}

/* 2.4 ปุ่มของแอดมินตัวเลือกธีม (.tcms-*) ให้เป็นเหลี่ยมแบน */
html[data-site-theme="carrd"] .tcms-card{border-width:1.5px;box-shadow:var(--shadow-soft)}
html[data-site-theme="carrd"] .tcms-card:hover{transform:translate(-1px,-1px);box-shadow:var(--shadow-deep)}
html[data-site-theme="carrd"] .tcms-btn{border-radius:var(--r-sm);border-width:1.5px}
html[data-site-theme="carrd"] ::selection{background:var(--accent);color:var(--accent-text)}

/* 2.5 คลาสตกแต่งแบบ Carrd (เติม class ใน HTML เองได้ตามต้องการ — ไม่ใส่ก็ไม่มีผล) */
/* .tc-box = กล่องข้อความขอบเส้นทึบ (เหมือนกล่อง "Before You Follow" ในภาพ) */
html[data-site-theme="carrd"] .tc-box{padding:10px 12px;border:1.5px solid var(--line);border-radius:var(--r-xs);background:var(--tc-paper);color:var(--text)}

/* .tc-bar = แถบหัวไล่เฉด ขาว→เทา ตัวหนังสือขาวมีเงา ("File | View | Edit") */
html[data-site-theme="carrd"] .tc-bar{display:block;padding:6px 12px;border:1.5px solid var(--line);border-radius:var(--r-xs);background:linear-gradient(180deg,var(--tc-bar-a),var(--tc-bar-b));color:var(--tc-bar-text);font-weight:700;letter-spacing:.02em;text-shadow:0 1px 2px rgba(0,0,0,.45)}

/* .tc-tag = ป้ายหัวข้อไฮไลต์พื้นเทา ("Type Here:" / "Stan List..") */
html[data-site-theme="carrd"] .tc-tag{display:inline-block;padding:1px 8px;background:var(--chip);color:var(--head);font-weight:700;border-radius:2px}

/* .tc-pill = ปุ่มเมนูกรอบมนเล็กน้อย (profile / guidelines / home) */
html[data-site-theme="carrd"] .tc-pill{display:inline-block;padding:7px 18px;border:1.5px solid var(--line);border-radius:var(--r-lg);background:var(--tc-paper);color:var(--text);font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s}
html[data-site-theme="carrd"] .tc-pill:hover{transform:translate(-1px,-1px);box-shadow:var(--shadow-soft)}

/* .tc-note = กระดาษโน้ต: พื้นกระดาษ + เส้นบรรทัดจาง + มุมพับ + เงาแข็ง */
html[data-site-theme="carrd"] .tc-note{position:relative;padding:14px 16px 14px 18px;background:
  linear-gradient(135deg,transparent 0 calc(100% - 16px),rgba(0,0,0,.14) calc(100% - 16px) 100%) bottom right/100% 100% no-repeat,
  repeating-linear-gradient(180deg,transparent 0 23px,rgba(0,0,0,.07) 23px 24px),var(--tc-paper);
  border:1.5px solid var(--line);border-radius:var(--r-xs);color:var(--text);line-height:24px;box-shadow:var(--shadow-soft)}

/* .tc-tape = เทปกาวติดมุมกระดาษ (ใช้คู่กับ .tc-note หรือ .tc-box) */
html[data-site-theme="carrd"] .tc-tape::before{content:"";position:absolute;top:-9px;left:50%;width:68px;height:18px;margin-left:-34px;background:var(--tc-tape);transform:rotate(-2.5deg);border-left:1px dashed rgba(0,0,0,.18);border-right:1px dashed rgba(0,0,0,.18)}

/* .tc-tilt = เอียงนิดๆ ให้ดูเหมือนแปะลงกระดาษ */
html[data-site-theme="carrd"] .tc-tilt{transform:rotate(-.6deg)}
html[data-site-theme="carrd"] .tc-tilt:nth-child(even){transform:rotate(.5deg)}

@media (prefers-reduced-motion:reduce){
  html[data-site-theme="carrd"] .tc-pill,html[data-site-theme="carrd"] .tcms-card{transition:none}
}

/* ============================================================
   ธีมชุดนักวาด (เพิ่มภายหลัง) — sketch / kawaii / manga / icecream / cloud / zine
   แต่ละธีมมีโหมดสว่าง+มืด ลบทั้งบล็อกของธีมที่ไม่ใช้ได้เลย (และลบชื่อใน PACK ของ theme-carrd.js ด้วย)
   ============================================================ */

/* ---- sketch : สมุดสเก็ตช์ ---- */
html[data-site-theme="sketch"][data-theme="light"]{
  --zk-0:#F7F6F3;--zk-1:#F2F1EF;--zk-2:#EEECEA;--zk-3:#DFDEDB;--zk-4:#CFCECB;--zk-5:#A1A09E;--zk-6:#757471;--zk-7:#565553;--zk-8:#454442;--zk-9:#2D2C2A;--zk-10:#1F1E1C;--zk-11:#131210;
  --bg-grad:linear-gradient(180deg,#FBF7EE 0%,#F3EBD8 60%,#EFE6D0 100%);
  --grid-line:rgba(47,93,138,0.16);
  --text:#3A342C;--head:#221E19;--muted:#4F473D;--faint:#6B6254;
  --line:rgba(58,52,44,0.55);--chip:rgba(58,52,44,0.07);
  --btn:linear-gradient(180deg,#4A443B 0%,#2B2722 100%);--btn-text:#FBF7EE;--btn-rim:rgba(255,255,255,0.18);
  --head-grad:linear-gradient(120deg,#221E19 0%,#4F473D 100%);
  --accent:#2F5D8A;--accent-text:#FFFFFF;
  --disc:radial-gradient(circle at 40% 30%,#FFFDF6,#CBBE9F 100%);
  --shadow-soft:2px 3px 0 rgba(58,52,44,0.18);--shadow-deep:4px 5px 0 rgba(58,52,44,0.22);
  --glass:linear-gradient(#FFFDF6,#FFFDF6);--glass-flat:#FFFDF6;--glass-bd:rgba(58,52,44,0.5);--glass-rim:rgba(0,0,0,0);
  --inner:none;--field-bg:#FFFFFF;--read-surface:#FFFDF6;
  --read-paper:#FFFDF6;--read-paper-text:#2A251F;--read-paper-bd:rgba(58,52,44,0.4);--read-paper-shadow:3px 4px 0 rgba(58,52,44,0.14);
}
html[data-site-theme="sketch"][data-theme="dark"]{
  --zk-0:#0A0906;--zk-1:#131210;--zk-2:#1F1E1C;--zk-3:#2D2C2A;--zk-4:#3D3C39;--zk-5:#565553;--zk-6:#8A8987;--zk-7:#A1A09E;--zk-8:#CFCECB;--zk-9:#DFDEDB;--zk-10:#EEECEA;--zk-11:#F2F1EF;
  --bg-grad:linear-gradient(180deg,#30322F 0%,#242623 60%,#1A1C1A 100%);
  --grid-line:rgba(236,232,220,0.08);
  --text:#ECE8DC;--head:#FBF8EE;--muted:#D3CEBF;--faint:#A9A494;
  --line:rgba(236,232,220,0.45);--chip:rgba(255,255,255,0.09);
  --btn:linear-gradient(180deg,#E9E3D0 0%,#E9E3D0 100%);--btn-text:#1E1F1C;--btn-rim:rgba(255,255,255,0.4);
  --head-grad:linear-gradient(120deg,#FBF8EE 0%,#C9C4B2 100%);
  --accent:#F2D58A;--accent-text:#1E1F1C;
  --disc:radial-gradient(circle at 40% 30%,#E9E3D0,#6B6A60 100%);
  --shadow-soft:2px 3px 0 rgba(0,0,0,0.45);--shadow-deep:4px 5px 0 rgba(0,0,0,0.55);
  --glass:linear-gradient(#343632,#343632);--glass-flat:#343632;--glass-bd:rgba(236,232,220,0.35);--glass-rim:rgba(0,0,0,0);
  --inner:none;--field-bg:#262824;--read-surface:#343632;
  --read-paper:#2F312E;--read-paper-text:#F2EEE2;--read-paper-bd:rgba(236,232,220,0.3);--read-paper-shadow:3px 4px 0 rgba(0,0,0,0.4);
}
html[data-site-theme="sketch"]{
  --blur:none;
  --r-xs:3px;--r-sm:8px;--r-md:10px;--r-lg:12px;--r-xl:14px;
}

/* ---- kawaii : สติกเกอร์คาวาอี้ ---- */
html[data-site-theme="kawaii"][data-theme="light"]{
  --zk-0:#FBF7FB;--zk-1:#F6F2F6;--zk-2:#F2EEF1;--zk-3:#E3DFE2;--zk-4:#D3CFD3;--zk-5:#A5A1A5;--zk-6:#797578;--zk-7:#5A565A;--zk-8:#494549;--zk-9:#312D31;--zk-10:#231F23;--zk-11:#171317;
  --bg-grad:radial-gradient(circle at 12% 10%, rgba(255,214,235,0.9), transparent 34%), radial-gradient(circle at 88% 14%, rgba(205,230,255,0.9), transparent 36%), radial-gradient(circle at 50% 96%, rgba(220,255,236,0.85), transparent 40%), linear-gradient(135deg,#FFF3F9 0%,#EEF3FF 100%);
  --grid-line:rgba(224,88,154,0.06);
  --text:#4A3A55;--head:#2E2238;--muted:#5E4C6B;--faint:#76668A;
  --line:rgba(120,80,150,0.28);--chip:rgba(214,74,140,0.1);
  --btn:linear-gradient(180deg,#C73E80 0%,#B8336F 100%);--btn-text:#FFFFFF;--btn-rim:rgba(255,255,255,0.4);
  --head-grad:linear-gradient(120deg,#2E2238 0%,#B8336F 55%,#D44A8C 100%);
  --accent:#C73C7D;--accent-text:#FFFFFF;
  --disc:radial-gradient(circle at 32% 26%,#FFFFFF,#F7C6E0 45%,#C79AD6 100%);
  --shadow-soft:0 0 0 3px #FFFFFF,0 8px 18px rgba(170,100,170,0.24);--shadow-deep:0 0 0 4px #FFFFFF,0 14px 30px rgba(170,100,170,0.3);
  --glass:linear-gradient(#FFFFFF,#FFFFFF);--glass-flat:#FFFFFF;--glass-bd:#FFFFFF;--glass-rim:rgba(0,0,0,0);
  --inner:none;--field-bg:#FFFFFF;--read-surface:#FFFFFF;
  --read-paper:#FFFFFF;--read-paper-text:#3A2A45;--read-paper-bd:rgba(120,80,150,0.18);--read-paper-shadow:0 0 0 3px #FFFFFF,0 8px 18px rgba(170,100,170,0.2);
}
html[data-site-theme="kawaii"][data-theme="dark"]{
  --zk-0:#0E0A0D;--zk-1:#171317;--zk-2:#231F23;--zk-3:#312D31;--zk-4:#413D41;--zk-5:#5A565A;--zk-6:#8E8A8E;--zk-7:#A5A1A5;--zk-8:#D3CFD3;--zk-9:#E3DFE2;--zk-10:#F2EEF1;--zk-11:#F6F2F6;
  --bg-grad:radial-gradient(circle at 12% 10%, rgba(255,154,200,0.15), transparent 34%), radial-gradient(circle at 88% 14%, rgba(150,190,255,0.11), transparent 36%), radial-gradient(circle at 50% 96%, rgba(0,0,0,0.5), transparent 40%), linear-gradient(135deg,#2B1F37 0%,#15101C 100%);
  --grid-line:rgba(255,200,230,0.04);
  --text:#F6ECFA;--head:#FFFFFF;--muted:#E3D3EC;--faint:#B7A5C6;
  --line:rgba(255,200,230,0.28);--chip:rgba(255,154,200,0.14);
  --btn:linear-gradient(180deg,#FFA9D0 0%,#FF86BB 100%);--btn-text:#2B1230;--btn-rim:rgba(255,255,255,0.5);
  --head-grad:linear-gradient(120deg,#FFFFFF 0%,#FF9AC8 55%,#FF86BB 100%);
  --accent:#FF9AC8;--accent-text:#2B1230;
  --disc:radial-gradient(circle at 32% 26%,#FFFFFF,#E8B3D4 45%,#8A5C9E 100%);
  --shadow-soft:0 0 0 3px rgba(255,255,255,0.88),0 8px 18px rgba(0,0,0,0.45);--shadow-deep:0 0 0 4px rgba(255,255,255,0.88),0 14px 30px rgba(0,0,0,0.55);
  --glass:linear-gradient(#3A2A4A,#3A2A4A);--glass-flat:#3A2A4A;--glass-bd:rgba(255,255,255,0.3);--glass-rim:rgba(0,0,0,0);
  --inner:none;--field-bg:#2A1D36;--read-surface:#3A2A4A;
  --read-paper:#33243F;--read-paper-text:#F6ECFA;--read-paper-bd:rgba(255,200,230,0.2);--read-paper-shadow:0 0 0 3px rgba(255,255,255,0.8),0 8px 18px rgba(0,0,0,0.4);
}
html[data-site-theme="kawaii"]{
  --blur:none;
}

/* ---- manga : มังงะ ขาว-ดำ ---- */
html[data-site-theme="manga"][data-theme="light"]{
  --zk-0:#F5F5F5;--zk-1:#F1F1F1;--zk-2:#ECECEC;--zk-3:#DDDDDD;--zk-4:#CDCDCD;--zk-5:#A0A0A0;--zk-6:#737373;--zk-7:#555555;--zk-8:#444444;--zk-9:#2C2C2C;--zk-10:#1E1E1E;--zk-11:#121212;
  --bg-grad:radial-gradient(circle at center, rgba(0,0,0,0.11) 1.2px, transparent 1.7px) 0 0/10px 10px, linear-gradient(180deg,#FFFFFF 0%,#EFEFEF 100%);
  --grid-line:rgba(0,0,0,0.07);
  --text:#111111;--head:#000000;--muted:#2B2B2B;--faint:#555555;
  --line:rgba(17,17,17,0.9);--chip:rgba(0,0,0,0.08);
  --btn:linear-gradient(180deg,#111111 0%,#111111 100%);--btn-text:#FFFFFF;--btn-rim:rgba(255,255,255,0.25);
  --head-grad:linear-gradient(120deg,#000000 0%,#333333 100%);
  --accent:#111111;--accent-text:#FFFFFF;
  --disc:radial-gradient(circle at 50% 50%,#FFFFFF,#8C8C8C 100%);
  --shadow-soft:3px 3px 0 #111111;--shadow-deep:5px 5px 0 #111111;
  --glass:linear-gradient(#FFFFFF,#FFFFFF);--glass-flat:#FFFFFF;--glass-bd:#111111;--glass-rim:rgba(0,0,0,0);
  --inner:none;--field-bg:#FFFFFF;--read-surface:#FFFFFF;
  --read-paper:#FFFFFF;--read-paper-text:#111111;--read-paper-bd:#111111;--read-paper-shadow:4px 4px 0 #111111;
}
html[data-site-theme="manga"][data-theme="dark"]{
  --zk-0:#080808;--zk-1:#121212;--zk-2:#1E1E1E;--zk-3:#2C2C2C;--zk-4:#3B3B3B;--zk-5:#555555;--zk-6:#898989;--zk-7:#A0A0A0;--zk-8:#CDCDCD;--zk-9:#DDDDDD;--zk-10:#ECECEC;--zk-11:#F1F1F1;
  --bg-grad:radial-gradient(circle at center, rgba(255,255,255,0.09) 1.2px, transparent 1.7px) 0 0/10px 10px, linear-gradient(180deg,#1C1C1C 0%,#080808 100%);
  --grid-line:rgba(255,255,255,0.06);
  --text:#F2F2F2;--head:#FFFFFF;--muted:#D8D8D8;--faint:#A8A8A8;
  --line:rgba(242,242,242,0.85);--chip:rgba(255,255,255,0.1);
  --btn:linear-gradient(180deg,#F2F2F2 0%,#F2F2F2 100%);--btn-text:#111111;--btn-rim:rgba(255,255,255,0.4);
  --head-grad:linear-gradient(120deg,#FFFFFF 0%,#BDBDBD 100%);
  --accent:#F2F2F2;--accent-text:#111111;
  --disc:radial-gradient(circle at 50% 50%,#EDEDED,#555555 100%);
  --shadow-soft:3px 3px 0 rgba(242,242,242,0.75);--shadow-deep:5px 5px 0 rgba(242,242,242,0.75);
  --glass:linear-gradient(#121212,#121212);--glass-flat:#121212;--glass-bd:#F2F2F2;--glass-rim:rgba(0,0,0,0);
  --inner:none;--field-bg:#0B0B0B;--read-surface:#121212;
  --read-paper:#121212;--read-paper-text:#F2F2F2;--read-paper-bd:rgba(242,242,242,0.8);--read-paper-shadow:4px 4px 0 rgba(242,242,242,0.7);
}
html[data-site-theme="manga"]{
  --blur:none;
  --r-xs:0px;--r-sm:2px;--r-md:3px;--r-lg:4px;--r-xl:6px;
}

/* ---- icecream : ไอศกรีมพาสเทล ---- */
html[data-site-theme="icecream"][data-theme="light"]{
  --zk-0:#FBF9F5;--zk-1:#F7F4F0;--zk-2:#F2EFEB;--zk-3:#E3E1DC;--zk-4:#D3D1CD;--zk-5:#A6A39F;--zk-6:#797672;--zk-7:#5A5854;--zk-8:#4A4743;--zk-9:#312F2B;--zk-10:#23211D;--zk-11:#171511;
  --bg-grad:repeating-linear-gradient(90deg, rgba(150,205,225,0.28) 0 16px, rgba(255,255,255,0) 16px 32px), linear-gradient(180deg,#FFFDE6 0%,#E4F3F5 100%);
  --grid-line:rgba(176,132,64,0.07);
  --text:#5A4326;--head:#3B2A14;--muted:#6B5230;--faint:#7E6238;
  --line:rgba(176,132,64,0.55);--chip:rgba(120,190,215,0.22);
  --btn:linear-gradient(180deg,#2F7BA3 0%,#25688C 100%);--btn-text:#FFFFFF;--btn-rim:rgba(255,255,255,0.35);
  --head-grad:linear-gradient(120deg,#3B2A14 0%,#25688C 100%);
  --accent:#2A6F96;--accent-text:#FFFFFF;
  --disc:radial-gradient(circle at 32% 26%,#FFFFFF,#BFE3EE 45%,#E3C388 100%);
  --shadow-soft:3px 3px 0 rgba(176,132,64,0.28);--shadow-deep:5px 5px 0 rgba(176,132,64,0.32);
  --glass:linear-gradient(#FFFEF2,#FFFEF2);--glass-flat:#FFFEF2;--glass-bd:rgba(196,152,84,0.7);--glass-rim:rgba(0,0,0,0);
  --inner:none;--field-bg:#FFFFFF;--read-surface:#FFFEF2;
  --read-paper:#FFFEF2;--read-paper-text:#4A3720;--read-paper-bd:rgba(196,152,84,0.5);--read-paper-shadow:3px 3px 0 rgba(176,132,64,0.22);
}
html[data-site-theme="icecream"][data-theme="dark"]{
  --zk-0:#0E0C07;--zk-1:#171511;--zk-2:#23211D;--zk-3:#312F2B;--zk-4:#413F3B;--zk-5:#5A5854;--zk-6:#8E8C88;--zk-7:#A6A39F;--zk-8:#D3D1CD;--zk-9:#E3E1DC;--zk-10:#F2EFEB;--zk-11:#F7F4F0;
  --bg-grad:repeating-linear-gradient(90deg, rgba(143,211,238,0.07) 0 16px, rgba(255,255,255,0) 16px 32px), linear-gradient(180deg,#2A404B 0%,#121E24 100%);
  --grid-line:rgba(255,230,160,0.04);
  --text:#FFF4D2;--head:#FFFBEA;--muted:#F0E3BC;--faint:#C2B58D;
  --line:rgba(255,230,160,0.35);--chip:rgba(143,211,238,0.15);
  --btn:linear-gradient(180deg,#FFE08A 0%,#F2C95C 100%);--btn-text:#3A2A0A;--btn-rim:rgba(255,255,255,0.45);
  --head-grad:linear-gradient(120deg,#FFFBEA 0%,#FFE08A 100%);
  --accent:#FFE08A;--accent-text:#3A2A0A;
  --disc:radial-gradient(circle at 32% 26%,#FFFBEA,#9FD3E6 45%,#8A7A3A 100%);
  --shadow-soft:3px 3px 0 rgba(0,0,0,0.4);--shadow-deep:5px 5px 0 rgba(0,0,0,0.5);
  --glass:linear-gradient(#2D4450,#2D4450);--glass-flat:#2D4450;--glass-bd:rgba(255,230,160,0.4);--glass-rim:rgba(0,0,0,0);
  --inner:none;--field-bg:#1C2A31;--read-surface:#2D4450;
  --read-paper:#294049;--read-paper-text:#FFF4D2;--read-paper-bd:rgba(255,230,160,0.25);--read-paper-shadow:3px 3px 0 rgba(0,0,0,0.35);
}
html[data-site-theme="icecream"]{
  --blur:none;
  --r-xs:3px;--r-sm:8px;--r-md:12px;--r-lg:14px;--r-xl:18px;
}

/* ---- cloud : ฟ้าละมุน (โฟลเดอร์) ---- */
html[data-site-theme="cloud"][data-theme="light"]{
  --zk-0:#F6F9FB;--zk-1:#F1F5F6;--zk-2:#EDF0F2;--zk-3:#DEE1E3;--zk-4:#CED1D3;--zk-5:#A0A4A5;--zk-6:#747779;--zk-7:#55595A;--zk-8:#444849;--zk-9:#2C3031;--zk-10:#1E2223;--zk-11:#121617;
  --bg-grad:radial-gradient(circle at 12% 10%, rgba(156,201,216,0.45), transparent 34%), radial-gradient(circle at 88% 14%, rgba(255,255,255,0.9), transparent 36%), radial-gradient(circle at 50% 96%, rgba(156,201,216,0.35), transparent 40%), linear-gradient(135deg,#F6FAFC 0%,#E1EEF3 100%);
  --grid-line:rgba(100,150,170,0.05);
  --text:#43545C;--head:#26343A;--muted:#4D5F68;--faint:#5F727B;
  --line:rgba(100,150,170,0.32);--chip:rgba(156,201,216,0.25);
  --btn:linear-gradient(180deg,#2E7D97 0%,#235F75 100%);--btn-text:#FFFFFF;--btn-rim:rgba(255,255,255,0.4);
  --head-grad:linear-gradient(120deg,#26343A 0%,#235F75 60%,#2E7D97 100%);
  --accent:#2A7590;--accent-text:#FFFFFF;
  --disc:radial-gradient(circle at 32% 26%,#FFFFFF,#CBE3EC 45%,#8FBCCD 100%);
  --shadow-soft:7px 7px 16px rgba(110,150,168,0.28),-5px -5px 12px rgba(255,255,255,0.95);--shadow-deep:12px 12px 26px rgba(110,150,168,0.34),-8px -8px 18px rgba(255,255,255,0.95);
  --glass:linear-gradient(#FFFFFF,#FFFFFF);--glass-flat:#FFFFFF;--glass-bd:rgba(156,201,216,0.5);--glass-rim:rgba(0,0,0,0);
  --inner:none;--field-bg:#F4F9FB;--read-surface:#FFFFFF;
  --read-paper:#FFFFFF;--read-paper-text:#33434A;--read-paper-bd:rgba(156,201,216,0.4);--read-paper-shadow:6px 6px 14px rgba(110,150,168,0.22),-4px -4px 10px rgba(255,255,255,0.9);
}
html[data-site-theme="cloud"][data-theme="dark"]{
  --zk-0:#090C0E;--zk-1:#121617;--zk-2:#1E2223;--zk-3:#2C3031;--zk-4:#3C3F41;--zk-5:#55595A;--zk-6:#898D8E;--zk-7:#A0A4A5;--zk-8:#CED1D3;--zk-9:#DEE1E3;--zk-10:#EDF0F2;--zk-11:#F1F5F6;
  --bg-grad:radial-gradient(circle at 12% 10%, rgba(156,201,216,0.13), transparent 34%), radial-gradient(circle at 88% 14%, rgba(156,201,216,0.08), transparent 36%), radial-gradient(circle at 50% 96%, rgba(0,0,0,0.5), transparent 40%), linear-gradient(135deg,#1D2D36 0%,#0E171C 100%);
  --grid-line:rgba(156,201,216,0.04);
  --text:#E8F3F8;--head:#FFFFFF;--muted:#CFE0E8;--faint:#9DB4BF;
  --line:rgba(156,201,216,0.25);--chip:rgba(156,201,216,0.14);
  --btn:linear-gradient(180deg,#9CD3E8 0%,#7BBFD9 100%);--btn-text:#0E1F27;--btn-rim:rgba(255,255,255,0.45);
  --head-grad:linear-gradient(120deg,#FFFFFF 0%,#9CD3E8 100%);
  --accent:#9CD3E8;--accent-text:#0E1F27;
  --disc:radial-gradient(circle at 32% 26%,#E8F3F8,#8FBCCD 45%,#3F6A7C 100%);
  --shadow-soft:6px 6px 14px rgba(0,0,0,0.5),-4px -4px 10px rgba(255,255,255,0.04);--shadow-deep:10px 10px 24px rgba(0,0,0,0.6),-6px -6px 16px rgba(255,255,255,0.05);
  --glass:linear-gradient(#24373F,#24373F);--glass-flat:#24373F;--glass-bd:rgba(156,201,216,0.25);--glass-rim:rgba(0,0,0,0);
  --inner:none;--field-bg:#1A2931;--read-surface:#24373F;
  --read-paper:#22343C;--read-paper-text:#E8F3F8;--read-paper-bd:rgba(156,201,216,0.2);--read-paper-shadow:5px 5px 12px rgba(0,0,0,0.45),-3px -3px 8px rgba(255,255,255,0.04);
}
html[data-site-theme="cloud"]{
  --blur:none;
}

/* ---- zine : เอดิทอเรียล แดง-ครีม ---- */
html[data-site-theme="zine"][data-theme="light"]{
  --zk-0:#F9F8F6;--zk-1:#F4F3F1;--zk-2:#F0EFED;--zk-3:#E1E0DE;--zk-4:#D1D0CE;--zk-5:#A3A2A1;--zk-6:#777674;--zk-7:#585755;--zk-8:#474644;--zk-9:#2F2E2C;--zk-10:#21201E;--zk-11:#151412;
  --bg-grad:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>"), linear-gradient(180deg,#F5F0E6 0%,#E8E0CF 100%);
  --grid-line:rgba(29,26,23,0.04);
  --text:#1D1A17;--head:#0F0D0C;--muted:#3A3530;--faint:#5E574E;
  --line:rgba(29,26,23,0.8);--chip:rgba(179,18,30,0.08);
  --btn:linear-gradient(180deg,#B3121E 0%,#B3121E 100%);--btn-text:#FFFFFF;--btn-rim:rgba(255,255,255,0.25);
  --head-grad:linear-gradient(120deg,#0F0D0C 0%,#B3121E 100%);
  --accent:#B3121E;--accent-text:#FFFFFF;
  --disc:radial-gradient(circle at 50% 50%,#FAF7F0,#B9AE97 100%);
  --shadow-soft:0 1px 0 rgba(29,26,23,0.25);--shadow-deep:0 3px 0 rgba(29,26,23,0.3);
  --glass:linear-gradient(#FAF7F0,#FAF7F0);--glass-flat:#FAF7F0;--glass-bd:rgba(29,26,23,0.8);--glass-rim:rgba(0,0,0,0);
  --inner:none;--field-bg:#FFFDF8;--read-surface:#FAF7F0;
  --read-paper:#FAF7F0;--read-paper-text:#1D1A17;--read-paper-bd:rgba(29,26,23,0.5);--read-paper-shadow:0 2px 0 rgba(29,26,23,0.2);
}
html[data-site-theme="zine"][data-theme="dark"]{
  --zk-0:#0C0B09;--zk-1:#151412;--zk-2:#21201E;--zk-3:#2F2E2C;--zk-4:#3F3E3C;--zk-5:#585755;--zk-6:#8C8B89;--zk-7:#A3A2A1;--zk-8:#D1D0CE;--zk-9:#E1E0DE;--zk-10:#F0EFED;--zk-11:#F4F3F1;
  --bg-grad:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.08 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>"), linear-gradient(180deg,#1E1C1B 0%,#0F0E0D 100%);
  --grid-line:rgba(241,235,221,0.04);
  --text:#F1EBDD;--head:#FFF8EA;--muted:#DDD5C4;--faint:#AFA692;
  --line:rgba(241,235,221,0.7);--chip:rgba(255,107,107,0.14);
  --btn:linear-gradient(180deg,#FF6B6B 0%,#FF6B6B 100%);--btn-text:#1A0A0A;--btn-rim:rgba(255,255,255,0.3);
  --head-grad:linear-gradient(120deg,#FFF8EA 0%,#FF6B6B 100%);
  --accent:#FF6B6B;--accent-text:#1A0A0A;
  --disc:radial-gradient(circle at 50% 50%,#E8E0CF,#5A5448 100%);
  --shadow-soft:0 1px 0 rgba(255,255,255,0.18);--shadow-deep:0 3px 0 rgba(255,255,255,0.2);
  --glass:linear-gradient(#252221,#252221);--glass-flat:#252221;--glass-bd:rgba(241,235,221,0.6);--glass-rim:rgba(0,0,0,0);
  --inner:none;--field-bg:#1A1817;--read-surface:#252221;
  --read-paper:#252221;--read-paper-text:#F1EBDD;--read-paper-bd:rgba(241,235,221,0.4);--read-paper-shadow:0 2px 0 rgba(255,255,255,0.12);
}
html[data-site-theme="zine"]{
  --blur:none;
  --r-xs:2px;--r-sm:4px;--r-md:6px;--r-lg:8px;--r-xl:10px;
  --display:Georgia,'Noto Serif Thai','Times New Roman',serif;
}

/* ลูกเล่นเฉพาะธีม */
html[data-site-theme="sketch"] :is(.hero,.horiz-card,.deal-card,.comm-item,.album-card,.modal,.chat-panel){border-style:dashed}
html[data-site-theme="manga"] *,html[data-site-theme="icecream"] *,html[data-site-theme="zine"] *{-webkit-backdrop-filter:none !important;backdrop-filter:none !important}
html[data-site-theme="manga"] :is(.hero,.horiz-card,.deal-card,.comm-item,.album-card,.modal,.chat-panel){border-width:2px}
html[data-site-theme="kawaii"] .tcms-card.is-preview{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--accent)}

/* ============================================================
   ชุด UI น่ารักพาสเทล (กระดาษโน้ต + ลูกเล่นรูปทรง) — nekonote / pixelwin / doodle / diary / heartframe
   ทุกธีมมีโหมดสว่าง+มืด  ปรับสีง่าย: แก้ค่า --p-* ในบล็อก "palette" ของแต่ละธีม (ที่เหลือเชื่อมตามอัตโนมัติ)
   ลูกเล่นรูปทรงอยู่ในบล็อก "shape" ของแต่ละธีม (หูแมว/แถบหน้าต่าง/เทปกาว/ลูกไม้/หัวใจ) — ลบบรรทัด ::before/::after ออกได้ถ้าไม่ชอบ
   ============================================================ */
/* ---- mapping กลาง: เชื่อมจานสี --p-* ไปเป็นตัวแปรของเว็บ (ใช้ร่วมกันทั้ง 5 ธีม) ---- */
html[data-site-theme="nekonote"],
html[data-site-theme="pixelwin"],
html[data-site-theme="doodle"],
html[data-site-theme="diary"],
html[data-site-theme="heartframe"],
html[data-site-theme="planner"],
html[data-site-theme="summer"],
html[data-site-theme="rain"],
html[data-site-theme="winter"],
html[data-site-theme="spring"],
html[data-site-theme="christmas"],
html[data-site-theme="snow"],
html[data-site-theme="halloween"],
html[data-site-theme="music"],
html[data-site-theme="maple"]{
  --text:var(--p-ink);--head:var(--p-head);--muted:var(--p-muted);--faint:var(--p-faint);
  --line:var(--p-line-soft);--chip:var(--p-chip);
  --btn:linear-gradient(var(--p-a1),var(--p-a1));--btn-text:var(--p-btext);--btn-rim:rgba(255,255,255,0.5);
  --head-grad:linear-gradient(120deg,var(--p-head),var(--p-accent));
  --accent:var(--p-accent);--accent-text:var(--p-atext);
  --disc:radial-gradient(circle at 32% 26%,#FFFFFF,var(--p-a1) 55%,var(--p-a2) 100%);
  --glass:linear-gradient(var(--p-paper),var(--p-paper));--glass-flat:var(--p-paper);--glass-bd:var(--p-line);--glass-rim:rgba(0,0,0,0);
  --inner:none;--field-bg:var(--p-field);--read-surface:var(--p-paper);
  --read-paper:var(--p-paper);--read-paper-text:var(--p-ink);--read-paper-bd:var(--p-line-soft);--read-paper-shadow:var(--shadow-soft);
  --blur:none;--grid-line:rgba(0,0,0,0);
}

/* ======== nekonote : เหมียวสมุดโน้ต ======== */
/* palette (แก้สีตรงนี้) */
html[data-site-theme="nekonote"][data-theme="light"]{
  --zk-0:#FCF9F7;--zk-1:#F8F4F3;--zk-2:#F3EFEE;--zk-3:#E4E1DF;--zk-4:#D4D1CF;--zk-5:#A7A3A2;--zk-6:#7A7675;--zk-7:#5B5857;--zk-8:#4B4746;--zk-9:#332F2E;--zk-10:#252120;--zk-11:#181514;
  --p-bg1:#FFF2EA;--p-bg2:#FFE1E8;--p-paper:#FFFCF7;--p-ink:#5A3E3A;--p-head:#3F2B28;--p-muted:#6B4C47;--p-faint:#80605A;--p-line:#8A5A52;--p-line-soft:rgba(138,90,82,0.35);--p-a1:#FFCFB8;--p-a2:#FBC5D3;--p-a3:#BFE3F0;--p-btext:#4A2A24;--p-accent:#A4485A;--p-atext:#FFFFFF;--p-chip:rgba(244,170,150,0.25);--p-field:#FFF8F0;--p-shadow:rgba(138,90,82,0.28);--p-pat:rgba(240,160,150,0.3);--p-pat2:rgba(240,160,150,0.3);--p-stitch:#D9A593;--p-ear:#F6B9C6;--p-ear-in:#FFE3EA;--p-tape:#FBC5D3;--p-margin:#F6B9C6;--p-ring:#FBC5D3;--p-heart:#E56A9E;
}
html[data-site-theme="nekonote"][data-theme="dark"]{
  --zk-0:#0F0C0A;--zk-1:#181514;--zk-2:#252120;--zk-3:#332F2E;--zk-4:#423F3D;--zk-5:#5B5857;--zk-6:#908C8B;--zk-7:#A7A3A2;--zk-8:#D4D1CF;--zk-9:#E4E1DF;--zk-10:#F3EFEE;--zk-11:#F8F4F3;
  --p-bg1:#34262B;--p-bg2:#1F1619;--p-paper:#3F2F35;--p-ink:#FBE9E3;--p-head:#FFF6F2;--p-muted:#EBD3CC;--p-faint:#BFA39D;--p-line:#E9A9B8;--p-line-soft:rgba(233,169,184,0.35);--p-a1:#FFC6B0;--p-a2:#F5A9BC;--p-a3:#A9D6E6;--p-btext:#3A1F1A;--p-accent:#FFB7C5;--p-atext:#3A1F1A;--p-chip:rgba(255,183,197,0.15);--p-field:#2D2025;--p-shadow:rgba(0,0,0,0.45);--p-pat:rgba(255,183,197,0.1);--p-pat2:rgba(255,183,197,0.1);--p-stitch:rgba(233,169,184,0.55);--p-ear:#F5A9BC;--p-ear-in:#FFD3DC;--p-tape:#F5A9BC;--p-margin:#F5A9BC;--p-ring:#F5A9BC;--p-heart:#FFB7C5;
}
/* shape (รูปทรง/ลูกเล่น) */
html[data-site-theme="nekonote"]{
  --r-xs:12px;--r-sm:16px;--r-md:26px;--r-lg:30px;--r-xl:36px;
  --bg-grad:radial-gradient(circle at center,var(--p-pat) 2.2px,transparent 2.7px) 0 0/34px 34px,radial-gradient(circle at center,var(--p-pat) 1.4px,transparent 1.9px) 17px 17px/34px 34px,linear-gradient(160deg,var(--p-bg1) 0%,var(--p-bg2) 100%);
  --shadow-soft:0 3px 0 var(--p-shadow);--shadow-deep:0 5px 0 var(--p-shadow);
}
/* การ์ดกระดาษ: ขอบ 2px + ตะเข็บเส้นประด้านใน + หูแมว 2 ข้าง (มุมกล่องโค้งมนขึ้น และหูเลื่อนเข้ามานั่งบนขอบบนที่เรียบ ไม่คร่อมส่วนโค้งมุม) */
html[data-site-theme="nekonote"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card,.nav,.info-tabs-wrap,.hero-info-detail,.modal,.budget-banner,.cmd-dock,.chat-panel){border-width:2px}
html[data-site-theme="nekonote"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card){outline:2px dashed var(--p-stitch);outline-offset:-7px}
html[data-site-theme="nekonote"] :is(.nav,.info-tabs-wrap,.hero-info-detail,.modal,.budget-banner,.cmd-dock,.chat-panel){outline:2px dashed var(--p-stitch);outline-offset:-5px}
html[data-site-theme="nekonote"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before,
html[data-site-theme="nekonote"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after{content:"";position:absolute;top:0;width:40px;height:30px;z-index:3;pointer-events:none;background-position:center;background-size:contain;background-repeat:no-repeat}
html[data-site-theme="nekonote"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before{left:36px;transform:rotate(-9deg)}
html[data-site-theme="nekonote"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after{right:36px;transform:rotate(9deg) scaleX(-1)}
/* สีหูแมวฝังในรูป SVG (ขอบ/ตัวหู/ด้านใน) — ถ้าเปลี่ยนจานสี ให้แก้รหัสสี %23xxxxxx ในสองบรรทัดนี้ */
html[data-site-theme="nekonote"][data-theme="light"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before,html[data-site-theme="nekonote"][data-theme="light"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 27'><path d='M3 26 L14 5 Q18 -1 22 5 L33 26 Z' fill='%23F6B9C6' stroke='%238A5A52' stroke-width='2.4' stroke-linejoin='round'/><path d='M11 23 L18 10 L25 23 Z' fill='%23FFE3EA'/></svg>")}
html[data-site-theme="nekonote"][data-theme="dark"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before,html[data-site-theme="nekonote"][data-theme="dark"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 27'><path d='M3 26 L14 5 Q18 -1 22 5 L33 26 Z' fill='%23F5A9BC' stroke='%23E9A9B8' stroke-width='2.4' stroke-linejoin='round'/><path d='M11 23 L18 10 L25 23 Z' fill='%23FFD3DC'/></svg>")}
html[data-site-theme="nekonote"] :is(.btn-primary,.btn-glass,.btn-outline,.tab-btn){border:2px solid var(--p-line);border-radius:999px}
html[data-site-theme="nekonote"] .btn-primary{box-shadow:0 3px 0 var(--p-line)}
html[data-site-theme="nekonote"] .btn-primary:active{transform:translateY(2px);box-shadow:0 1px 0 var(--p-line)}

/* ======== pixelwin : พิกเซลวินโดว์ ======== */
/* palette (แก้สีตรงนี้) */
html[data-site-theme="pixelwin"][data-theme="light"]{
  --zk-0:#F7F7FD;--zk-1:#F2F2F8;--zk-2:#EEEDF4;--zk-3:#DFDEE5;--zk-4:#CFCFD5;--zk-5:#A2A1A7;--zk-6:#75747B;--zk-7:#56565C;--zk-8:#45454B;--zk-9:#2D2D33;--zk-10:#1F1F25;--zk-11:#131319;
  --p-bg1:#F6F4FF;--p-bg2:#E8E4FF;--p-paper:#FFFFFF;--p-ink:#2F3150;--p-head:#1F2140;--p-muted:#44476B;--p-faint:#5E6185;--p-line:#2F3150;--p-line-soft:rgba(47,49,80,0.35);--p-a1:#F6A5D2;--p-a2:#BDB9F2;--p-a3:#C3F5C6;--p-btext:#2F1B3A;--p-accent:#5A4FCF;--p-atext:#FFFFFF;--p-chip:rgba(189,185,242,0.35);--p-field:#FFFFFF;--p-shadow:#2F3150;--p-pat:rgba(47,49,80,0.2);--p-pat2:rgba(47,49,80,0.2);--p-stitch:#BDB9F2;--p-ear:#BDB9F2;--p-ear-in:#BDB9F2;--p-tape:#BDB9F2;--p-margin:#BDB9F2;--p-ring:#BDB9F2;--p-heart:#F6A5D2;
}
html[data-site-theme="pixelwin"][data-theme="dark"]{
  --pw-grid:rgba(189,185,242,0.10);
  --zk-0:#0A0A10;--zk-1:#131319;--zk-2:#1F1F25;--zk-3:#2D2D33;--zk-4:#3D3D43;--zk-5:#56565C;--zk-6:#8A8A90;--zk-7:#A2A1A7;--zk-8:#CFCFD5;--zk-9:#DFDEE5;--zk-10:#EEEDF4;--zk-11:#F2F2F8;
  --p-bg1:#2A2547;--p-bg2:#171330;--p-paper:#302B52;--p-ink:#EEEAFF;--p-head:#FFFFFF;--p-muted:#D6D0F5;--p-faint:#A9A3D6;--p-line:#BDB9F2;--p-line-soft:rgba(189,185,242,0.4);--p-a1:#F6A5D2;--p-a2:#6F69C9;--p-a3:#A8EBB0;--p-btext:#2F1B3A;--p-accent:#F6A5D2;--p-atext:#2F1B3A;--p-chip:rgba(189,185,242,0.18);--p-field:#25203F;--p-shadow:#0F0C22;--p-pat:rgba(189,185,242,0.18);--p-pat2:rgba(189,185,242,0.18);--p-stitch:#8E88E0;--p-ear:#BDB9F2;--p-ear-in:#BDB9F2;--p-tape:#BDB9F2;--p-margin:#BDB9F2;--p-ring:#BDB9F2;--p-heart:#F6A5D2;
}
/* shape (รูปทรง/ลูกเล่น) */
html[data-site-theme="pixelwin"]{
  --r-xs:0px;--r-sm:2px;--r-md:3px;--r-lg:3px;--r-xl:4px;
  --pw-grid:rgba(120,110,210,0.13);
  --bg-grad:repeating-linear-gradient(0deg,transparent 0 21px,var(--pw-grid) 21px 22px),repeating-linear-gradient(90deg,transparent 0 21px,var(--pw-grid) 21px 22px),radial-gradient(circle at center,var(--p-pat) 1.3px,transparent 1.8px) 0 0/22px 22px,linear-gradient(180deg,var(--p-bg1) 0%,var(--p-bg2) 100%);
  --shadow-soft:4px 4px 0 var(--p-shadow);--shadow-deep:6px 6px 0 var(--p-shadow);
}
/* หน้าต่างพิกเซล: ขอบหนา 3px เหลี่ยม + แถบหัวหน้าต่าง */
html[data-site-theme="pixelwin"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card,.nav,.info-tabs-wrap,.hero-info-detail,.modal,.budget-banner,.cmd-dock,.chat-panel,.dropdown-list,.btn-primary,.btn-glass,.btn-outline,.tab-btn){border-width:3px;border-radius:3px}
html[data-site-theme="pixelwin"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before{content:"";position:absolute;top:0;left:0;right:0;height:16px;z-index:3;pointer-events:none;overflow:hidden;background:radial-gradient(circle at 11px 50%,var(--p-line) 0 3.3px,transparent 3.8px),radial-gradient(circle at 24px 50%,var(--p-paper) 0 2.6px,var(--p-line) 3px 3.7px,transparent 4.1px),radial-gradient(circle at 37px 50%,var(--p-a1) 0 2.6px,var(--p-line) 3px 3.7px,transparent 4.1px),var(--p-a2);border-bottom:3px solid var(--p-line)}
html[data-site-theme="pixelwin"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after,
html[data-site-theme="pixelwin"] .modal::after{content:"";position:absolute;top:3px;right:7px;width:34px;height:10px;z-index:4;pointer-events:none;background:linear-gradient(var(--p-a1),var(--p-a1)) 25px 0/9px 10px no-repeat,repeating-linear-gradient(90deg,var(--p-paper) 0 9px,transparent 9px 12.5px)}
html[data-site-theme="pixelwin"] .modal{position:relative}
html[data-site-theme="pixelwin"] .modal::before{content:"";position:absolute;top:0;left:0;right:0;height:18px;pointer-events:none;overflow:hidden;background:radial-gradient(circle at 11px 50%,var(--p-line) 0 3.3px,transparent 3.8px),radial-gradient(circle at 24px 50%,var(--p-paper) 0 2.6px,var(--p-line) 3px 3.7px,transparent 4.1px),radial-gradient(circle at 37px 50%,var(--p-a1) 0 2.6px,var(--p-line) 3px 3.7px,transparent 4.1px),var(--p-a2);border-bottom:3px solid var(--p-line)}
html[data-site-theme="pixelwin"] :is(.btn-primary,.btn-glass,.btn-outline){box-shadow:3px 3px 0 var(--p-line)}
html[data-site-theme="pixelwin"] :is(.btn-primary,.btn-glass,.btn-outline):active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--p-line)}

/* ======== doodle : ดูเดิลสมุดเส้น ======== */
/* palette (แก้สีตรงนี้) */
html[data-site-theme="doodle"][data-theme="light"]{
  --zk-0:#F8FAFC;--zk-1:#F4F5F7;--zk-2:#EFF0F3;--zk-3:#E0E2E4;--zk-4:#D0D2D4;--zk-5:#A3A4A7;--zk-6:#76787A;--zk-7:#57595B;--zk-8:#47484A;--zk-9:#2E3032;--zk-10:#212224;--zk-11:#141618;
  --p-bg1:#FFFEF9;--p-bg2:#F5F1E6;--p-paper:#FFFEFA;--p-ink:#3B3B42;--p-head:#26262B;--p-muted:#4A4A52;--p-faint:#64646E;--p-line:#3B3B42;--p-line-soft:rgba(59,59,66,0.3);--p-a1:#FFE98F;--p-a2:#BFEBD5;--p-a3:#FFC9D9;--p-btext:#3B3320;--p-accent:#3E6EB4;--p-atext:#FFFFFF;--p-chip:rgba(191,235,213,0.45);--p-field:#FFFFFF;--p-shadow:rgba(59,59,66,0.22);--p-pat:rgba(130,175,225,0.3);--p-pat2:rgba(130,175,225,0.3);--p-stitch:#BFEBD5;--p-ear:#BFEBD5;--p-ear-in:#BFEBD5;--p-tape:rgba(255,233,143,0.85);--p-margin:rgba(240,140,160,0.45);--p-ring:#BFEBD5;--p-heart:#F08CA0;
}
html[data-site-theme="doodle"][data-theme="dark"]{
  --zk-0:#0B0D0F;--zk-1:#141618;--zk-2:#212224;--zk-3:#2E3032;--zk-4:#3E4042;--zk-5:#57595B;--zk-6:#8B8D8F;--zk-7:#A3A4A7;--zk-8:#D0D2D4;--zk-9:#E0E2E4;--zk-10:#EFF0F3;--zk-11:#F4F5F7;
  --p-bg1:#2B3340;--p-bg2:#1B2029;--p-paper:#333C4A;--p-ink:#EEF1F6;--p-head:#FFFFFF;--p-muted:#D5DBE6;--p-faint:#A6AEBD;--p-line:#DDE3EE;--p-line-soft:rgba(221,227,238,0.35);--p-a1:#FFE98F;--p-a2:#A9E3C9;--p-a3:#FFB9CE;--p-btext:#2D2810;--p-accent:#FFE98F;--p-atext:#2D2810;--p-chip:rgba(169,227,201,0.16);--p-field:#2A313D;--p-shadow:rgba(0,0,0,0.4);--p-pat:rgba(169,200,240,0.13);--p-pat2:rgba(169,200,240,0.13);--p-stitch:#A9E3C9;--p-ear:#A9E3C9;--p-ear-in:#A9E3C9;--p-tape:rgba(255,233,143,0.8);--p-margin:rgba(255,185,206,0.3);--p-ring:#A9E3C9;--p-heart:#FFB9CE;
}
/* shape (รูปทรง/ลูกเล่น) */
html[data-site-theme="doodle"]{
  --r-xs:6px;--r-sm:10px;--r-md:14px;--r-lg:16px;--r-xl:18px;
  --bg-grad:linear-gradient(90deg,transparent 0 58px,var(--p-margin) 58px 59px,transparent 59px),repeating-linear-gradient(180deg,transparent 0 31px,var(--p-pat) 31px 32px),linear-gradient(180deg,var(--p-bg1) 0%,var(--p-bg2) 100%);
  --shadow-soft:2px 3px 0 var(--p-shadow);--shadow-deep:3px 5px 0 var(--p-shadow);
}
/* เส้นวาดมือ: มุมเบี้ยวเล็กน้อย ขอบ 2px + เทปกาวสลับสี */
html[data-site-theme="doodle"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card,.nav,.info-tabs-wrap,.hero-info-detail,.modal,.budget-banner,.cmd-dock,.chat-panel,.dropdown-list,.btn-primary,.btn-glass,.btn-outline,.tab-btn){border-width:2px;border-radius:14px 6px 16px 7px/7px 16px 6px 14px}
html[data-site-theme="doodle"] .nav{border-radius:24px 8px 26px 9px/9px 26px 8px 24px}
html[data-site-theme="doodle"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before{content:"";position:absolute;top:5px;left:50%;width:58px;height:16px;margin-left:-29px;z-index:3;pointer-events:none;background:var(--p-tape);transform:rotate(-3deg);border-left:2px dotted rgba(0,0,0,0.18);border-right:2px dotted rgba(0,0,0,0.18)}
html[data-site-theme="doodle"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card):nth-child(3n+2)::before{background:var(--p-a2);transform:rotate(2.5deg)}
html[data-site-theme="doodle"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card):nth-child(3n)::before{background:var(--p-a3);transform:rotate(-1.5deg)}
/* อัพเกรดจากภาพ 8: เทปกาวชิ้นที่สองเฉียงมุมขวาบน (เฉพาะใบคี่) + แท็บเป็นปากกาไฮไลต์พาสเทลสลับสี */
html[data-site-theme="doodle"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card):nth-child(odd)::after{content:"";position:absolute;top:9px;right:6px;width:38px;height:12px;z-index:3;pointer-events:none;background:var(--p-a2);opacity:.9;transform:rotate(38deg);border-left:2px dotted rgba(0,0,0,0.18);border-right:2px dotted rgba(0,0,0,0.18)}
html[data-site-theme="doodle"] .tab-btn:not(.active):not(.on):not(.is-active):not([aria-selected="true"]):not([aria-pressed="true"]){background-image:linear-gradient(transparent 56%,color-mix(in srgb,var(--p-a1) 55%,transparent) 56% 90%,transparent 90%)}
html[data-site-theme="doodle"] .tab-btn:nth-child(3n+2):not(.active):not(.on):not(.is-active):not([aria-selected="true"]):not([aria-pressed="true"]){background-image:linear-gradient(transparent 56%,color-mix(in srgb,var(--p-a2) 60%,transparent) 56% 90%,transparent 90%)}
html[data-site-theme="doodle"] .tab-btn:nth-child(3n):not(.active):not(.on):not(.is-active):not([aria-selected="true"]):not([aria-pressed="true"]){background-image:linear-gradient(transparent 56%,color-mix(in srgb,var(--p-a3) 60%,transparent) 56% 90%,transparent 90%)}
html[data-site-theme="doodle"] :is(.btn-primary,.btn-glass,.btn-outline){box-shadow:2px 3px 0 var(--p-line)}
html[data-site-theme="doodle"] :is(.btn-primary,.btn-glass,.btn-outline):active{transform:translate(1px,2px);box-shadow:1px 1px 0 var(--p-line)}

/* ======== diary : ไดอารี่ผ้าตาราง ======== */
/* palette (แก้สีตรงนี้) */
html[data-site-theme="diary"][data-theme="light"]{
  --zk-0:#FBF9F7;--zk-1:#F7F4F3;--zk-2:#F2EFEE;--zk-3:#E3E0DF;--zk-4:#D3D1CF;--zk-5:#A6A3A2;--zk-6:#797675;--zk-7:#5A5856;--zk-8:#4A4746;--zk-9:#312F2D;--zk-10:#23211F;--zk-11:#171513;
  --p-bg1:#FFF4EC;--p-bg2:#F6E3D6;--p-paper:#FFFBF6;--p-ink:#6A4A3E;--p-head:#4B332A;--p-muted:#7A5A4E;--p-faint:#876558;--p-line:#A47A6A;--p-line-soft:rgba(164,122,106,0.4);--p-a1:#F7C6CF;--p-a2:#FFE3B8;--p-a3:#CFE3C8;--p-btext:#5A2E36;--p-accent:#A4505F;--p-atext:#FFFFFF;--p-chip:rgba(247,198,207,0.35);--p-field:#FFFDF9;--p-shadow:rgba(164,122,106,0.28);--p-pat:rgba(240,170,170,0.2);--p-pat2:rgba(240,170,170,0.2);--p-stitch:#E3B3A6;--p-ear:#F7C6CF;--p-ear-in:#F7C6CF;--p-tape:#F7C6CF;--p-margin:#F7C6CF;--p-ring:#F7C6CF;--p-heart:#E56A9E;
}
html[data-site-theme="diary"][data-theme="dark"]{
  --zk-0:#0E0B0A;--zk-1:#171513;--zk-2:#23211F;--zk-3:#312F2D;--zk-4:#413F3D;--zk-5:#5A5856;--zk-6:#8E8C8A;--zk-7:#A6A3A2;--zk-8:#D3D1CF;--zk-9:#E3E0DF;--zk-10:#F2EFEE;--zk-11:#F7F4F3;
  --p-bg1:#3B2E2B;--p-bg2:#231A18;--p-paper:#473935;--p-ink:#FBEBDD;--p-head:#FFF6EC;--p-muted:#EAD3C3;--p-faint:#BFA593;--p-line:#E8B8A8;--p-line-soft:rgba(232,184,168,0.4);--p-a1:#F7B9C6;--p-a2:#FFD9A0;--p-a3:#B9D8B0;--p-btext:#3A1E24;--p-accent:#FFB9C6;--p-atext:#3A1E24;--p-chip:rgba(247,185,198,0.15);--p-field:#34292A;--p-shadow:rgba(0,0,0,0.45);--p-pat:rgba(247,185,198,0.06);--p-pat2:rgba(247,185,198,0.06);--p-stitch:rgba(232,184,168,0.5);--p-ear:#F7B9C6;--p-ear-in:#F7B9C6;--p-tape:#F7B9C6;--p-margin:#F7B9C6;--p-ring:#F7B9C6;--p-heart:#FFB9C6;
}
/* shape (รูปทรง/ลูกเล่น) */
html[data-site-theme="diary"]{
  --r-xs:8px;--r-sm:12px;--r-md:16px;--r-lg:20px;--r-xl:26px;
  --bg-grad:repeating-linear-gradient(0deg,var(--p-pat) 0 18px,transparent 18px 36px),repeating-linear-gradient(90deg,var(--p-pat) 0 18px,transparent 18px 36px),linear-gradient(180deg,var(--p-bg1) 0%,var(--p-bg2) 100%);
  --shadow-soft:0 2px 0 var(--p-shadow),0 8px 18px var(--p-shadow);--shadow-deep:0 3px 0 var(--p-shadow),0 14px 28px var(--p-shadow);
}
/* ไดอารี่: ขอบลูกไม้โค้งเว้าด้านบน + ริบบิ้นคั่นหนังสือ + ตะเข็บจุด */
html[data-site-theme="diary"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card,.nav,.info-tabs-wrap,.hero-info-detail,.modal,.budget-banner,.cmd-dock,.chat-panel){border-width:2px}
html[data-site-theme="diary"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card,.info-tabs-wrap,.hero-info-detail,.modal,.budget-banner){outline:2px dotted var(--p-stitch);outline-offset:-6px}
html[data-site-theme="diary"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before{content:"";position:absolute;top:0;left:0;right:0;height:13px;z-index:3;pointer-events:none;background:radial-gradient(circle at 50% 0,var(--p-a1) 0 7px,transparent 7.6px) 0 0/16px 13px repeat-x,linear-gradient(var(--p-a1),var(--p-a1)) 0 0/100% 4px no-repeat}
html[data-site-theme="diary"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after{content:"";position:absolute;top:0;right:18px;width:15px;height:30px;z-index:4;pointer-events:none;background:var(--p-heart);clip-path:polygon(0 0,100% 0,100% 100%,50% 76%,0 100%)}
html[data-site-theme="diary"] :is(.btn-primary,.btn-glass,.btn-outline,.tab-btn){border:2px solid var(--p-line);border-radius:999px}
html[data-site-theme="diary"] :is(.btn-primary,.btn-glass,.btn-outline){outline:1.5px dotted rgba(255,255,255,0.85);outline-offset:-5px}

/* ======== heartframe : เฟรมหัวใจพาสเทล ======== */
/* palette (แก้สีตรงนี้) */
html[data-site-theme="heartframe"][data-theme="light"]{
  --zk-0:#F9FAFE;--zk-1:#F4F5F9;--zk-2:#F0F1F5;--zk-3:#E1E2E6;--zk-4:#D1D2D6;--zk-5:#A3A4A8;--zk-6:#77787C;--zk-7:#58595D;--zk-8:#47484C;--zk-9:#2F3034;--zk-10:#212226;--zk-11:#15161A;
  --p-bg1:#FFF5FA;--p-bg2:#EEF1FF;--p-paper:#FFFFFF;--p-ink:#4B4A6B;--p-head:#343354;--p-muted:#5A5979;--p-faint:#6F6E8E;--p-line:#F2A0C3;--p-line-soft:rgba(242,160,195,0.45);--p-a1:#FFC2DB;--p-a2:#BFCBF5;--p-a3:#FFE9A6;--p-btext:#4A2340;--p-accent:#B03A78;--p-atext:#FFFFFF;--p-chip:rgba(255,194,219,0.3);--p-field:#FFFFFF;--p-shadow:rgba(150,140,200,0.3);--p-pat:rgba(241,160,195,0.28);--p-pat2:rgba(169,184,238,0.32);--p-stitch:#BFCBF5;--p-ear:#FFC2DB;--p-ear-in:#FFC2DB;--p-tape:#FFC2DB;--p-margin:#FFC2DB;--p-ring:#A9B8EE;--p-heart:#E56A9E;
}
html[data-site-theme="heartframe"][data-theme="dark"]{
  --zk-0:#0C0D11;--zk-1:#15161A;--zk-2:#212226;--zk-3:#2F3034;--zk-4:#3F4044;--zk-5:#58595D;--zk-6:#8C8D91;--zk-7:#A3A4A8;--zk-8:#D1D2D6;--zk-9:#E1E2E6;--zk-10:#F0F1F5;--zk-11:#F4F5F9;
  --p-bg1:#2B2850;--p-bg2:#181632;--p-paper:#353260;--p-ink:#F1EEFF;--p-head:#FFFFFF;--p-muted:#DAD6F7;--p-faint:#ABA7D6;--p-line:#F6A9CB;--p-line-soft:rgba(246,169,203,0.4);--p-a1:#FFB8D6;--p-a2:#9DAAF0;--p-a3:#FFE08A;--p-btext:#3A1630;--p-accent:#FFB8D6;--p-atext:#3A1630;--p-chip:rgba(255,184,214,0.16);--p-field:#2A2850;--p-shadow:rgba(0,0,0,0.5);--p-pat:rgba(255,184,214,0.13);--p-pat2:rgba(157,170,240,0.15);--p-stitch:#9DAAF0;--p-ear:#FFB8D6;--p-ear-in:#FFB8D6;--p-tape:#FFB8D6;--p-margin:#FFB8D6;--p-ring:#8F9DE6;--p-heart:#FFB8D6;
}
/* shape (รูปทรง/ลูกเล่น) */
html[data-site-theme="heartframe"]{
  --r-xs:10px;--r-sm:14px;--r-md:18px;--r-lg:22px;--r-xl:28px;
  --bg-grad:radial-gradient(circle at 20% 30%,var(--p-pat) 2.4px,transparent 3px) 0 0/90px 90px,radial-gradient(circle at 70% 72%,var(--p-pat2) 2.4px,transparent 3px) 0 0/90px 90px,radial-gradient(circle at 45% 55%,var(--p-pat) 1.4px,transparent 2px) 0 0/45px 45px,linear-gradient(135deg,var(--p-bg1) 0%,var(--p-bg2) 100%);
  --shadow-soft:0 0 0 3px var(--p-ring),4px 5px 0 3px var(--p-shadow);--shadow-deep:0 0 0 3px var(--p-ring),6px 8px 0 3px var(--p-shadow);
}
/* เฟรมแอปพาสเทล: ขอบชมพู + วงแหวนฟ้า + ป้ายหัวใจมุมการ์ด */
html[data-site-theme="heartframe"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card,.nav,.info-tabs-wrap,.hero-info-detail,.modal,.budget-banner,.cmd-dock,.chat-panel){border-width:3px}
html[data-site-theme="heartframe"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before{content:"\2665 \2665 \2665";position:absolute;top:9px;left:9px;z-index:3;pointer-events:none;padding:1px 9px;border-radius:999px;background:var(--p-paper);border:2px solid var(--p-ring);color:var(--p-heart);font-size:10px;line-height:14px;letter-spacing:3px}
html[data-site-theme="heartframe"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after{content:"\2726";position:absolute;top:8px;right:12px;z-index:3;pointer-events:none;color:var(--p-a3);font-size:16px;line-height:1;text-shadow:0 0 2px rgba(60,40,90,0.45)}
html[data-site-theme="heartframe"] :is(.btn-primary,.btn-glass,.btn-outline,.tab-btn){border:2px solid var(--p-line);border-radius:16px}
html[data-site-theme="heartframe"] :is(.btn-primary,.btn-glass,.btn-outline){box-shadow:0 0 0 2px var(--p-ring)}

/* ============================================================
   ชุดกระจก + แพลนเนอร์ (v3.2) — glassnight / glassfrost / liquidglass / planner
   กระจก 3 ธีมเปิดเบลอผ่านตัวแปร --blur (เว็บหลักใช้ backdrop-filter:var(--blur)) พื้นผิวมีชั้นสีทึบรองใต้ความโปร่ง เพื่อให้ตัวหนังสืออ่านออกแม้เบราว์เซอร์ไม่รองรับเบลอ
   ตัวแปร --g-in = เงาสะท้อนขอบกระจก (inset) ใช้กับการ์ด | ปรับสีง่าย: แก้ในบล็อกโหมดสว่าง/มืดของแต่ละธีม
   ============================================================ */

/* ======== glassnight : กระจกควันดำ (ภาพ 1-2) ======== */
html[data-site-theme="glassnight"][data-theme="dark"]{
  --zk-0:#0B0B0F;--zk-1:#14141A;--zk-2:#1E1E26;--zk-3:#2B2B35;--zk-4:#3A3A46;--zk-5:#555563;--zk-6:#8A8A9A;--zk-7:#A6A6B5;--zk-8:#D0D0DA;--zk-9:#E2E2EA;--zk-10:#F1F1F6;--zk-11:#F7F7FA;
  --bg-grad:linear-gradient(100deg,transparent 0 24%,rgba(255,255,255,0.05) 24% 31%,transparent 31% 58%,rgba(255,255,255,0.04) 58% 63%,transparent 63%),radial-gradient(ellipse at 78% -5%,rgba(190,190,210,0.5),transparent 55%),radial-gradient(ellipse at 10% 60%,rgba(90,90,115,0.45),transparent 50%),linear-gradient(180deg,#44444F 0%,#2A2A33 50%,#16161C 100%);
  --grid-line:rgba(255,255,255,0.04);
  --text:#F3F3F8;--head:#FFFFFF;--muted:#D2D2DC;--faint:#AEAEBD;
  --line:rgba(255,255,255,0.26);--chip:rgba(255,255,255,0.12);
  --btn:linear-gradient(180deg,#FAFAFD 0%,#D3D3DD 100%);--btn-text:#17171E;--btn-rim:rgba(255,255,255,0.8);
  --head-grad:linear-gradient(120deg,#FFFFFF 0%,#B9B9C8 100%);
  --accent:#E4E4F0;--accent-text:#17171E;
  --disc:radial-gradient(circle at 32% 26%,#FFFFFF,#9A9AAA 60%,#3A3A46 100%);
  --shadow-soft:0 10px 28px rgba(0,0,0,0.38);--shadow-deep:0 16px 40px rgba(0,0,0,0.5);
  --glass:linear-gradient(155deg,rgba(255,255,255,0.17) 0%,rgba(255,255,255,0.06) 52%,rgba(0,0,0,0.16) 52.4%,rgba(0,0,0,0.24) 100%),linear-gradient(rgba(32,32,40,0.62),rgba(32,32,40,0.62));
  --glass-flat:#2B2B34;--glass-bd:rgba(255,255,255,0.34);--glass-rim:rgba(255,255,255,0.28);
  --inner:inset 0 1px 0 rgba(255,255,255,0.35);--field-bg:rgba(18,18,24,0.6);--read-surface:#2A2A33;
  --read-paper:#2A2A33;--read-paper-text:#F3F3F8;--read-paper-bd:rgba(255,255,255,0.3);--read-paper-shadow:0 10px 28px rgba(0,0,0,0.38);
  --g-in:inset 0 1px 0 rgba(255,255,255,0.55),inset 0 -1px 0 rgba(255,255,255,0.18);
}
html[data-site-theme="glassnight"][data-theme="light"]{
  --zk-0:#FAFAFC;--zk-1:#F4F4F8;--zk-2:#ECECF1;--zk-3:#DEDEE5;--zk-4:#CDCDD6;--zk-5:#A2A2AE;--zk-6:#737380;--zk-7:#54545F;--zk-8:#42424D;--zk-9:#2A2A33;--zk-10:#1B1B22;--zk-11:#0E0E13;
  --bg-grad:linear-gradient(100deg,transparent 0 24%,rgba(255,255,255,0.35) 24% 31%,transparent 31% 58%,rgba(255,255,255,0.28) 58% 63%,transparent 63%),radial-gradient(ellipse at 78% -5%,rgba(255,255,255,0.9),transparent 55%),linear-gradient(180deg,#ECECF1 0%,#D4D4DD 55%,#BDBDC9 100%);
  --grid-line:rgba(40,40,60,0.04);
  --text:#24242C;--head:#14141A;--muted:#3E3E4A;--faint:#5B5B69;
  --line:rgba(40,40,60,0.28);--chip:rgba(40,40,60,0.08);
  --btn:linear-gradient(180deg,#43434F 0%,#22222A 100%);--btn-text:#FFFFFF;--btn-rim:rgba(255,255,255,0.3);
  --head-grad:linear-gradient(120deg,#14141A 0%,#4A4A5C 100%);
  --accent:#33334A;--accent-text:#FFFFFF;
  --disc:radial-gradient(circle at 32% 26%,#FFFFFF,#C4C4D0 60%,#8A8A9A 100%);
  --shadow-soft:0 10px 26px rgba(40,40,70,0.2);--shadow-deep:0 16px 38px rgba(40,40,70,0.3);
  --glass:linear-gradient(155deg,rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.5) 52%,rgba(220,220,232,0.5) 52.4%,rgba(205,205,220,0.58) 100%);
  --glass-flat:#F2F2F6;--glass-bd:rgba(255,255,255,0.85);--glass-rim:rgba(255,255,255,0.7);
  --inner:inset 0 1px 0 rgba(255,255,255,1);--field-bg:rgba(255,255,255,0.7);--read-surface:#F6F6F9;
  --read-paper:#F6F6F9;--read-paper-text:#24242C;--read-paper-bd:rgba(40,40,60,0.25);--read-paper-shadow:0 10px 26px rgba(40,40,70,0.2);
  --g-in:inset 0 1px 0 rgba(255,255,255,1),inset 0 -1px 0 rgba(120,120,150,0.25);
}
html[data-site-theme="glassnight"]{
  --blur:blur(18px) saturate(1.5);
  --r-xs:10px;--r-sm:14px;--r-md:20px;--r-lg:24px;--r-xl:30px;
}

/* ======== glassfrost : กระจกฝ้าทราย (ภาพ 3) ======== */
html[data-site-theme="glassfrost"][data-theme="light"]{
  --zk-0:#FBF8F5;--zk-1:#F5F1EC;--zk-2:#EEE8E2;--zk-3:#E0D8D0;--zk-4:#CFC6BC;--zk-5:#A69C91;--zk-6:#7A6F65;--zk-7:#5A5047;--zk-8:#483F37;--zk-9:#30291F;--zk-10:#211B15;--zk-11:#14100C;
  --bg-grad:radial-gradient(ellipse at 0% 45%,rgba(255,255,255,0.45),transparent 45%),radial-gradient(ellipse at 100% 100%,rgba(120,98,82,0.28),transparent 55%),linear-gradient(160deg,#E9DFD4 0%,#D3C5B7 50%,#BFAE9F 100%);
  --grid-line:rgba(90,70,55,0.05);
  --text:#3F3229;--head:#2B2019;--muted:#54453A;--faint:#6E5D50;
  --line:rgba(90,70,55,0.3);--chip:rgba(90,70,55,0.09);
  --btn:linear-gradient(180deg,#5A4A3E 0%,#3A2E26 100%);--btn-text:#FFF8F0;--btn-rim:rgba(255,255,255,0.3);
  --head-grad:linear-gradient(120deg,#2B2019 0%,#6A4F3C 100%);
  --accent:#6A4F3C;--accent-text:#FFFFFF;
  --disc:radial-gradient(circle at 32% 26%,#FFFFFF,#D9CCBE 55%,#A8978A 100%);
  --shadow-soft:10px 14px 24px rgba(90,70,52,0.26);--shadow-deep:14px 20px 32px rgba(90,70,52,0.34);
  --glass:linear-gradient(180deg,rgba(255,255,255,0.64),rgba(255,255,255,0.4));
  --glass-flat:#F4EEE7;--glass-bd:rgba(255,255,255,0.8);--glass-rim:rgba(255,255,255,0.7);
  --inner:inset 0 1px 0 rgba(255,255,255,0.95);--field-bg:rgba(255,255,255,0.7);--read-surface:#F8F3EE;
  --read-paper:#F8F3EE;--read-paper-text:#3F3229;--read-paper-bd:rgba(90,70,55,0.28);--read-paper-shadow:8px 10px 20px rgba(90,70,52,0.22);
  --g-in:inset 0 1px 0 rgba(255,255,255,0.95),inset 0 -3px 8px rgba(255,255,255,0.9);
}
html[data-site-theme="glassfrost"][data-theme="dark"]{
  --zk-0:#0E0B09;--zk-1:#171310;--zk-2:#221D18;--zk-3:#322B24;--zk-4:#443B32;--zk-5:#5E5348;--zk-6:#8F8274;--zk-7:#AA9E91;--zk-8:#D3C9BE;--zk-9:#E4DCD2;--zk-10:#F3EEE8;--zk-11:#F9F6F2;
  --bg-grad:radial-gradient(ellipse at 0% 45%,rgba(255,235,215,0.16),transparent 45%),linear-gradient(160deg,#5A4C42 0%,#3C312A 55%,#241C17 100%);
  --grid-line:rgba(255,240,225,0.04);
  --text:#F7EFE7;--head:#FFFAF4;--muted:#E0D3C7;--faint:#BBAB9D;
  --line:rgba(255,240,225,0.3);--chip:rgba(255,240,225,0.12);
  --btn:linear-gradient(180deg,#F7EDE2 0%,#D9C9B8 100%);--btn-text:#2E231B;--btn-rim:rgba(255,255,255,0.7);
  --head-grad:linear-gradient(120deg,#FFFAF4 0%,#E3CDB4 100%);
  --accent:#F0D9BF;--accent-text:#2E231B;
  --disc:radial-gradient(circle at 32% 26%,#FFF6EC,#B7A592 55%,#4A3E34 100%);
  --shadow-soft:10px 14px 24px rgba(0,0,0,0.4);--shadow-deep:14px 20px 32px rgba(0,0,0,0.5);
  --glass:linear-gradient(180deg,rgba(255,255,255,0.17),rgba(255,255,255,0.07)),linear-gradient(rgba(50,40,33,0.5),rgba(50,40,33,0.5));
  --glass-flat:#40342C;--glass-bd:rgba(255,240,225,0.38);--glass-rim:rgba(255,240,225,0.25);
  --inner:inset 0 1px 0 rgba(255,245,235,0.4);--field-bg:rgba(30,23,18,0.55);--read-surface:#40342C;
  --read-paper:#40342C;--read-paper-text:#F7EFE7;--read-paper-bd:rgba(255,240,225,0.3);--read-paper-shadow:8px 10px 20px rgba(0,0,0,0.4);
  --g-in:inset 0 1px 0 rgba(255,245,235,0.4),inset 0 -3px 8px rgba(255,236,215,0.28);
}
html[data-site-theme="glassfrost"]{
  --blur:blur(16px) saturate(1.25);
  --r-xs:4px;--r-sm:8px;--r-md:10px;--r-lg:12px;--r-xl:16px;
}

/* ======== liquidglass : ลิควิดกลาสพาสเทล (ภาพ 4) ======== */
html[data-site-theme="liquidglass"][data-theme="light"]{
  --zk-0:#FBF9FD;--zk-1:#F5F2F9;--zk-2:#EEEAF4;--zk-3:#E0DCE8;--zk-4:#CFCBDA;--zk-5:#A5A1B3;--zk-6:#797587;--zk-7:#59556A;--zk-8:#47435A;--zk-9:#2E2A42;--zk-10:#201C32;--zk-11:#141120;
  --bg-grad:radial-gradient(ellipse at 8% 8%,rgba(255,200,190,0.85),transparent 45%),radial-gradient(ellipse at 95% 12%,rgba(130,150,190,0.7),transparent 50%),radial-gradient(ellipse at 70% 95%,rgba(190,160,255,0.5),transparent 50%),radial-gradient(ellipse at 15% 90%,rgba(140,230,220,0.45),transparent 45%),linear-gradient(160deg,#F6E9E4 0%,#DAD2E0 55%,#B9BED6 100%);
  --grid-line:rgba(110,95,200,0.05);
  --text:#2B2742;--head:#1A1730;--muted:#433F60;--faint:#5C5878;
  --line:rgba(110,95,200,0.28);--chip:rgba(130,115,245,0.14);
  --btn:linear-gradient(180deg,#7C6BF6 0%,#5A45DC 100%);--btn-text:#FFFFFF;--btn-rim:rgba(255,255,255,0.55);
  --head-grad:linear-gradient(120deg,#1A1730 0%,#5A45DC 55%,#2BA9A0 100%);
  --accent:#5440D6;--accent-text:#FFFFFF;
  --disc:radial-gradient(circle at 30% 25%,#FFFFFF,#C8BEFF 50%,#8FD8D0 100%);
  --shadow-soft:0 12px 28px rgba(95,80,170,0.22);--shadow-deep:0 18px 40px rgba(95,80,170,0.32);
  --glass:linear-gradient(135deg,rgba(255,214,230,0.5) 0%,rgba(255,255,255,0.55) 38%,rgba(200,225,255,0.5) 70%,rgba(210,255,240,0.5) 100%);
  --glass-flat:#F7F3FB;--glass-bd:rgba(255,255,255,0.9);--glass-rim:rgba(255,255,255,0.7);
  --inner:inset 0 1px 0 rgba(255,255,255,1);--field-bg:rgba(255,255,255,0.78);--read-surface:#FBF9FF;
  --read-paper:#FBF9FF;--read-paper-text:#2B2742;--read-paper-bd:rgba(110,95,200,0.25);--read-paper-shadow:0 12px 28px rgba(95,80,170,0.2);
  --g-in:inset 0 1px 0 rgba(255,255,255,1),inset 0 -2px 6px rgba(150,130,255,0.22),0 0 0 1px rgba(160,140,255,0.22);
}
html[data-site-theme="liquidglass"][data-theme="dark"]{
  --zk-0:#0A0812;--zk-1:#13101F;--zk-2:#1F1B30;--zk-3:#2D2942;--zk-4:#3D3856;--zk-5:#58537A;--zk-6:#8D88B0;--zk-7:#A9A5C8;--zk-8:#D2CFEA;--zk-9:#E3E1F4;--zk-10:#F1F0FB;--zk-11:#F7F6FD;
  --bg-grad:radial-gradient(ellipse at 10% 5%,rgba(255,110,170,0.3),transparent 45%),radial-gradient(ellipse at 92% 15%,rgba(80,140,255,0.3),transparent 50%),radial-gradient(ellipse at 75% 98%,rgba(150,90,255,0.4),transparent 50%),radial-gradient(ellipse at 10% 95%,rgba(60,220,210,0.25),transparent 45%),linear-gradient(160deg,#211C45 0%,#141230 55%,#0C0D22 100%);
  --grid-line:rgba(200,190,255,0.04);
  --text:#F2F0FF;--head:#FFFFFF;--muted:#D6D2F5;--faint:#AAA5D8;
  --line:rgba(200,190,255,0.3);--chip:rgba(190,178,255,0.16);
  --btn:linear-gradient(180deg,#B7ACFF 0%,#8F7EF7 100%);--btn-text:#14102E;--btn-rim:rgba(255,255,255,0.6);
  --head-grad:linear-gradient(120deg,#FFFFFF 0%,#BDB2FF 55%,#7BE8DD 100%);
  --accent:#BDB2FF;--accent-text:#14102E;
  --disc:radial-gradient(circle at 30% 25%,#FFFFFF,#A99CFF 50%,#4A3FA0 100%);
  --shadow-soft:0 12px 30px rgba(0,0,0,0.45);--shadow-deep:0 18px 44px rgba(0,0,0,0.58);
  --glass:linear-gradient(135deg,rgba(255,150,200,0.16) 0%,rgba(255,255,255,0.09) 40%,rgba(130,170,255,0.14) 70%,rgba(120,240,225,0.12) 100%),linear-gradient(rgba(34,29,72,0.55),rgba(34,29,72,0.55));
  --glass-flat:#2A2552;--glass-bd:rgba(255,255,255,0.3);--glass-rim:rgba(255,255,255,0.22);
  --inner:inset 0 1px 0 rgba(255,255,255,0.4);--field-bg:rgba(20,16,46,0.6);--read-surface:#2A2552;
  --read-paper:#2A2552;--read-paper-text:#F2F0FF;--read-paper-bd:rgba(200,190,255,0.3);--read-paper-shadow:0 12px 30px rgba(0,0,0,0.45);
  --g-in:inset 0 1px 0 rgba(255,255,255,0.45),inset 0 -2px 6px rgba(150,130,255,0.25),0 0 0 1px rgba(190,178,255,0.25);
}
html[data-site-theme="liquidglass"]{
  --blur:blur(20px) saturate(1.7);
  --r-xs:12px;--r-sm:16px;--r-md:22px;--r-lg:28px;--r-xl:34px;
}

/* กระจกทั้ง 3 ธีม: เงาสะท้อนขอบ + ปุ่ม/แท็บมีขอบกระจก (ไม่แตะสถานะ active ของเว็บหลัก) */
html[data-site-theme="glassnight"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card,.nav,.info-tabs-wrap,.hero-info-detail,.modal,.budget-banner,.cmd-dock,.chat-panel),
html[data-site-theme="glassfrost"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card,.nav,.info-tabs-wrap,.hero-info-detail,.modal,.budget-banner,.cmd-dock,.chat-panel),
html[data-site-theme="liquidglass"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card,.nav,.info-tabs-wrap,.hero-info-detail,.modal,.budget-banner,.cmd-dock,.chat-panel){box-shadow:var(--shadow-soft),var(--g-in)}
html[data-site-theme="glassnight"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card):hover,
html[data-site-theme="glassfrost"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card):hover,
html[data-site-theme="liquidglass"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card):hover{box-shadow:var(--shadow-deep),var(--g-in)}
html[data-site-theme="glassnight"] :is(.btn-glass,.btn-outline),
html[data-site-theme="glassfrost"] :is(.btn-glass,.btn-outline),
html[data-site-theme="liquidglass"] :is(.btn-glass,.btn-outline){border-color:var(--glass-bd)}
html[data-site-theme="glassnight"] .btn-primary,
html[data-site-theme="glassfrost"] .btn-primary,
html[data-site-theme="liquidglass"] .btn-primary{box-shadow:inset 0 1px 0 var(--btn-rim),0 6px 16px rgba(0,0,0,0.18)}
html[data-site-theme="liquidglass"] .btn-primary{border-color:rgba(255,255,255,0.55)}

/* ======== planner : แพลนเนอร์สติกเกอร์ (ภาพ 9) ======== */
/* palette (แก้สีตรงนี้) */
html[data-site-theme="planner"][data-theme="light"]{
  --zk-0:#F9F9FE;--zk-1:#F4F4FA;--zk-2:#EEEEF5;--zk-3:#E0E0E8;--zk-4:#D0D0D9;--zk-5:#A3A3B0;--zk-6:#777784;--zk-7:#585865;--zk-8:#474755;--zk-9:#2E2E3C;--zk-10:#20202D;--zk-11:#141420;
  --p-bg1:#F3F1FF;--p-bg2:#E6E8FF;--p-paper:#FFFFFF;--p-ink:#25234F;--p-head:#17153A;--p-muted:#3F3D6B;--p-faint:#5C5A8A;--p-line:#1E1B4B;--p-line-soft:rgba(30,27,75,0.4);--p-a1:#BFCBFF;--p-a2:#C6F0D4;--p-a3:#FFC6D8;--p-btext:#17153A;--p-accent:#4B45D1;--p-atext:#FFFFFF;--p-chip:rgba(191,203,255,0.45);--p-field:#FFFFFF;--p-shadow:rgba(30,27,75,0.28);--p-pat:rgba(110,100,200,0.3);--p-pat2:rgba(110,100,200,0.3);--p-stitch:#BFCBFF;--p-ear:#BFCBFF;--p-ear-in:#BFCBFF;--p-tape:#FFE9A6;--p-margin:#BFCBFF;--p-ring:#BFCBFF;--p-heart:#E8558C;
}
html[data-site-theme="planner"][data-theme="dark"]{
  --zk-0:#0A0A14;--zk-1:#141420;--zk-2:#20202D;--zk-3:#2E2E3C;--zk-4:#3E3E4D;--zk-5:#585865;--zk-6:#8C8C99;--zk-7:#A3A3B0;--zk-8:#D0D0D9;--zk-9:#E0E0E8;--zk-10:#EEEEF5;--zk-11:#F4F4FA;
  --p-bg1:#1C1B3F;--p-bg2:#121129;--p-paper:#292760;--p-ink:#EFEFFF;--p-head:#FFFFFF;--p-muted:#D3D2F5;--p-faint:#A5A3D6;--p-line:#BDBAFF;--p-line-soft:rgba(189,186,255,0.4);--p-a1:#AEBBFF;--p-a2:#9FE3B8;--p-a3:#FFB3CC;--p-btext:#15133A;--p-accent:#FFD97A;--p-atext:#1B1740;--p-chip:rgba(174,187,255,0.16);--p-field:#1F1D4D;--p-shadow:#0B0A1E;--p-pat:rgba(174,187,255,0.2);--p-pat2:rgba(174,187,255,0.2);--p-stitch:#8E92E8;--p-ear:#AEBBFF;--p-ear-in:#AEBBFF;--p-tape:#FFE08A;--p-margin:#AEBBFF;--p-ring:#AEBBFF;--p-heart:#FFB3CC;
}
/* shape (รูปทรง/ลูกเล่น) */
html[data-site-theme="planner"]{
  --r-xs:8px;--r-sm:12px;--r-md:16px;--r-lg:18px;--r-xl:24px;
  --bg-grad:radial-gradient(circle at center,var(--p-pat) 1.2px,transparent 1.7px) 0 0/16px 16px,linear-gradient(180deg,var(--p-bg1) 0%,var(--p-bg2) 100%);
  --shadow-soft:3px 3px 0 var(--p-shadow);--shadow-deep:5px 5px 0 var(--p-shadow);
}
/* การ์ดแบบหน้าแพลนเนอร์: ขอบกรมท่า 2px + แท็บโฟลเดอร์สีพาสเทลมุมซ้ายบน (สลับ ฟ้า/มิ้นต์/ชมพู) + สติกเกอร์ดาวเอียงมุมขวาบน */
html[data-site-theme="planner"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card,.nav,.info-tabs-wrap,.hero-info-detail,.modal,.budget-banner,.cmd-dock,.chat-panel){border-width:2px}
html[data-site-theme="planner"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before{content:"";position:absolute;top:0;left:0;width:62px;height:14px;z-index:3;pointer-events:none;background:var(--p-a1);border-right:2px solid var(--p-line);border-bottom:2px solid var(--p-line);border-top-left-radius:inherit;border-bottom-right-radius:10px}
html[data-site-theme="planner"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card):nth-child(3n+2)::before{background:var(--p-a2)}
html[data-site-theme="planner"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card):nth-child(3n)::before{background:var(--p-a3)}
html[data-site-theme="planner"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after{content:"";position:absolute;top:6px;right:10px;width:19px;height:19px;z-index:3;pointer-events:none;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2.6l2.9 6.1 6.6.8-4.9 4.6 1.3 6.6L12 17.4l-5.9 3.3 1.3-6.6L2.5 9.5l6.6-.8z' fill='%23FFC93C' stroke='%23E8558C' stroke-width='1.6' stroke-linejoin='round'/></svg>") center/13px 13px no-repeat,var(--p-paper);border:2px solid var(--p-line);border-radius:50%;transform:rotate(12deg)}
html[data-site-theme="planner"] :is(.btn-primary,.btn-glass,.btn-outline,.tab-btn){border:2px solid var(--p-line);border-radius:12px}
html[data-site-theme="planner"] .tab-btn{border-radius:12px 12px 4px 4px}
html[data-site-theme="planner"] :is(.btn-primary,.btn-glass,.btn-outline){box-shadow:2px 2px 0 var(--p-line)}
html[data-site-theme="planner"] :is(.btn-primary,.btn-glass,.btn-outline):active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--p-line)}

/* ============================================================
   ชุดฤดูกาล/เทศกาล/ดนตรี (v4.0) — summer / rain / winter / spring / christmas / snow / halloween / music
   ไม่ใช่แค่เปลี่ยนสี: แต่ละธีมมีรูปทรงการ์ดเฉพาะ (ผ้ากันสาด, หยดน้ำเกาะกระจก, ผ้าถัก, เถาไม้, ไฟประดับ, น้ำแข็ง, เลือดหยด, แผ่นเสียง) + เลเยอร์บรรยากาศเคลื่อนไหว
   เลเยอร์บรรยากาศใช้ html::before / html::after (fixed, pointer-events:none, z-index:2) — ไม่ชนกับ body::before ของหน้าเว็บ
   ปิดอนิเมชันอัตโนมัติเมื่อระบบตั้ง prefers-reduced-motion หรือเรียก ThemeCarrd.setFx(false)  | ปรับสี: แก้ในบล็อก [data-theme="light|dark"] ของแต่ละธีม (--p-*)
   อัพเกรดธีมเดิม: kawaii (ประกายระยิบ) cloud (เมฆลอย) icecream (สปริงเคิลร่วง) heartframe (หัวใจลอย) nekonote (รอยเท้าแมว) pixelwin (ดาวพิกเซลกะพริบ) doodle (ลายขีดเขียนลอย)
   ============================================================ */
html[data-site-theme="summer"][data-theme="light"]{
  --zk-0:#FCFDFD;--zk-1:#F7F8F8;--zk-2:#EFF0F1;--zk-3:#DEE1E3;--zk-4:#CED2D4;--zk-5:#A2AAAE;--zk-6:#778288;--zk-7:#5A6368;--zk-8:#474E52;--zk-9:#2B2F31;--zk-10:#1A1D1E;--zk-11:#0E1010;
  --p-bg1:#FFF4D6;--p-bg2:#BFEBF2;--p-bg3:#F6D99B;--p-paper:#FFFDF5;--p-ink:#3B3321;--p-head:#2A2314;--p-muted:#5B4D32;--p-faint:#75653F;--p-line:#2B6E86;--p-line-soft:rgba(43,110,134,0.42);--p-a1:#FFB347;--p-a2:#5FD0DC;--p-a3:#FF7F6B;--p-btext:#3A2108;--p-accent:#C2410C;--p-atext:#FFFFFF;--p-chip:rgba(255,179,71,0.28);--p-field:#FFFFFF;--p-shadow:rgba(194,113,58,0.32);--p-heart:#FF7F6B;--p-ring:#5FD0DC;--p-ear:#FFB347;--p-ear-in:#FFB347;--p-tape:#FFB347;--p-margin:#FFB347;--p-pat:rgba(255,179,71,0.28);--p-pat2:rgba(255,179,71,0.28);--p-stitch:#FFB347;
}
html[data-site-theme="summer"][data-theme="dark"]{
  --zk-0:#050505;--zk-1:#0C0D0E;--zk-2:#151719;--zk-3:#242729;--zk-4:#34393C;--zk-5:#51595D;--zk-6:#879197;--zk-7:#A8AFB3;--zk-8:#C8CDD0;--zk-9:#E4E6E7;--zk-10:#F1F3F3;--zk-11:#FAFAFA;
  --p-bg1:#14324A;--p-bg2:#0A1826;--p-bg3:#4A3350;--p-paper:#17415C;--p-ink:#FFF3DA;--p-head:#FFFBF0;--p-muted:#F0DFB8;--p-faint:#BCA97F;--p-line:#FFC46B;--p-line-soft:rgba(255,196,107,0.40);--p-a1:#FFB347;--p-a2:#4CC9D6;--p-a3:#FF8A78;--p-btext:#2B1A06;--p-accent:#FFC46B;--p-atext:#2B1A06;--p-chip:rgba(255,196,107,0.16);--p-field:#0F2D44;--p-shadow:rgba(0,0,0,0.45);--p-heart:#FF8A78;--p-ring:#4CC9D6;--p-ear:#FFB347;--p-ear-in:#FFB347;--p-tape:#FFB347;--p-margin:#FFB347;--p-pat:rgba(255,196,107,0.16);--p-pat2:rgba(255,196,107,0.16);--p-stitch:#FFB347;
}

html[data-site-theme="summer"]{--r-xs:10px;--r-sm:14px;--r-md:20px;--r-lg:24px;--r-xl:30px;
  --bg-grad:linear-gradient(180deg,var(--p-bg2) 0%,var(--p-bg1) 66%,var(--p-bg3) 100%);
  --shadow-soft:0 6px 0 -1px var(--p-shadow);--shadow-deep:0 10px 0 -2px var(--p-shadow),0 18px 30px var(--p-shadow)}
html[data-site-theme="summer"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card,.nav,.info-tabs-wrap,.hero-info-detail,.modal,.budget-banner,.cmd-dock,.chat-panel){border-width:2px}
html[data-site-theme="summer"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before{content:"";position:absolute;top:0;left:0;right:0;height:15px;z-index:3;pointer-events:none;background:repeating-linear-gradient(90deg,var(--p-a3) 0 14px,var(--p-paper) 14px 28px);-webkit-mask:radial-gradient(circle at 14px 8px,#000 6.9px,transparent 7.4px) 0 0/14px 15px repeat-x,linear-gradient(#000,#000) 0 0/100% 8px no-repeat;mask:radial-gradient(circle at 7px 8px,#000 6.9px,transparent 7.4px) 0 0/14px 15px repeat-x,linear-gradient(#000,#000) 0 0/100% 8px no-repeat}
html[data-site-theme="summer"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after{content:"";position:absolute;top:5px;right:9px;width:28px;height:28px;z-index:3;pointer-events:none;background:radial-gradient(circle,#FFC93C 0 36%,transparent 38%),repeating-conic-gradient(var(--p-a1) 0 9deg,transparent 9deg 30deg);border-radius:50%;animation:zk-spin 14s linear infinite}
html[data-site-theme="summer"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card):hover::after{animation-duration:3s}
html[data-site-theme="summer"] :is(.btn-primary,.btn-glass,.btn-outline,.tab-btn){border:2px solid var(--p-line);border-radius:999px}
html[data-site-theme="summer"] :is(.btn-primary,.btn-glass,.btn-outline){box-shadow:0 3px 0 var(--p-line)}
html[data-site-theme="summer"] :is(.btn-primary,.btn-glass,.btn-outline):active{transform:translateY(2px);box-shadow:0 1px 0 var(--p-line)}
html[data-site-theme="summer"][data-theme="light"]{--fx-sun:rgba(255,214,102,.75);--fx-ray:rgba(255,200,80,.30);--fx-bub:rgba(255,255,255,.95)}
html[data-site-theme="summer"][data-theme="dark"]{--fx-sun:rgba(255,150,80,.55);--fx-ray:rgba(255,160,90,.20);--fx-bub:rgba(160,225,240,.55)}
@keyframes zk-spin{to{transform:rotate(360deg)}}
html[data-site-theme="summer"]::before{content:"";position:fixed;top:-190px;right:-190px;width:460px;height:460px;pointer-events:none;z-index:0;border-radius:50%;background:radial-gradient(circle,var(--fx-sun) 0 22%,transparent 62%),repeating-conic-gradient(var(--fx-ray) 0 5deg,transparent 5deg 18deg);-webkit-mask:radial-gradient(circle,#000 0 30%,transparent 70%);mask:radial-gradient(circle,#000 0 30%,transparent 70%);animation:zk-spin 80s linear infinite}
@keyframes zk-ry-420{to{transform:translate3d(0,-420px,0)}}
html[data-site-theme="summer"]::after{content:"";position:fixed;left:0;right:0;top:0;bottom:-420px;pointer-events:none;z-index:2;background:radial-gradient(circle at 234px 382px,transparent 0,transparent 3.6px,var(--fx-bub) 4.2px,var(--fx-bub) 4.8px,transparent 5.4px),radial-gradient(circle at 213px 246px,transparent 0,transparent 3.7px,var(--fx-bub) 4.3px,var(--fx-bub) 4.9px,transparent 5.5px),radial-gradient(circle at 215px 263px,transparent 0,transparent 2.5px,var(--fx-bub) 3.1px,var(--fx-bub) 3.7px,transparent 4.3px),radial-gradient(circle at 46px 131px,transparent 0,transparent 5.0px,var(--fx-bub) 5.6px,var(--fx-bub) 6.2px,transparent 6.8px),radial-gradient(circle at 337px 289px,transparent 0,transparent 2.2px,var(--fx-bub) 2.8px,var(--fx-bub) 3.4px,transparent 4.0px),radial-gradient(circle at 408px 400px,transparent 0,transparent 2.0px,var(--fx-bub) 2.6px,var(--fx-bub) 3.2px,transparent 3.8px),radial-gradient(circle at 257px 71px,transparent 0,transparent 4.4px,var(--fx-bub) 5.0px,var(--fx-bub) 5.6px,transparent 6.2px),radial-gradient(circle at 222px 29px,transparent 0,transparent 1.9px,var(--fx-bub) 2.5px,var(--fx-bub) 3.1px,transparent 3.7px),radial-gradient(circle at 105px 18px,transparent 0,transparent 2.6px,var(--fx-bub) 3.2px,var(--fx-bub) 3.8px,transparent 4.4px),radial-gradient(circle at 186px 349px,transparent 0,transparent 3.7px,var(--fx-bub) 4.3px,var(--fx-bub) 4.9px,transparent 5.5px),radial-gradient(circle at 267px 210px,transparent 0,transparent 3.9px,var(--fx-bub) 4.5px,var(--fx-bub) 5.1px,transparent 5.7px),radial-gradient(circle at 193px 120px,transparent 0,transparent 4.4px,var(--fx-bub) 5.0px,var(--fx-bub) 5.6px,transparent 6.2px),radial-gradient(circle at 409px 347px,transparent 0,transparent 5.8px,var(--fx-bub) 6.4px,var(--fx-bub) 7.0px,transparent 7.6px),radial-gradient(circle at 135px 101px,transparent 0,transparent 4.6px,var(--fx-bub) 5.2px,var(--fx-bub) 5.8px,transparent 6.4px),radial-gradient(circle at 35px 319px,transparent 0,transparent 3.0px,var(--fx-bub) 3.6px,var(--fx-bub) 4.2px,transparent 4.8px),radial-gradient(circle at 351px 164px,transparent 0,transparent 3.4px,var(--fx-bub) 4.0px,var(--fx-bub) 4.6px,transparent 5.2px),radial-gradient(circle at 350px 9px,transparent 0,transparent 5.6px,var(--fx-bub) 6.2px,var(--fx-bub) 6.8px,transparent 7.4px),radial-gradient(circle at 378px 198px,transparent 0,transparent 2.6px,var(--fx-bub) 3.2px,var(--fx-bub) 3.8px,transparent 4.4px),radial-gradient(circle at 169px 38px,transparent 0,transparent 5.7px,var(--fx-bub) 6.3px,var(--fx-bub) 6.9px,transparent 7.5px),radial-gradient(circle at 323px 117px,transparent 0,transparent 4.3px,var(--fx-bub) 4.9px,var(--fx-bub) 5.5px,transparent 6.1px),radial-gradient(circle at 141px 400px,transparent 0,transparent 2.1px,var(--fx-bub) 2.7px,var(--fx-bub) 3.3px,transparent 3.9px),radial-gradient(circle at 56px 108px,transparent 0,transparent 4.8px,var(--fx-bub) 5.4px,var(--fx-bub) 6.0px,transparent 6.6px);background-size:420px 420px;animation:zk-ry-420 38s linear infinite;will-change:transform;}
html[data-site-theme="rain"][data-theme="light"]{
  --zk-0:#FCFCFD;--zk-1:#F7F7F8;--zk-2:#EFF0F1;--zk-3:#DEE1E3;--zk-4:#CED2D4;--zk-5:#A2A9AE;--zk-6:#778188;--zk-7:#5A6268;--zk-8:#474D52;--zk-9:#2B2E31;--zk-10:#1A1C1E;--zk-11:#0E0F10;
  --p-bg1:#E4EEF4;--p-bg2:#B7CBD8;--p-paper:#F6FAFC;--p-ink:#263A47;--p-head:#14232D;--p-muted:#3C5260;--p-faint:#566D7B;--p-line:#3F6A82;--p-line-soft:rgba(63,106,130,0.42);--p-a1:#8EC5E0;--p-a2:#A8B8E8;--p-a3:#F2D27A;--p-btext:#0F2A38;--p-accent:#1F6A8F;--p-atext:#FFFFFF;--p-chip:rgba(63,106,130,0.13);--p-field:#FFFFFF;--p-shadow:rgba(38,70,90,0.30);--p-ring:#8EC5E0;--p-ear:#8EC5E0;--p-ear-in:#8EC5E0;--p-tape:#8EC5E0;--p-margin:#8EC5E0;--p-heart:#8EC5E0;--p-pat:rgba(63,106,130,0.13);--p-pat2:rgba(63,106,130,0.13);--p-stitch:#8EC5E0;--p-bg3:#B7CBD8;
}
html[data-site-theme="rain"][data-theme="dark"]{
  --zk-0:#050505;--zk-1:#0C0D0E;--zk-2:#151719;--zk-3:#242729;--zk-4:#34393C;--zk-5:#51585D;--zk-6:#879097;--zk-7:#A8AEB3;--zk-8:#C8CDD0;--zk-9:#E4E6E7;--zk-10:#F1F2F3;--zk-11:#FAFAFA;
  --p-bg1:#1B2B3A;--p-bg2:#0A121B;--p-paper:#223648;--p-ink:#E6F1F8;--p-head:#FFFFFF;--p-muted:#C3D6E3;--p-faint:#8FA7B8;--p-line:#7FB3D1;--p-line-soft:rgba(127,179,209,0.42);--p-a1:#6FB1D6;--p-a2:#8E9CE0;--p-a3:#FFD866;--p-btext:#08202F;--p-accent:#FFD866;--p-atext:#1E1700;--p-chip:rgba(127,179,209,0.16);--p-field:#17283A;--p-shadow:rgba(0,0,0,0.5);--p-ring:#6FB1D6;--p-ear:#6FB1D6;--p-ear-in:#6FB1D6;--p-tape:#6FB1D6;--p-margin:#6FB1D6;--p-heart:#6FB1D6;--p-pat:rgba(127,179,209,0.16);--p-pat2:rgba(127,179,209,0.16);--p-stitch:#6FB1D6;--p-bg3:#0A121B;
}

html[data-site-theme="rain"]{--r-xs:10px;--r-sm:14px;--r-md:18px;--r-lg:20px;--r-xl:26px;
  --bg-grad:linear-gradient(180deg,var(--p-bg2) 0%,var(--p-bg1) 100%);
  --shadow-soft:0 8px 22px var(--p-shadow);--shadow-deep:0 14px 34px var(--p-shadow)}
html[data-site-theme="rain"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card,.nav,.info-tabs-wrap,.hero-info-detail,.modal,.budget-banner,.cmd-dock,.chat-panel){border-width:2px}
html[data-site-theme="rain"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before{content:"";position:absolute;top:3px;left:3px;right:3px;height:36px;z-index:3;pointer-events:none;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='150' height='36' viewBox='0 0 150 36'><circle cx='12' cy='9' r='3.4' fill='%23FFFFFF' fill-opacity='.35'/><circle cx='11.0' cy='8.0' r='1.2' fill='%23FFFFFF' fill-opacity='.95'/><circle cx='40' cy='6' r='2.6' fill='%23FFFFFF' fill-opacity='.35'/><circle cx='39.2' cy='5.2' r='0.9' fill='%23FFFFFF' fill-opacity='.95'/><circle cx='71' cy='10' r='4.2' fill='%23FFFFFF' fill-opacity='.35'/><circle cx='69.7' cy='8.7' r='1.5' fill='%23FFFFFF' fill-opacity='.95'/><circle cx='104' cy='5' r='2.4' fill='%23FFFFFF' fill-opacity='.35'/><circle cx='103.3' cy='4.3' r='0.8' fill='%23FFFFFF' fill-opacity='.95'/><circle cx='130' cy='9' r='3.6' fill='%23FFFFFF' fill-opacity='.35'/><circle cx='128.9' cy='7.9' r='1.3' fill='%23FFFFFF' fill-opacity='.95'/><line x1='71' y1='14' x2='71' y2='31' stroke='%23FFFFFF' stroke-opacity='.5' stroke-width='1.5' stroke-linecap='round'/><line x1='12' y1='12' x2='12' y2='23' stroke='%23FFFFFF' stroke-opacity='.5' stroke-width='1.5' stroke-linecap='round'/><line x1='130' y1='13' x2='130' y2='33' stroke='%23FFFFFF' stroke-opacity='.5' stroke-width='1.5' stroke-linecap='round'/></svg>") 0 0/150px 36px repeat-x;opacity:.9;border-radius:inherit}
html[data-site-theme="rain"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after{content:"";position:absolute;right:18px;bottom:9px;width:38px;height:13px;z-index:3;pointer-events:none;border:2px solid var(--p-a1);border-radius:50%;animation:zk-ripple 2.8s ease-out infinite}
html[data-site-theme="rain"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card):nth-child(even)::after{animation-delay:-1.4s}
html[data-site-theme="rain"] :is(.btn-primary,.btn-glass,.btn-outline,.tab-btn){border:2px solid var(--p-line);border-radius:18px 18px 18px 5px}
html[data-site-theme="rain"] :is(.btn-primary,.btn-glass,.btn-outline){box-shadow:0 3px 0 var(--p-line)}
html[data-site-theme="rain"] :is(.btn-primary,.btn-glass,.btn-outline):active{transform:translateY(2px)}
html[data-site-theme="rain"][data-theme="light"]{--fx-fl:.28;--fx-rain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='320' height='320' viewBox='0 0 320 320'><line x1='158' y1='54' x2='158' y2='85' stroke='%23466E8C' stroke-opacity='0.42' stroke-width='1.6' stroke-linecap='round'/><line x1='248' y1='81' x2='248' y2='117' stroke='%23466E8C' stroke-opacity='0.42' stroke-width='1.6' stroke-linecap='round'/><line x1='37' y1='12' x2='37' y2='38' stroke='%23466E8C' stroke-opacity='0.42' stroke-width='1.6' stroke-linecap='round'/><line x1='284' y1='150' x2='284' y2='186' stroke='%23466E8C' stroke-opacity='0.42' stroke-width='1.6' stroke-linecap='round'/><line x1='116' y1='268' x2='116' y2='293' stroke='%23466E8C' stroke-opacity='0.42' stroke-width='1.6' stroke-linecap='round'/><line x1='187' y1='143' x2='187' y2='184' stroke='%23466E8C' stroke-opacity='0.42' stroke-width='1.6' stroke-linecap='round'/><line x1='57' y1='136' x2='57' y2='165' stroke='%23466E8C' stroke-opacity='0.42' stroke-width='1.6' stroke-linecap='round'/><line x1='16' y1='135' x2='16' y2='165' stroke='%23466E8C' stroke-opacity='0.42' stroke-width='1.6' stroke-linecap='round'/><line x1='102' y1='86' x2='102' y2='118' stroke='%23466E8C' stroke-opacity='0.42' stroke-width='1.6' stroke-linecap='round'/><line x1='151' y1='192' x2='151' y2='225' stroke='%23466E8C' stroke-opacity='0.42' stroke-width='1.6' stroke-linecap='round'/><line x1='313' y1='174' x2='313' y2='200' stroke='%23466E8C' stroke-opacity='0.42' stroke-width='1.6' stroke-linecap='round'/><line x1='262' y1='129' x2='262' y2='165' stroke='%23466E8C' stroke-opacity='0.42' stroke-width='1.6' stroke-linecap='round'/><line x1='129' y1='244' x2='129' y2='273' stroke='%23466E8C' stroke-opacity='0.42' stroke-width='1.6' stroke-linecap='round'/><line x1='48' y1='282' x2='48' y2='314' stroke='%23466E8C' stroke-opacity='0.42' stroke-width='1.6' stroke-linecap='round'/><line x1='6' y1='151' x2='6' y2='184' stroke='%23466E8C' stroke-opacity='0.42' stroke-width='1.6' stroke-linecap='round'/><line x1='162' y1='262' x2='162' y2='304' stroke='%23466E8C' stroke-opacity='0.42' stroke-width='1.6' stroke-linecap='round'/><line x1='214' y1='218' x2='214' y2='248' stroke='%23466E8C' stroke-opacity='0.42' stroke-width='1.6' stroke-linecap='round'/><line x1='150' y1='222' x2='150' y2='265' stroke='%23466E8C' stroke-opacity='0.42' stroke-width='1.6' stroke-linecap='round'/><line x1='85' y1='121' x2='85' y2='159' stroke='%23466E8C' stroke-opacity='0.42' stroke-width='1.6' stroke-linecap='round'/><line x1='135' y1='24' x2='135' y2='57' stroke='%23466E8C' stroke-opacity='0.42' stroke-width='1.6' stroke-linecap='round'/><line x1='26' y1='238' x2='26' y2='264' stroke='%23466E8C' stroke-opacity='0.42' stroke-width='1.6' stroke-linecap='round'/><line x1='146' y1='267' x2='146' y2='311' stroke='%23466E8C' stroke-opacity='0.42' stroke-width='1.6' stroke-linecap='round'/><line x1='244' y1='177' x2='244' y2='218' stroke='%23466E8C' stroke-opacity='0.42' stroke-width='1.6' stroke-linecap='round'/><line x1='103' y1='36' x2='103' y2='64' stroke='%23466E8C' stroke-opacity='0.42' stroke-width='1.6' stroke-linecap='round'/><line x1='106' y1='227' x2='106' y2='264' stroke='%23466E8C' stroke-opacity='0.42' stroke-width='1.6' stroke-linecap='round'/><line x1='97' y1='184' x2='97' y2='216' stroke='%23466E8C' stroke-opacity='0.42' stroke-width='1.6' stroke-linecap='round'/></svg>")}
html[data-site-theme="rain"][data-theme="dark"]{--fx-fl:.16;--fx-rain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='320' height='320' viewBox='0 0 320 320'><line x1='158' y1='54' x2='158' y2='85' stroke='%23BEDEF5' stroke-opacity='0.5' stroke-width='1.6' stroke-linecap='round'/><line x1='248' y1='81' x2='248' y2='117' stroke='%23BEDEF5' stroke-opacity='0.5' stroke-width='1.6' stroke-linecap='round'/><line x1='37' y1='12' x2='37' y2='38' stroke='%23BEDEF5' stroke-opacity='0.5' stroke-width='1.6' stroke-linecap='round'/><line x1='284' y1='150' x2='284' y2='186' stroke='%23BEDEF5' stroke-opacity='0.5' stroke-width='1.6' stroke-linecap='round'/><line x1='116' y1='268' x2='116' y2='293' stroke='%23BEDEF5' stroke-opacity='0.5' stroke-width='1.6' stroke-linecap='round'/><line x1='187' y1='143' x2='187' y2='184' stroke='%23BEDEF5' stroke-opacity='0.5' stroke-width='1.6' stroke-linecap='round'/><line x1='57' y1='136' x2='57' y2='165' stroke='%23BEDEF5' stroke-opacity='0.5' stroke-width='1.6' stroke-linecap='round'/><line x1='16' y1='135' x2='16' y2='165' stroke='%23BEDEF5' stroke-opacity='0.5' stroke-width='1.6' stroke-linecap='round'/><line x1='102' y1='86' x2='102' y2='118' stroke='%23BEDEF5' stroke-opacity='0.5' stroke-width='1.6' stroke-linecap='round'/><line x1='151' y1='192' x2='151' y2='225' stroke='%23BEDEF5' stroke-opacity='0.5' stroke-width='1.6' stroke-linecap='round'/><line x1='313' y1='174' x2='313' y2='200' stroke='%23BEDEF5' stroke-opacity='0.5' stroke-width='1.6' stroke-linecap='round'/><line x1='262' y1='129' x2='262' y2='165' stroke='%23BEDEF5' stroke-opacity='0.5' stroke-width='1.6' stroke-linecap='round'/><line x1='129' y1='244' x2='129' y2='273' stroke='%23BEDEF5' stroke-opacity='0.5' stroke-width='1.6' stroke-linecap='round'/><line x1='48' y1='282' x2='48' y2='314' stroke='%23BEDEF5' stroke-opacity='0.5' stroke-width='1.6' stroke-linecap='round'/><line x1='6' y1='151' x2='6' y2='184' stroke='%23BEDEF5' stroke-opacity='0.5' stroke-width='1.6' stroke-linecap='round'/><line x1='162' y1='262' x2='162' y2='304' stroke='%23BEDEF5' stroke-opacity='0.5' stroke-width='1.6' stroke-linecap='round'/><line x1='214' y1='218' x2='214' y2='248' stroke='%23BEDEF5' stroke-opacity='0.5' stroke-width='1.6' stroke-linecap='round'/><line x1='150' y1='222' x2='150' y2='265' stroke='%23BEDEF5' stroke-opacity='0.5' stroke-width='1.6' stroke-linecap='round'/><line x1='85' y1='121' x2='85' y2='159' stroke='%23BEDEF5' stroke-opacity='0.5' stroke-width='1.6' stroke-linecap='round'/><line x1='135' y1='24' x2='135' y2='57' stroke='%23BEDEF5' stroke-opacity='0.5' stroke-width='1.6' stroke-linecap='round'/><line x1='26' y1='238' x2='26' y2='264' stroke='%23BEDEF5' stroke-opacity='0.5' stroke-width='1.6' stroke-linecap='round'/><line x1='146' y1='267' x2='146' y2='311' stroke='%23BEDEF5' stroke-opacity='0.5' stroke-width='1.6' stroke-linecap='round'/><line x1='244' y1='177' x2='244' y2='218' stroke='%23BEDEF5' stroke-opacity='0.5' stroke-width='1.6' stroke-linecap='round'/><line x1='103' y1='36' x2='103' y2='64' stroke='%23BEDEF5' stroke-opacity='0.5' stroke-width='1.6' stroke-linecap='round'/><line x1='106' y1='227' x2='106' y2='264' stroke='%23BEDEF5' stroke-opacity='0.5' stroke-width='1.6' stroke-linecap='round'/><line x1='97' y1='184' x2='97' y2='216' stroke='%23BEDEF5' stroke-opacity='0.5' stroke-width='1.6' stroke-linecap='round'/></svg>")}
@keyframes zk-ripple{0%{transform:scale(.15);opacity:.95}100%{transform:scale(1.35);opacity:0}}
@keyframes zk-flash{0%,90%,100%{opacity:0}91%{opacity:var(--fx-fl)}92.5%{opacity:0}94%{opacity:calc(var(--fx-fl)*.7)}96%{opacity:0}}
html[data-site-theme="rain"]::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:2;background:#fff;opacity:0;animation:zk-flash 13s linear infinite}
@keyframes zk-fy-320{from{transform:skewX(-8deg)}to{transform:skewX(-8deg) translate3d(0,320px,0)}}
html[data-site-theme="rain"]::after{content:"";position:fixed;left:0;right:0;top:-320px;height:calc(100% + 320px);pointer-events:none;z-index:2;background:var(--fx-rain);background-size:320px 320px;animation:zk-fy-320 0.85s linear infinite;will-change:transform;transform:skewX(-8deg);}
html[data-site-theme="winter"][data-theme="light"]{
  --zk-0:#FCFCFD;--zk-1:#F7F7F8;--zk-2:#EFF0F1;--zk-3:#DEE1E3;--zk-4:#CED2D4;--zk-5:#A2A9AE;--zk-6:#778188;--zk-7:#5A6268;--zk-8:#474D52;--zk-9:#2B2E31;--zk-10:#1A1C1E;--zk-11:#0E0F10;
  --p-bg1:#EAF3F8;--p-bg2:#CFE0EA;--p-paper:#FBFDFE;--p-ink:#2D3E4E;--p-head:#1A2733;--p-muted:#44586A;--p-faint:#5E7385;--p-line:#3B5B73;--p-line-soft:rgba(59,91,115,0.42);--p-a1:#E8685F;--p-a2:#F6E7C8;--p-a3:#7FB4CC;--p-btext:#2B0A08;--p-accent:#C0443D;--p-atext:#FFFFFF;--p-chip:rgba(127,180,204,0.22);--p-field:#FFFFFF;--p-shadow:rgba(59,91,115,0.30);--p-stitch:#9CC3D6;--p-ear:#E8685F;--p-ear-in:#E8685F;--p-tape:#E8685F;--p-margin:#E8685F;--p-ring:#E8685F;--p-heart:#E8685F;--p-pat:rgba(127,180,204,0.22);--p-pat2:rgba(127,180,204,0.22);--p-bg3:#CFE0EA;
}
html[data-site-theme="winter"][data-theme="dark"]{
  --zk-0:#050505;--zk-1:#0C0D0E;--zk-2:#151719;--zk-3:#242729;--zk-4:#34393C;--zk-5:#51585D;--zk-6:#879097;--zk-7:#A8AEB3;--zk-8:#C8CDD0;--zk-9:#E4E6E7;--zk-10:#F1F2F3;--zk-11:#FAFAFA;
  --p-bg1:#1B2A38;--p-bg2:#0E1822;--p-paper:#243749;--p-ink:#EAF3F8;--p-head:#FFFFFF;--p-muted:#C6D8E4;--p-faint:#92A9BA;--p-line:#8FC3DC;--p-line-soft:rgba(143,195,220,0.42);--p-a1:#FF8A80;--p-a2:#F2E4C6;--p-a3:#6FB3D2;--p-btext:#2B0A08;--p-accent:#FF8A80;--p-atext:#2B0A08;--p-chip:rgba(143,195,220,0.16);--p-field:#1A2A3A;--p-shadow:rgba(0,0,0,0.5);--p-stitch:#5E8CA6;--p-ear:#FF8A80;--p-ear-in:#FF8A80;--p-tape:#FF8A80;--p-margin:#FF8A80;--p-ring:#FF8A80;--p-heart:#FF8A80;--p-pat:rgba(143,195,220,0.16);--p-pat2:rgba(143,195,220,0.16);--p-bg3:#0E1822;
}

html[data-site-theme="winter"]{--r-xs:12px;--r-sm:16px;--r-md:22px;--r-lg:26px;--r-xl:32px;
  --bg-grad:radial-gradient(circle at 20% 15%,var(--fx-glow),transparent 40%),linear-gradient(180deg,var(--p-bg1) 0%,var(--p-bg2) 100%);
  --shadow-soft:0 5px 0 var(--p-shadow);--shadow-deep:0 9px 0 var(--p-shadow),0 16px 26px var(--p-shadow)}
html[data-site-theme="winter"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card,.nav,.info-tabs-wrap,.hero-info-detail,.modal,.budget-banner,.cmd-dock,.chat-panel){border-width:2px}
html[data-site-theme="winter"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card){outline:3px dotted var(--p-stitch);outline-offset:-8px}
html[data-site-theme="winter"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before{content:"";position:absolute;top:0;left:0;right:0;height:13px;z-index:3;pointer-events:none;background:repeating-linear-gradient(135deg,rgba(255,255,255,.28) 0 2px,transparent 2px 6px),repeating-linear-gradient(90deg,var(--p-a1) 0 20px,var(--p-a2) 20px 28px,var(--p-a3) 28px 48px,var(--p-a2) 48px 56px);border-bottom:2px solid var(--p-line);border-radius:inherit;border-bottom-left-radius:0;border-bottom-right-radius:0}
html[data-site-theme="winter"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after{content:"";position:absolute;left:14px;right:14px;bottom:2px;height:7px;z-index:3;pointer-events:none;background:repeating-linear-gradient(90deg,var(--p-a1) 0 3px,transparent 3px 7px);border-radius:0 0 4px 4px;opacity:.9}
html[data-site-theme="winter"] :is(.btn-primary,.btn-glass,.btn-outline,.tab-btn){border:2px solid var(--p-line);border-radius:14px}
html[data-site-theme="winter"] :is(.btn-primary,.btn-glass,.btn-outline){outline:2px dotted rgba(255,255,255,.7);outline-offset:-5px;box-shadow:0 3px 0 var(--p-line)}
html[data-site-theme="winter"] :is(.btn-primary,.btn-glass,.btn-outline):active{transform:translateY(2px)}
html[data-site-theme="winter"][data-theme="light"]{--fx-glow:rgba(255,255,255,.55);--fx-frost:rgba(255,255,255,.85);--fx-snow:rgba(150,190,222,.92)}
html[data-site-theme="winter"][data-theme="dark"]{--fx-glow:rgba(143,195,220,.10);--fx-frost:rgba(143,195,220,.2);--fx-snow:rgba(235,245,255,.85)}
@keyframes zk-breath{0%,100%{opacity:calc(.55*var(--fx-k,1))}50%{opacity:var(--fx-k,1)}}
html[data-site-theme="winter"]::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:2;box-shadow:inset 0 0 110px 26px var(--fx-frost);animation:zk-breath 7s ease-in-out infinite}
@keyframes zk-fy-380{to{transform:translate3d(0,380px,0)}}
html[data-site-theme="winter"]::after{content:"";position:fixed;left:0;right:0;top:-380px;height:calc(100% + 380px);pointer-events:none;z-index:2;background:radial-gradient(circle at 260px 240px,var(--fx-snow) 0,var(--fx-snow) 2.0px,transparent 3.7px),radial-gradient(circle at 85px 298px,var(--fx-snow) 0,var(--fx-snow) 2.7px,transparent 4.9px),radial-gradient(circle at 195px 192px,var(--fx-snow) 0,var(--fx-snow) 3.4px,transparent 6.2px),radial-gradient(circle at 6px 142px,var(--fx-snow) 0,var(--fx-snow) 2.2px,transparent 3.9px),radial-gradient(circle at 32px 298px,var(--fx-snow) 0,var(--fx-snow) 2.9px,transparent 5.3px),radial-gradient(circle at 91px 21px,var(--fx-snow) 0,var(--fx-snow) 2.2px,transparent 3.9px),radial-gradient(circle at 277px 327px,var(--fx-snow) 0,var(--fx-snow) 3.8px,transparent 7.0px),radial-gradient(circle at 19px 127px,var(--fx-snow) 0,var(--fx-snow) 3.0px,transparent 5.5px),radial-gradient(circle at 49px 356px,var(--fx-snow) 0,var(--fx-snow) 2.7px,transparent 5.0px),radial-gradient(circle at 63px 307px,var(--fx-snow) 0,var(--fx-snow) 2.5px,transparent 4.5px),radial-gradient(circle at 349px 173px,var(--fx-snow) 0,var(--fx-snow) 1.9px,transparent 3.5px),radial-gradient(circle at 132px 184px,var(--fx-snow) 0,var(--fx-snow) 2.9px,transparent 5.2px),radial-gradient(circle at 19px 326px,var(--fx-snow) 0,var(--fx-snow) 2.1px,transparent 3.7px),radial-gradient(circle at 294px 82px,var(--fx-snow) 0,var(--fx-snow) 2.2px,transparent 3.9px),radial-gradient(circle at 334px 283px,var(--fx-snow) 0,var(--fx-snow) 3.8px,transparent 6.9px),radial-gradient(circle at 220px 274px,var(--fx-snow) 0,var(--fx-snow) 3.3px,transparent 6.1px),radial-gradient(circle at 56px 13px,var(--fx-snow) 0,var(--fx-snow) 1.6px,transparent 2.9px),radial-gradient(circle at 73px 49px,var(--fx-snow) 0,var(--fx-snow) 1.6px,transparent 3.0px),radial-gradient(circle at 132px 335px,var(--fx-snow) 0,var(--fx-snow) 1.3px,transparent 2.4px),radial-gradient(circle at 362px 122px,var(--fx-snow) 0,var(--fx-snow) 1.0px,transparent 1.8px),radial-gradient(circle at 351px 259px,var(--fx-snow) 0,var(--fx-snow) 1.3px,transparent 2.4px),radial-gradient(circle at 267px 22px,var(--fx-snow) 0,var(--fx-snow) 1.6px,transparent 2.9px),radial-gradient(circle at 223px 120px,var(--fx-snow) 0,var(--fx-snow) 1.5px,transparent 2.8px),radial-gradient(circle at 321px 221px,var(--fx-snow) 0,var(--fx-snow) 0.9px,transparent 1.7px),radial-gradient(circle at 292px 362px,var(--fx-snow) 0,var(--fx-snow) 1.6px,transparent 2.9px),radial-gradient(circle at 264px 232px,var(--fx-snow) 0,var(--fx-snow) 1.3px,transparent 2.3px),radial-gradient(circle at 361px 120px,var(--fx-snow) 0,var(--fx-snow) 1.0px,transparent 1.8px),radial-gradient(circle at 359px 246px,var(--fx-snow) 0,var(--fx-snow) 1.5px,transparent 2.6px);background-size:380px 380px;animation:zk-fy-380 26s linear infinite;will-change:transform;}
html[data-site-theme="spring"][data-theme="light"]{
  --zk-0:#FCFDFC;--zk-1:#F7F8F7;--zk-2:#EFF1EF;--zk-3:#DFE3DE;--zk-4:#CFD4CE;--zk-5:#A4AEA2;--zk-6:#7A8877;--zk-7:#5C685A;--zk-8:#495247;--zk-9:#2C312B;--zk-10:#1B1E1A;--zk-11:#0F100E;
  --p-bg1:#F3FBEA;--p-bg2:#FDE9EE;--p-paper:#FFFFFC;--p-ink:#34402B;--p-head:#202B19;--p-muted:#4A5A3E;--p-faint:#647655;--p-line:#5C8A4A;--p-line-soft:rgba(92,138,74,0.42);--p-a1:#F7B6CB;--p-a2:#BFE3A5;--p-a3:#FFE79A;--p-btext:#3A1A28;--p-accent:#3F7D2E;--p-atext:#FFFFFF;--p-chip:rgba(191,227,165,0.42);--p-field:#FFFFFF;--p-shadow:rgba(92,138,74,0.28);--p-stitch:#BFE3A5;--p-ear:#F7B6CB;--p-ear-in:#F7B6CB;--p-tape:#F7B6CB;--p-margin:#F7B6CB;--p-ring:#F7B6CB;--p-heart:#F7B6CB;--p-pat:rgba(191,227,165,0.42);--p-pat2:rgba(191,227,165,0.42);--p-bg3:#FDE9EE;
}
html[data-site-theme="spring"][data-theme="dark"]{
  --zk-0:#050505;--zk-1:#0C0E0C;--zk-2:#161915;--zk-3:#242924;--zk-4:#353C34;--zk-5:#535D51;--zk-6:#8A9787;--zk-7:#AAB3A8;--zk-8:#CAD0C8;--zk-9:#E4E7E4;--zk-10:#F2F3F1;--zk-11:#FAFAFA;
  --p-bg1:#1B2A1E;--p-bg2:#0E170F;--p-paper:#25382A;--p-ink:#EAF6E2;--p-head:#FFFFFF;--p-muted:#CBE0BE;--p-faint:#97B087;--p-line:#9BD07F;--p-line-soft:rgba(155,208,127,0.42);--p-a1:#F7A8C2;--p-a2:#8FD07A;--p-a3:#FFE08A;--p-btext:#2A0E1A;--p-accent:#A8E08C;--p-atext:#10240A;--p-chip:rgba(143,208,122,0.16);--p-field:#1A2A1D;--p-shadow:rgba(0,0,0,0.5);--p-stitch:#5E8A4E;--p-ear:#F7A8C2;--p-ear-in:#F7A8C2;--p-tape:#F7A8C2;--p-margin:#F7A8C2;--p-ring:#F7A8C2;--p-heart:#F7A8C2;--p-pat:rgba(143,208,122,0.16);--p-pat2:rgba(143,208,122,0.16);--p-bg3:#0E170F;
}

html[data-site-theme="spring"]{--r-xs:12px;--r-sm:16px;--r-md:22px;--r-lg:24px;--r-xl:30px;
  --bg-grad:radial-gradient(circle at 85% 8%,var(--fx-glow),transparent 34%),linear-gradient(160deg,var(--p-bg1) 0%,var(--p-bg2) 100%);
  --shadow-soft:0 6px 18px var(--p-shadow);--shadow-deep:0 12px 30px var(--p-shadow)}
html[data-site-theme="spring"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card,.nav,.info-tabs-wrap,.hero-info-detail,.modal,.budget-banner,.cmd-dock,.chat-panel){border-width:2px}
html[data-site-theme="spring"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before{content:"";position:absolute;top:0;left:10px;right:10px;height:16px;z-index:3;pointer-events:none;background:var(--fx-vine) 0 0/36px 16px repeat-x}
html[data-site-theme="spring"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after{content:"";position:absolute;top:6px;right:10px;width:26px;height:26px;z-index:3;pointer-events:none;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'><ellipse cx='13' cy='6.5' rx='4.2' ry='5.6' transform='rotate(0 13 13)' fill='%23F7B6CB' stroke='%23C0587A' stroke-width='.6'/><ellipse cx='13' cy='6.5' rx='4.2' ry='5.6' transform='rotate(72 13 13)' fill='%23F7B6CB' stroke='%23C0587A' stroke-width='.6'/><ellipse cx='13' cy='6.5' rx='4.2' ry='5.6' transform='rotate(144 13 13)' fill='%23F7B6CB' stroke='%23C0587A' stroke-width='.6'/><ellipse cx='13' cy='6.5' rx='4.2' ry='5.6' transform='rotate(216 13 13)' fill='%23F7B6CB' stroke='%23C0587A' stroke-width='.6'/><ellipse cx='13' cy='6.5' rx='4.2' ry='5.6' transform='rotate(288 13 13)' fill='%23F7B6CB' stroke='%23C0587A' stroke-width='.6'/><circle cx='13' cy='13' r='3.4' fill='%23FFD65C'/></svg>") center/26px 26px no-repeat;animation:zk-sway 4.5s ease-in-out infinite;transform-origin:50% 100%}
html[data-site-theme="spring"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card):nth-child(even)::after{animation-delay:-2s}
html[data-site-theme="spring"] :is(.btn-primary,.btn-glass,.btn-outline,.tab-btn){border:2px solid var(--p-line);border-radius:999px}
html[data-site-theme="spring"] :is(.btn-primary,.btn-glass,.btn-outline){box-shadow:0 3px 0 var(--p-line)}
html[data-site-theme="spring"] :is(.btn-primary,.btn-glass,.btn-outline):hover{transform:translateY(-2px)}
html[data-site-theme="spring"] :is(.btn-primary,.btn-glass,.btn-outline):active{transform:translateY(1px)}
html[data-site-theme="spring"][data-theme="light"]{--fx-glow:rgba(255,244,190,.75);--fx-z:0;--fx-vine:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='36' height='16' viewBox='0 0 36 16'><path d='M0 3Q9 6 18 3T36 3' fill='none' stroke='%235C8A4A' stroke-width='1.5'/><ellipse cx='8' cy='7' rx='6.5' ry='3.2' transform='rotate(25 8 7)' fill='%23BFE3A5'/><ellipse cx='29' cy='7.5' rx='6.5' ry='3.2' transform='rotate(-25 29 7.5)' fill='%23BFE3A5'/><circle cx='18' cy='6' r='3.8' fill='%23F7B6CB'/><circle cx='18' cy='6' r='1.3' fill='%23FFD65C'/></svg>");--fx-p1:#F7B6CB;--fx-p2:#FFFFFF;--fx-p3:#F9CADB;--fx-bg:linear-gradient(115deg,rgba(255,250,200,.38) 0 7%,transparent 7% 17%,rgba(255,250,200,.28) 17% 22%,transparent 22% 40%,rgba(255,250,200,.22) 40% 44%,transparent 44%);--fx-an:zk-breath 9s ease-in-out infinite}
html[data-site-theme="spring"][data-theme="dark"]{--fx-glow:rgba(255,233,150,.10);--fx-z:2;--fx-vine:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='36' height='16' viewBox='0 0 36 16'><path d='M0 3Q9 6 18 3T36 3' fill='none' stroke='%239BD07F' stroke-width='1.5'/><ellipse cx='8' cy='7' rx='6.5' ry='3.2' transform='rotate(25 8 7)' fill='%238FD07A'/><ellipse cx='29' cy='7.5' rx='6.5' ry='3.2' transform='rotate(-25 29 7.5)' fill='%238FD07A'/><circle cx='18' cy='6' r='3.8' fill='%23F7A8C2'/><circle cx='18' cy='6' r='1.3' fill='%23FFD65C'/></svg>");--fx-p1:#F7A8C2;--fx-p2:#E8F5D8;--fx-p3:#FFD1E0;--fx-bg:radial-gradient(circle at 14% 78%,#FFE98A 0 1.4px,rgba(255,233,138,.28) 2.4px 6px,transparent 7px),radial-gradient(circle at 33% 62%,#FFE98A 0 1.2px,rgba(255,233,138,.28) 2.2px 5px,transparent 6px),radial-gradient(circle at 58% 82%,#FFE98A 0 1.5px,rgba(255,233,138,.28) 2.5px 6px,transparent 7px),radial-gradient(circle at 76% 58%,#FFE98A 0 1.2px,rgba(255,233,138,.28) 2.2px 5px,transparent 6px),radial-gradient(circle at 90% 74%,#FFE98A 0 1.4px,rgba(255,233,138,.28) 2.4px 6px,transparent 7px);--fx-an:zk-fly 3.8s ease-in-out infinite}
@keyframes zk-sway{0%,100%{transform:rotate(-9deg)}50%{transform:rotate(9deg)}}
@keyframes zk-fly{0%,100%{opacity:calc(.15*var(--fx-k,1))}50%{opacity:var(--fx-k,1)}}
@keyframes zk-fd-380{to{transform:translate3d(380px,380px,0)}}
html[data-site-theme="spring"]::after{content:"";position:fixed;left:-380px;width:calc(100% + 380px);top:-380px;height:calc(100% + 380px);pointer-events:none;z-index:2;background:radial-gradient(ellipse 6px 3.4px at 12px 49px,var(--fx-p1) 0,var(--fx-p1) 65%,transparent 100%),radial-gradient(ellipse 6px 3.4px at 151px 257px,var(--fx-p2) 0,var(--fx-p2) 65%,transparent 100%),radial-gradient(ellipse 6px 3.4px at 58px 49px,var(--fx-p3) 0,var(--fx-p3) 65%,transparent 100%),radial-gradient(ellipse 6px 3.4px at 92px 284px,var(--fx-p1) 0,var(--fx-p1) 65%,transparent 100%),radial-gradient(ellipse 6px 3.4px at 62px 278px,var(--fx-p2) 0,var(--fx-p2) 65%,transparent 100%),radial-gradient(ellipse 6px 3.4px at 249px 58px,var(--fx-p3) 0,var(--fx-p3) 65%,transparent 100%),radial-gradient(ellipse 6px 3.4px at 203px 171px,var(--fx-p1) 0,var(--fx-p1) 65%,transparent 100%),radial-gradient(ellipse 6px 3.4px at 158px 371px,var(--fx-p2) 0,var(--fx-p2) 65%,transparent 100%),radial-gradient(ellipse 6px 3.4px at 42px 15px,var(--fx-p3) 0,var(--fx-p3) 65%,transparent 100%),radial-gradient(ellipse 6px 3.4px at 350px 155px,var(--fx-p1) 0,var(--fx-p1) 65%,transparent 100%);background-size:380px 380px;animation:zk-fd-380 30s linear infinite;will-change:transform;}
html[data-site-theme="spring"]::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:var(--fx-z);background:var(--fx-bg);animation:var(--fx-an);}
html[data-site-theme="christmas"][data-theme="light"]{
  --zk-0:#FCFDFC;--zk-1:#F7F8F7;--zk-2:#EFF1EF;--zk-3:#DEE3E0;--zk-4:#CED4D0;--zk-5:#A2AEA6;--zk-6:#77887D;--zk-7:#5A685F;--zk-8:#47524B;--zk-9:#2B312D;--zk-10:#1A1E1B;--zk-11:#0E100F;
  --p-bg1:#FFF8EF;--p-bg2:#F3E0D6;--p-paper:#FFFDF8;--p-ink:#3A2420;--p-head:#2A1512;--p-muted:#5A3A33;--p-faint:#755149;--p-line:#9E2A2B;--p-line-soft:rgba(158,42,43,0.42);--p-a1:#D8383A;--p-a2:#2F8F5B;--p-a3:#F4C95D;--p-btext:#FFFFFF;--p-accent:#B3262A;--p-atext:#FFFFFF;--p-chip:rgba(216,56,58,0.12);--p-field:#FFFFFF;--p-shadow:rgba(158,42,43,0.28);--p-heart:#D8383A;--p-stitch:#2F8F5B;--p-ear:#D8383A;--p-ear-in:#D8383A;--p-tape:#D8383A;--p-margin:#D8383A;--p-ring:#D8383A;--p-pat:rgba(216,56,58,0.12);--p-pat2:rgba(216,56,58,0.12);--p-bg3:#F3E0D6;
}
html[data-site-theme="christmas"][data-theme="dark"]{
  --zk-0:#050505;--zk-1:#0C0E0C;--zk-2:#151916;--zk-3:#242925;--zk-4:#343C37;--zk-5:#515D55;--zk-6:#87978C;--zk-7:#A8B3AB;--zk-8:#C8D0CB;--zk-9:#E4E7E5;--zk-10:#F1F3F2;--zk-11:#FAFAFA;
  --p-bg1:#12301F;--p-bg2:#08170F;--p-paper:#1B3F2B;--p-ink:#FFF3E4;--p-head:#FFFFFF;--p-muted:#F0DFC8;--p-faint:#BCA98F;--p-line:#E8C46A;--p-line-soft:rgba(232,196,106,0.42);--p-a1:#E5484D;--p-a2:#3FAE76;--p-a3:#F4C95D;--p-btext:#FFFFFF;--p-accent:#F4C95D;--p-atext:#2A1A00;--p-chip:rgba(244,201,93,0.14);--p-field:#0F2A1B;--p-shadow:rgba(0,0,0,0.5);--p-heart:#E5484D;--p-stitch:#3FAE76;--p-ear:#E5484D;--p-ear-in:#E5484D;--p-tape:#E5484D;--p-margin:#E5484D;--p-ring:#E5484D;--p-pat:rgba(244,201,93,0.14);--p-pat2:rgba(244,201,93,0.14);--p-bg3:#08170F;
}

html[data-site-theme="christmas"]{--r-xs:10px;--r-sm:14px;--r-md:18px;--r-lg:22px;--r-xl:28px;
  --bg-grad:radial-gradient(circle at 15% 10%,var(--fx-glow),transparent 35%),linear-gradient(180deg,var(--p-bg1) 0%,var(--p-bg2) 100%);
  --shadow-soft:0 5px 0 var(--p-shadow);--shadow-deep:0 9px 0 var(--p-shadow),0 16px 28px var(--p-shadow)}
html[data-site-theme="christmas"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card,.nav,.info-tabs-wrap,.hero-info-detail,.modal,.budget-banner,.cmd-dock,.chat-panel){border-width:2px}
html[data-site-theme="christmas"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before{content:"";position:absolute;top:2px;left:6px;right:6px;height:28px;z-index:3;pointer-events:none;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='28' viewBox='0 0 120 28'><defs><radialGradient id='g0'><stop offset='0' stop-color='%23FF4D4D' stop-opacity='.65'/><stop offset='1' stop-color='%23FF4D4D' stop-opacity='0'/></radialGradient><radialGradient id='g1'><stop offset='0' stop-color='%23FFD45C' stop-opacity='.65'/><stop offset='1' stop-color='%23FFD45C' stop-opacity='0'/></radialGradient><radialGradient id='g2'><stop offset='0' stop-color='%2340C77F' stop-opacity='.65'/><stop offset='1' stop-color='%2340C77F' stop-opacity='0'/></radialGradient><radialGradient id='g3'><stop offset='0' stop-color='%236EB6FF' stop-opacity='.65'/><stop offset='1' stop-color='%236EB6FF' stop-opacity='0'/></radialGradient></defs><path d='M0 6Q15 11 30 6T60 6T90 6T120 6' fill='none' stroke='%23333' stroke-width='1.4'/><circle cx='15' cy='17' r='11' fill='url(%23g0)'/><rect x='12.5' y='8' width='5' height='5' rx='1' fill='%232b2b2b'/><ellipse cx='15' cy='17' rx='4.2' ry='5' fill='%23FF4D4D'/><ellipse cx='13.8' cy='15.4' rx='1.1' ry='1.6' fill='%23FFFFFF' fill-opacity='.7'/><circle cx='75' cy='17' r='11' fill='url(%23g2)'/><rect x='72.5' y='8' width='5' height='5' rx='1' fill='%232b2b2b'/><ellipse cx='75' cy='17' rx='4.2' ry='5' fill='%2340C77F'/><ellipse cx='73.8' cy='15.4' rx='1.1' ry='1.6' fill='%23FFFFFF' fill-opacity='.7'/></svg>") 0 0/120px 28px repeat-x;animation:zk-twA 1.9s ease-in-out infinite}
html[data-site-theme="christmas"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after{content:"";position:absolute;top:2px;left:6px;right:6px;height:28px;z-index:3;pointer-events:none;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='28' viewBox='0 0 120 28'><defs><radialGradient id='g0'><stop offset='0' stop-color='%23FF4D4D' stop-opacity='.65'/><stop offset='1' stop-color='%23FF4D4D' stop-opacity='0'/></radialGradient><radialGradient id='g1'><stop offset='0' stop-color='%23FFD45C' stop-opacity='.65'/><stop offset='1' stop-color='%23FFD45C' stop-opacity='0'/></radialGradient><radialGradient id='g2'><stop offset='0' stop-color='%2340C77F' stop-opacity='.65'/><stop offset='1' stop-color='%2340C77F' stop-opacity='0'/></radialGradient><radialGradient id='g3'><stop offset='0' stop-color='%236EB6FF' stop-opacity='.65'/><stop offset='1' stop-color='%236EB6FF' stop-opacity='0'/></radialGradient></defs><path d='M0 6Q15 11 30 6T60 6T90 6T120 6' fill='none' stroke='%23333' stroke-width='1.4'/><circle cx='45' cy='17' r='11' fill='url(%23g1)'/><rect x='42.5' y='8' width='5' height='5' rx='1' fill='%232b2b2b'/><ellipse cx='45' cy='17' rx='4.2' ry='5' fill='%23FFD45C'/><ellipse cx='43.8' cy='15.4' rx='1.1' ry='1.6' fill='%23FFFFFF' fill-opacity='.7'/><circle cx='105' cy='17' r='11' fill='url(%23g3)'/><rect x='102.5' y='8' width='5' height='5' rx='1' fill='%232b2b2b'/><ellipse cx='105' cy='17' rx='4.2' ry='5' fill='%236EB6FF'/><ellipse cx='103.8' cy='15.4' rx='1.1' ry='1.6' fill='%23FFFFFF' fill-opacity='.7'/></svg>") 0 0/120px 28px repeat-x;animation:zk-twB 1.9s ease-in-out infinite}
html[data-site-theme="christmas"] :is(.btn-primary,.btn-glass,.btn-outline,.tab-btn){border:2px solid var(--p-line);border-radius:999px}
html[data-site-theme="christmas"] .btn-primary{background:repeating-linear-gradient(135deg,rgba(255,255,255,.2) 0 7px,transparent 7px 14px),var(--btn);box-shadow:0 3px 0 rgba(0,0,0,.35)}
html[data-site-theme="christmas"] :is(.btn-glass,.btn-outline){box-shadow:0 3px 0 var(--p-line)}
html[data-site-theme="christmas"] :is(.btn-primary,.btn-glass,.btn-outline):active{transform:translateY(2px)}
html[data-site-theme="christmas"][data-theme="light"]{--fx-glow:rgba(255,255,255,.5);--fx-snow:rgba(140,165,200,.75);--fx-star:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='300' viewBox='0 0 300 300'><path d='M50 186.7Q50 193 56.3 193Q50 193 50 199.3Q50 193 43.7 193Q50 193 50 186.7Z' fill='%23E0A81E'/><path d='M160 105.7Q160 111 165.3 111Q160 111 160 116.3Q160 111 154.7 111Q160 111 160 105.7Z' fill='%23D8383A'/><path d='M152 11.8Q152 17 157.2 17Q152 17 152 22.2Q152 17 146.8 17Q152 17 152 11.8Z' fill='%232F8F5B'/><path d='M28 27.3Q28 34 34.7 34Q28 34 28 40.7Q28 34 21.3 34Q28 34 28 27.3Z' fill='%23E0A81E'/><path d='M243 36.3Q243 43 249.7 43Q243 43 243 49.7Q243 43 236.3 43Q243 43 243 36.3Z' fill='%23D8383A'/><path d='M186 272.1Q186 278 191.9 278Q186 278 186 283.9Q186 278 180.1 278Q186 278 186 272.1Z' fill='%232F8F5B'/></svg>")}
html[data-site-theme="christmas"][data-theme="dark"]{--fx-glow:rgba(255,230,200,.07);--fx-snow:rgba(255,255,255,.9);--fx-star:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='300' viewBox='0 0 300 300'><path d='M50 186.7Q50 193 56.3 193Q50 193 50 199.3Q50 193 43.7 193Q50 193 50 186.7Z' fill='%23FFD45C'/><path d='M160 105.7Q160 111 165.3 111Q160 111 160 116.3Q160 111 154.7 111Q160 111 160 105.7Z' fill='%23FFFFFF'/><path d='M152 11.8Q152 17 157.2 17Q152 17 152 22.2Q152 17 146.8 17Q152 17 152 11.8Z' fill='%23FF8A80'/><path d='M28 27.3Q28 34 34.7 34Q28 34 28 40.7Q28 34 21.3 34Q28 34 28 27.3Z' fill='%23FFD45C'/><path d='M243 36.3Q243 43 249.7 43Q243 43 243 49.7Q243 43 236.3 43Q243 43 243 36.3Z' fill='%23FFFFFF'/><path d='M186 272.1Q186 278 191.9 278Q186 278 186 283.9Q186 278 180.1 278Q186 278 186 272.1Z' fill='%23FF8A80'/></svg>")}
@keyframes zk-twA{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes zk-twB{0%,100%{opacity:.35}50%{opacity:1}}
@keyframes zk-tw{0%,100%{opacity:calc(.2*var(--fx-k,1))}50%{opacity:var(--fx-k,1)}}
@keyframes zk-fy-360{to{transform:translate3d(0,360px,0)}}
html[data-site-theme="christmas"]::after{content:"";position:fixed;left:0;right:0;top:-360px;height:calc(100% + 360px);pointer-events:none;z-index:2;background:radial-gradient(circle at 86px 63px,var(--fx-snow) 0,var(--fx-snow) 2.1px,transparent 3.9px),radial-gradient(circle at 207px 246px,var(--fx-snow) 0,var(--fx-snow) 3.1px,transparent 5.7px),radial-gradient(circle at 139px 261px,var(--fx-snow) 0,var(--fx-snow) 2.5px,transparent 4.5px),radial-gradient(circle at 278px 236px,var(--fx-snow) 0,var(--fx-snow) 2.5px,transparent 4.6px),radial-gradient(circle at 159px 60px,var(--fx-snow) 0,var(--fx-snow) 3.0px,transparent 5.5px),radial-gradient(circle at 259px 63px,var(--fx-snow) 0,var(--fx-snow) 1.7px,transparent 3.1px),radial-gradient(circle at 222px 27px,var(--fx-snow) 0,var(--fx-snow) 2.7px,transparent 4.8px),radial-gradient(circle at 18px 307px,var(--fx-snow) 0,var(--fx-snow) 2.9px,transparent 5.3px),radial-gradient(circle at 81px 259px,var(--fx-snow) 0,var(--fx-snow) 3.0px,transparent 5.5px),radial-gradient(circle at 50px 239px,var(--fx-snow) 0,var(--fx-snow) 2.8px,transparent 5.1px),radial-gradient(circle at 325px 246px,var(--fx-snow) 0,var(--fx-snow) 1.7px,transparent 3.0px),radial-gradient(circle at 25px 117px,var(--fx-snow) 0,var(--fx-snow) 3.3px,transparent 5.9px),radial-gradient(circle at 218px 69px,var(--fx-snow) 0,var(--fx-snow) 2.6px,transparent 4.7px),radial-gradient(circle at 300px 111px,var(--fx-snow) 0,var(--fx-snow) 3.1px,transparent 5.6px),radial-gradient(circle at 239px 147px,var(--fx-snow) 0,var(--fx-snow) 1.7px,transparent 3.1px),radial-gradient(circle at 178px 143px,var(--fx-snow) 0,var(--fx-snow) 2.7px,transparent 4.9px),radial-gradient(circle at 12px 100px,var(--fx-snow) 0,var(--fx-snow) 1.2px,transparent 2.3px),radial-gradient(circle at 264px 243px,var(--fx-snow) 0,var(--fx-snow) 0.9px,transparent 1.6px),radial-gradient(circle at 34px 152px,var(--fx-snow) 0,var(--fx-snow) 1.5px,transparent 2.6px),radial-gradient(circle at 80px 182px,var(--fx-snow) 0,var(--fx-snow) 0.7px,transparent 1.3px),radial-gradient(circle at 73px 233px,var(--fx-snow) 0,var(--fx-snow) 0.7px,transparent 1.3px),radial-gradient(circle at 81px 212px,var(--fx-snow) 0,var(--fx-snow) 1.2px,transparent 2.1px),radial-gradient(circle at 6px 288px,var(--fx-snow) 0,var(--fx-snow) 1.4px,transparent 2.5px),radial-gradient(circle at 124px 58px,var(--fx-snow) 0,var(--fx-snow) 1.3px,transparent 2.3px),radial-gradient(circle at 122px 36px,var(--fx-snow) 0,var(--fx-snow) 1.5px,transparent 2.7px),radial-gradient(circle at 303px 217px,var(--fx-snow) 0,var(--fx-snow) 0.8px,transparent 1.4px),radial-gradient(circle at 261px 193px,var(--fx-snow) 0,var(--fx-snow) 1.4px,transparent 2.5px),radial-gradient(circle at 137px 198px,var(--fx-snow) 0,var(--fx-snow) 1.5px,transparent 2.8px);background-size:360px 360px;animation:zk-fy-360 24s linear infinite;will-change:transform;}
html[data-site-theme="christmas"]::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:2;background:var(--fx-star);background-size:300px 300px;animation:zk-tw 3.4s ease-in-out infinite}
html[data-site-theme="snow"][data-theme="light"]{
  --zk-0:#FCFCFD;--zk-1:#F7F7F8;--zk-2:#EFF0F1;--zk-3:#DEE0E3;--zk-4:#CED1D4;--zk-5:#A2A7AE;--zk-6:#777E88;--zk-7:#5A6068;--zk-8:#474C52;--zk-9:#2B2D31;--zk-10:#1A1C1E;--zk-11:#0E0F10;
  --p-bg1:#F2F8FF;--p-bg2:#D6E6F7;--p-paper:#FFFFFF;--p-ink:#2B3F57;--p-head:#17283C;--p-muted:#425A75;--p-faint:#5C7490;--p-line:#7FA6CC;--p-line-soft:rgba(127,166,204,0.5);--p-a1:#BFE0FA;--p-a2:#D9D2FA;--p-a3:#C7F2E6;--p-btext:#123049;--p-accent:#2F6DB5;--p-atext:#FFFFFF;--p-chip:rgba(127,166,204,0.2);--p-field:#FFFFFF;--p-shadow:rgba(70,110,160,0.25);--p-ear:#BFE0FA;--p-ear-in:#BFE0FA;--p-tape:#BFE0FA;--p-margin:#BFE0FA;--p-ring:#BFE0FA;--p-heart:#BFE0FA;--p-pat:rgba(127,166,204,0.2);--p-pat2:rgba(127,166,204,0.2);--p-stitch:#BFE0FA;--p-bg3:#D6E6F7;
}
html[data-site-theme="snow"][data-theme="dark"]{
  --zk-0:#050505;--zk-1:#0C0D0E;--zk-2:#151719;--zk-3:#242629;--zk-4:#34373C;--zk-5:#51565D;--zk-6:#878D97;--zk-7:#A8ACB3;--zk-8:#C8CBD0;--zk-9:#E4E5E7;--zk-10:#F1F2F3;--zk-11:#FAFAFA;
  --p-bg1:#0E1B33;--p-bg2:#050A16;--p-paper:#15284A;--p-ink:#EAF3FF;--p-head:#FFFFFF;--p-muted:#C5D8F0;--p-faint:#8FA6C6;--p-line:#8FC8FF;--p-line-soft:rgba(143,200,255,0.42);--p-a1:#7FC8FF;--p-a2:#A99BFF;--p-a3:#6CF0C8;--p-btext:#04152B;--p-accent:#7FE8D0;--p-atext:#04231C;--p-chip:rgba(143,200,255,0.16);--p-field:#0D1B36;--p-shadow:rgba(0,0,0,0.55);--p-ear:#7FC8FF;--p-ear-in:#7FC8FF;--p-tape:#7FC8FF;--p-margin:#7FC8FF;--p-ring:#7FC8FF;--p-heart:#7FC8FF;--p-pat:rgba(143,200,255,0.16);--p-pat2:rgba(143,200,255,0.16);--p-stitch:#7FC8FF;--p-bg3:#050A16;
}

html[data-site-theme="snow"]{--r-xs:10px;--r-sm:14px;--r-md:18px;--r-lg:22px;--r-xl:28px;
  --bg-grad:linear-gradient(180deg,var(--p-bg1) 0%,var(--p-bg2) 100%);
  --shadow-soft:0 8px 24px var(--p-shadow);--shadow-deep:0 14px 36px var(--p-shadow)}
html[data-site-theme="snow"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card,.nav,.info-tabs-wrap,.hero-info-detail,.modal,.budget-banner,.cmd-dock,.chat-panel){border-width:2px}
html[data-site-theme="snow"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before{content:"";position:absolute;top:0;left:0;right:0;height:13px;z-index:3;pointer-events:none;background:var(--p-a1);-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='13' viewBox='0 0 18 13'><path d='M0 0H18L13 6L9 13L5 6Z' fill='%23000'/></svg>") 0 0/18px 13px repeat-x;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='13' viewBox='0 0 18 13'><path d='M0 0H18L13 6L9 13L5 6Z' fill='%23000'/></svg>") 0 0/18px 13px repeat-x;filter:drop-shadow(0 1px 0 var(--p-line-soft))}
html[data-site-theme="snow"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after{content:"";position:absolute;top:14px;right:10px;width:34px;height:34px;z-index:3;pointer-events:none;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'><g transform='rotate(0 17 17)'><path d='M17 2V32M13 6L17 10L21 6M13 28L17 24L21 28' stroke='%237FB4E0' stroke-width='1.8' fill='none' stroke-linecap='round'/></g><g transform='rotate(60 17 17)'><path d='M17 2V32M13 6L17 10L21 6M13 28L17 24L21 28' stroke='%237FB4E0' stroke-width='1.8' fill='none' stroke-linecap='round'/></g><g transform='rotate(120 17 17)'><path d='M17 2V32M13 6L17 10L21 6M13 28L17 24L21 28' stroke='%237FB4E0' stroke-width='1.8' fill='none' stroke-linecap='round'/></g></svg>") center/34px 34px no-repeat;animation:zk-spin 40s linear infinite;opacity:.85}
html[data-site-theme="snow"] :is(.btn-primary,.btn-glass,.btn-outline,.tab-btn){border:2px solid var(--p-line);border-radius:16px}
html[data-site-theme="snow"] :is(.btn-primary,.btn-glass,.btn-outline){box-shadow:0 3px 0 var(--p-line-soft),inset 0 1px 0 rgba(255,255,255,.7)}
html[data-site-theme="snow"] :is(.btn-primary,.btn-glass,.btn-outline):active{transform:translateY(2px)}
html[data-site-theme="snow"][data-theme="light"]{--fx-snow:rgba(140,180,225,.9);--fx-aur-o:.55;--fx-aur:linear-gradient(100deg,transparent 0 10%,rgba(150,210,255,.35) 25%,rgba(190,170,255,.28) 45%,rgba(160,240,220,.3) 62%,transparent 80%),radial-gradient(ellipse at 50% 0,rgba(255,255,255,.7),transparent 70%)}
html[data-site-theme="snow"][data-theme="dark"]{--fx-snow:rgba(240,248,255,.9);--fx-aur-o:.9;--fx-aur:linear-gradient(100deg,transparent 0 8%,rgba(60,240,190,.30) 22%,rgba(110,150,255,.32) 42%,rgba(190,110,255,.28) 60%,transparent 80%),radial-gradient(ellipse at 40% 0,rgba(90,230,200,.25),transparent 65%)}
@keyframes zk-aurora{0%{transform:translateX(-7%) scaleY(1)}100%{transform:translateX(7%) scaleY(1.18)}}
html[data-site-theme="snow"]::before{content:"";position:fixed;left:-12%;right:-12%;top:0;height:70%;pointer-events:none;z-index:0;background:var(--fx-aur);animation:zk-aurora 16s ease-in-out infinite alternate;opacity:var(--fx-aur-o)}
@keyframes zk-fy-420{to{transform:translate3d(0,420px,0)}}
html[data-site-theme="snow"]::after{content:"";position:fixed;left:0;right:0;top:-420px;height:calc(100% + 420px);pointer-events:none;z-index:2;background:radial-gradient(circle at 211px 72px,var(--fx-snow) 0,var(--fx-snow) 2.3px,transparent 4.2px),radial-gradient(circle at 102px 231px,var(--fx-snow) 0,var(--fx-snow) 3.9px,transparent 7.1px),radial-gradient(circle at 169px 398px,var(--fx-snow) 0,var(--fx-snow) 4.2px,transparent 7.6px),radial-gradient(circle at 229px 262px,var(--fx-snow) 0,var(--fx-snow) 3.7px,transparent 6.7px),radial-gradient(circle at 153px 412px,var(--fx-snow) 0,var(--fx-snow) 3.3px,transparent 5.9px),radial-gradient(circle at 407px 354px,var(--fx-snow) 0,var(--fx-snow) 2.8px,transparent 5.0px),radial-gradient(circle at 110px 201px,var(--fx-snow) 0,var(--fx-snow) 1.7px,transparent 3.1px),radial-gradient(circle at 80px 257px,var(--fx-snow) 0,var(--fx-snow) 3.9px,transparent 7.1px),radial-gradient(circle at 327px 384px,var(--fx-snow) 0,var(--fx-snow) 2.7px,transparent 4.8px),radial-gradient(circle at 86px 315px,var(--fx-snow) 0,var(--fx-snow) 3.7px,transparent 6.8px),radial-gradient(circle at 347px 198px,var(--fx-snow) 0,var(--fx-snow) 2.9px,transparent 5.2px),radial-gradient(circle at 406px 341px,var(--fx-snow) 0,var(--fx-snow) 4.1px,transparent 7.5px),radial-gradient(circle at 339px 247px,var(--fx-snow) 0,var(--fx-snow) 3.9px,transparent 7.1px),radial-gradient(circle at 409px 195px,var(--fx-snow) 0,var(--fx-snow) 2.1px,transparent 3.9px),radial-gradient(circle at 183px 175px,var(--fx-snow) 0,var(--fx-snow) 1.7px,transparent 3.1px),radial-gradient(circle at 399px 51px,var(--fx-snow) 0,var(--fx-snow) 2.2px,transparent 4.0px),radial-gradient(circle at 230px 80px,var(--fx-snow) 0,var(--fx-snow) 4.1px,transparent 7.5px),radial-gradient(circle at 190px 54px,var(--fx-snow) 0,var(--fx-snow) 2.6px,transparent 4.8px),radial-gradient(circle at 271px 405px,var(--fx-snow) 0,var(--fx-snow) 3.7px,transparent 6.8px),radial-gradient(circle at 325px 411px,var(--fx-snow) 0,var(--fx-snow) 3.9px,transparent 7.1px),radial-gradient(circle at 26px 303px,var(--fx-snow) 0,var(--fx-snow) 1.6px,transparent 3.0px),radial-gradient(circle at 393px 171px,var(--fx-snow) 0,var(--fx-snow) 1.2px,transparent 2.2px),radial-gradient(circle at 69px 414px,var(--fx-snow) 0,var(--fx-snow) 1.6px,transparent 2.9px),radial-gradient(circle at 79px 146px,var(--fx-snow) 0,var(--fx-snow) 1.1px,transparent 2.1px),radial-gradient(circle at 18px 163px,var(--fx-snow) 0,var(--fx-snow) 1.3px,transparent 2.4px),radial-gradient(circle at 31px 73px,var(--fx-snow) 0,var(--fx-snow) 0.8px,transparent 1.4px),radial-gradient(circle at 116px 325px,var(--fx-snow) 0,var(--fx-snow) 1.0px,transparent 1.8px),radial-gradient(circle at 358px 375px,var(--fx-snow) 0,var(--fx-snow) 1.1px,transparent 2.1px),radial-gradient(circle at 395px 241px,var(--fx-snow) 0,var(--fx-snow) 1.6px,transparent 2.8px),radial-gradient(circle at 368px 228px,var(--fx-snow) 0,var(--fx-snow) 1.4px,transparent 2.5px),radial-gradient(circle at 218px 222px,var(--fx-snow) 0,var(--fx-snow) 0.9px,transparent 1.6px),radial-gradient(circle at 41px 79px,var(--fx-snow) 0,var(--fx-snow) 0.9px,transparent 1.7px),radial-gradient(circle at 339px 275px,var(--fx-snow) 0,var(--fx-snow) 1.4px,transparent 2.5px),radial-gradient(circle at 15px 5px,var(--fx-snow) 0,var(--fx-snow) 1.1px,transparent 2.1px),radial-gradient(circle at 222px 192px,var(--fx-snow) 0,var(--fx-snow) 1.3px,transparent 2.4px),radial-gradient(circle at 54px 77px,var(--fx-snow) 0,var(--fx-snow) 0.9px,transparent 1.7px);background-size:420px 420px;animation:zk-fy-420 30s linear infinite;will-change:transform;}
html[data-site-theme="halloween"][data-theme="light"]{
  --zk-0:#FDFCFC;--zk-1:#F8F7F7;--zk-2:#F1EFEF;--zk-3:#E3E0DE;--zk-4:#D4D0CE;--zk-5:#AEA6A2;--zk-6:#887D77;--zk-7:#685F5A;--zk-8:#524B47;--zk-9:#312D2B;--zk-10:#1E1B1A;--zk-11:#100F0E;
  --p-bg1:#E9DDC4;--p-bg2:#CDB98F;--p-paper:#F4EBD4;--p-ink:#2A2118;--p-head:#14100B;--p-muted:#4A3B2C;--p-faint:#6B5A45;--p-line:#3A2A1E;--p-line-soft:rgba(58,42,30,0.45);--p-a1:#8E1B1B;--p-a2:#C9651A;--p-a3:#5E6B3A;--p-btext:#FFFFFF;--p-accent:#9B1C1C;--p-atext:#FFFFFF;--p-chip:rgba(142,27,27,0.12);--p-field:#FBF4E0;--p-shadow:rgba(40,25,15,0.45);--p-heart:#8E1B1B;--p-stitch:#8E1B1B;--p-ear:#8E1B1B;--p-ear-in:#8E1B1B;--p-tape:#8E1B1B;--p-margin:#8E1B1B;--p-ring:#8E1B1B;--p-pat:rgba(142,27,27,0.12);--p-pat2:rgba(142,27,27,0.12);--p-bg3:#CDB98F;
}
html[data-site-theme="halloween"][data-theme="dark"]{
  --zk-0:#050505;--zk-1:#0E0C0C;--zk-2:#191615;--zk-3:#292524;--zk-4:#3C3734;--zk-5:#5D5551;--zk-6:#978C87;--zk-7:#B3ABA8;--zk-8:#D0CBC8;--zk-9:#E7E5E4;--zk-10:#F3F2F1;--zk-11:#FAFAFA;
  --p-bg1:#1A1414;--p-bg2:#060404;--p-paper:#241B1B;--p-ink:#EADFD3;--p-head:#FFFFFF;--p-muted:#CDBDAF;--p-faint:#9C8B7C;--p-line:#C23A3A;--p-line-soft:rgba(194,58,58,0.45);--p-a1:#B3171F;--p-a2:#E07A1F;--p-a3:#7E8F4A;--p-btext:#FFFFFF;--p-accent:#FF5A4F;--p-atext:#1A0504;--p-chip:rgba(194,58,58,0.18);--p-field:#150F0F;--p-shadow:rgba(0,0,0,0.6);--p-heart:#C21F2A;--p-stitch:#C23A3A;--p-ear:#B3171F;--p-ear-in:#B3171F;--p-tape:#B3171F;--p-margin:#B3171F;--p-ring:#B3171F;--p-pat:rgba(194,58,58,0.18);--p-pat2:rgba(194,58,58,0.18);--p-bg3:#060404;
}

html[data-site-theme="halloween"]{--r-xs:2px;--r-sm:3px;--r-md:4px;--r-lg:5px;--r-xl:6px;
  --display:'Courier New',ui-monospace,'Noto Sans Thai',monospace;
  --bg-grad:radial-gradient(ellipse at 50% 0,var(--p-bg1) 0%,var(--p-bg2) 100%);
  --shadow-soft:4px 5px 0 var(--p-shadow);--shadow-deep:7px 9px 0 var(--p-shadow)}
html[data-site-theme="halloween"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card,.nav,.info-tabs-wrap,.hero-info-detail,.modal,.budget-banner,.cmd-dock,.chat-panel){border-width:2px}
html[data-site-theme="halloween"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before{content:"";position:absolute;top:0;left:0;right:0;height:16px;z-index:3;pointer-events:none;background:var(--fx-drip) 0 0/120px 40px repeat-x;animation:zk-drip 11s ease-in infinite alternate}
html[data-site-theme="halloween"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card):nth-child(even)::before{animation-delay:-5s;background-position:40px 0}
html[data-site-theme="halloween"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after{content:"";position:absolute;right:8px;bottom:6px;width:62px;height:62px;z-index:3;pointer-events:none;background:var(--fx-splat) center/62px 62px no-repeat;opacity:.85;transform:rotate(18deg)}
html[data-site-theme="halloween"] :is(.btn-primary,.btn-glass,.btn-outline,.tab-btn){border:2px solid var(--p-line);border-radius:3px}
html[data-site-theme="halloween"] .tab-btn{border-radius:6px 6px 0 0}
html[data-site-theme="halloween"] .btn-primary{box-shadow:3px 4px 0 rgba(0,0,0,.55),inset 0 -3px 0 rgba(0,0,0,.25)}
html[data-site-theme="halloween"] :is(.btn-glass,.btn-outline){box-shadow:3px 4px 0 var(--p-shadow)}
html[data-site-theme="halloween"] :is(.btn-primary,.btn-glass,.btn-outline):hover{animation:zk-jit .25s steps(2) 1}
html[data-site-theme="halloween"] :is(.btn-primary,.btn-glass,.btn-outline):active{transform:translate(2px,3px);box-shadow:1px 1px 0 var(--p-shadow)}
html[data-site-theme="halloween"] ::selection{background:var(--p-a1);color:#fff}
html[data-site-theme="halloween"][data-theme="light"]{--fx-drip:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='40' viewBox='0 0 120 40'><rect width='120' height='7' fill='%238E1B1B'/><rect x='6' y='0' width='5' height='30' fill='%238E1B1B'/><circle cx='8.5' cy='30' r='3.5' fill='%238E1B1B'/><ellipse cx='7.5' cy='29' rx='1' ry='1.7' fill='%23FFFFFF' fill-opacity='.35'/><rect x='22' y='0' width='5' height='23' fill='%238E1B1B'/><circle cx='24.5' cy='23' r='3.5' fill='%238E1B1B'/><ellipse cx='23.5' cy='22' rx='1' ry='1.7' fill='%23FFFFFF' fill-opacity='.35'/><rect x='41' y='0' width='7' height='32' fill='%238E1B1B'/><circle cx='44.5' cy='32' r='4.5' fill='%238E1B1B'/><ellipse cx='43.5' cy='31' rx='1' ry='1.7' fill='%23FFFFFF' fill-opacity='.35'/><rect x='58' y='0' width='4' height='31' fill='%238E1B1B'/><circle cx='60.0' cy='31' r='3.0' fill='%238E1B1B'/><ellipse cx='59.0' cy='30' rx='1' ry='1.7' fill='%23FFFFFF' fill-opacity='.35'/><rect x='77' y='0' width='4' height='27' fill='%238E1B1B'/><circle cx='79.0' cy='27' r='3.0' fill='%238E1B1B'/><ellipse cx='78.0' cy='26' rx='1' ry='1.7' fill='%23FFFFFF' fill-opacity='.35'/><rect x='93' y='0' width='6' height='29' fill='%238E1B1B'/><circle cx='96.0' cy='29' r='4.0' fill='%238E1B1B'/><ellipse cx='95.0' cy='28' rx='1' ry='1.7' fill='%23FFFFFF' fill-opacity='.35'/><rect x='110' y='0' width='5' height='18' fill='%238E1B1B'/><circle cx='112.5' cy='18' r='3.5' fill='%238E1B1B'/><ellipse cx='111.5' cy='17' rx='1' ry='1.7' fill='%23FFFFFF' fill-opacity='.35'/></svg>");--fx-splat:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='76' height='76' viewBox='0 0 76 76'><circle cx='38.0' cy='38.0' r='11' fill='%238E1B1B'/><circle cx='18.4' cy='18.9' r='3.9' fill='%238E1B1B'/><ellipse cx='27.2' cy='27.5' rx='2.8' ry='7.1' transform='rotate(314 27.2 27.5)' fill='%238E1B1B'/><circle cx='63.5' cy='28.3' r='4.4' fill='%238E1B1B'/><circle cx='60.0' cy='42.1' r='4.4' fill='%238E1B1B'/><circle cx='20.1' cy='13.7' r='1.8' fill='%238E1B1B'/><ellipse cx='28.1' cy='24.6' rx='1.2' ry='3.2' transform='rotate(324 28.1 24.6)' fill='%238E1B1B'/><circle cx='19.9' cy='41.6' r='3.1' fill='%238E1B1B'/><circle cx='25.3' cy='31.6' r='2.1' fill='%238E1B1B'/><circle cx='32.4' cy='68.0' r='3.9' fill='%238E1B1B'/><ellipse cx='34.9' cy='54.5' rx='2.7' ry='6.9' transform='rotate(191 34.9 54.5)' fill='%238E1B1B'/><circle cx='53.3' cy='61.9' r='1.8' fill='%238E1B1B'/><circle cx='26.0' cy='27.0' r='1.4' fill='%238E1B1B'/><circle cx='50.3' cy='25.2' r='2.1' fill='%238E1B1B'/><ellipse cx='44.8' cy='30.9' rx='1.5' ry='3.8' transform='rotate(404 44.8 30.9)' fill='%238E1B1B'/><circle cx='67.5' cy='34.7' r='2.3' fill='%238E1B1B'/><circle cx='61.0' cy='32.3' r='3.6' fill='%238E1B1B'/><circle cx='46.7' cy='67.7' r='3.6' fill='%238E1B1B'/><ellipse cx='42.8' cy='54.3' rx='2.5' ry='6.5' transform='rotate(164 42.8 54.3)' fill='%238E1B1B'/><circle cx='67.4' cy='31.7' r='2.4' fill='%238E1B1B'/></svg>");--fx-fog:rgba(90,60,40,.10);--fx-vig:radial-gradient(ellipse at 50% 42%,transparent 38%,rgba(60,30,10,.36) 100%)}
html[data-site-theme="halloween"][data-theme="dark"]{--fx-drip:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='40' viewBox='0 0 120 40'><rect width='120' height='7' fill='%23C21F2A'/><rect x='6' y='0' width='5' height='30' fill='%23C21F2A'/><circle cx='8.5' cy='30' r='3.5' fill='%23C21F2A'/><ellipse cx='7.5' cy='29' rx='1' ry='1.7' fill='%23FFFFFF' fill-opacity='.35'/><rect x='22' y='0' width='5' height='23' fill='%23C21F2A'/><circle cx='24.5' cy='23' r='3.5' fill='%23C21F2A'/><ellipse cx='23.5' cy='22' rx='1' ry='1.7' fill='%23FFFFFF' fill-opacity='.35'/><rect x='41' y='0' width='7' height='32' fill='%23C21F2A'/><circle cx='44.5' cy='32' r='4.5' fill='%23C21F2A'/><ellipse cx='43.5' cy='31' rx='1' ry='1.7' fill='%23FFFFFF' fill-opacity='.35'/><rect x='58' y='0' width='4' height='31' fill='%23C21F2A'/><circle cx='60.0' cy='31' r='3.0' fill='%23C21F2A'/><ellipse cx='59.0' cy='30' rx='1' ry='1.7' fill='%23FFFFFF' fill-opacity='.35'/><rect x='77' y='0' width='4' height='27' fill='%23C21F2A'/><circle cx='79.0' cy='27' r='3.0' fill='%23C21F2A'/><ellipse cx='78.0' cy='26' rx='1' ry='1.7' fill='%23FFFFFF' fill-opacity='.35'/><rect x='93' y='0' width='6' height='29' fill='%23C21F2A'/><circle cx='96.0' cy='29' r='4.0' fill='%23C21F2A'/><ellipse cx='95.0' cy='28' rx='1' ry='1.7' fill='%23FFFFFF' fill-opacity='.35'/><rect x='110' y='0' width='5' height='18' fill='%23C21F2A'/><circle cx='112.5' cy='18' r='3.5' fill='%23C21F2A'/><ellipse cx='111.5' cy='17' rx='1' ry='1.7' fill='%23FFFFFF' fill-opacity='.35'/></svg>");--fx-splat:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='76' height='76' viewBox='0 0 76 76'><circle cx='38.0' cy='38.0' r='11' fill='%23C21F2A'/><circle cx='18.4' cy='18.9' r='3.9' fill='%23C21F2A'/><ellipse cx='27.2' cy='27.5' rx='2.8' ry='7.1' transform='rotate(314 27.2 27.5)' fill='%23C21F2A'/><circle cx='63.5' cy='28.3' r='4.4' fill='%23C21F2A'/><circle cx='60.0' cy='42.1' r='4.4' fill='%23C21F2A'/><circle cx='20.1' cy='13.7' r='1.8' fill='%23C21F2A'/><ellipse cx='28.1' cy='24.6' rx='1.2' ry='3.2' transform='rotate(324 28.1 24.6)' fill='%23C21F2A'/><circle cx='19.9' cy='41.6' r='3.1' fill='%23C21F2A'/><circle cx='25.3' cy='31.6' r='2.1' fill='%23C21F2A'/><circle cx='32.4' cy='68.0' r='3.9' fill='%23C21F2A'/><ellipse cx='34.9' cy='54.5' rx='2.7' ry='6.9' transform='rotate(191 34.9 54.5)' fill='%23C21F2A'/><circle cx='53.3' cy='61.9' r='1.8' fill='%23C21F2A'/><circle cx='26.0' cy='27.0' r='1.4' fill='%23C21F2A'/><circle cx='50.3' cy='25.2' r='2.1' fill='%23C21F2A'/><ellipse cx='44.8' cy='30.9' rx='1.5' ry='3.8' transform='rotate(404 44.8 30.9)' fill='%23C21F2A'/><circle cx='67.5' cy='34.7' r='2.3' fill='%23C21F2A'/><circle cx='61.0' cy='32.3' r='3.6' fill='%23C21F2A'/><circle cx='46.7' cy='67.7' r='3.6' fill='%23C21F2A'/><ellipse cx='42.8' cy='54.3' rx='2.5' ry='6.5' transform='rotate(164 42.8 54.3)' fill='%23C21F2A'/><circle cx='67.4' cy='31.7' r='2.4' fill='%23C21F2A'/></svg>");--fx-fog:rgba(255,255,255,.07);--fx-vig:radial-gradient(ellipse at 50% 42%,transparent 42%,rgba(0,0,0,.62) 100%)}
@keyframes zk-drip{0%{height:15px}100%{height:36px}}
@keyframes zk-jit{0%{transform:translate(0,0)}50%{transform:translate(-2px,1px)}100%{transform:translate(1px,-1px)}}
@keyframes zk-lamp{0%,100%{opacity:calc(1*var(--fx-k,1))}6%{opacity:calc(.78*var(--fx-k,1))}8%{opacity:calc(1*var(--fx-k,1))}31%{opacity:calc(.9*var(--fx-k,1))}33%{opacity:calc(.62*var(--fx-k,1))}35%{opacity:calc(1*var(--fx-k,1))}62%{opacity:calc(.95*var(--fx-k,1))}64%{opacity:calc(.7*var(--fx-k,1))}66%{opacity:calc(.98*var(--fx-k,1))}88%{opacity:calc(.86*var(--fx-k,1))}90%{opacity:calc(1*var(--fx-k,1))}}
html[data-site-theme="halloween"]::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:2;background:var(--fx-vig);animation:zk-lamp 8s steps(1) infinite}
@keyframes zk-dx-900{to{transform:translate3d(900px,0,0)}}
html[data-site-theme="halloween"]::after{content:"";position:fixed;left:-900px;width:calc(100% + 900px);top:0;bottom:0;pointer-events:none;z-index:2;background:radial-gradient(ellipse 230px 60px at 250px 140px,var(--fx-fog),transparent),radial-gradient(ellipse 280px 70px at 600px 260px,var(--fx-fog),transparent),radial-gradient(ellipse 200px 52px at 440px 60px,var(--fx-fog),transparent);background-size:900px 380px;animation:zk-dx-900 80s linear infinite;will-change:transform;}
html[data-site-theme="music"][data-theme="light"]{
  --zk-0:#FCFCFD;--zk-1:#F7F7F8;--zk-2:#F0EFF1;--zk-3:#E0DEE3;--zk-4:#D1CED4;--zk-5:#A7A2AE;--zk-6:#7E7788;--zk-7:#605A68;--zk-8:#4C4752;--zk-9:#2D2B31;--zk-10:#1C1A1E;--zk-11:#0F0E10;
  --p-bg1:#FFF6EA;--p-bg2:#E6DDF7;--p-paper:#FFFEFB;--p-ink:#2C2447;--p-head:#1B1533;--p-muted:#473E68;--p-faint:#62598A;--p-line:#3D3263;--p-line-soft:rgba(61,50,99,0.42);--p-a1:#FF8DB3;--p-a2:#8DE3D6;--p-a3:#FFD76A;--p-btext:#2A0F1E;--p-accent:#5B3FD0;--p-atext:#FFFFFF;--p-chip:rgba(139,110,230,0.16);--p-field:#FFFFFF;--p-shadow:rgba(61,50,99,0.30);--p-ear:#FF8DB3;--p-ear-in:#FF8DB3;--p-tape:#FF8DB3;--p-margin:#FF8DB3;--p-ring:#FF8DB3;--p-heart:#FF8DB3;--p-pat:rgba(139,110,230,0.16);--p-pat2:rgba(139,110,230,0.16);--p-stitch:#FF8DB3;--p-bg3:#E6DDF7;
}
html[data-site-theme="music"][data-theme="dark"]{
  --zk-0:#050505;--zk-1:#0D0C0E;--zk-2:#171519;--zk-3:#262429;--zk-4:#37343C;--zk-5:#56515D;--zk-6:#8D8797;--zk-7:#ACA8B3;--zk-8:#CBC8D0;--zk-9:#E5E4E7;--zk-10:#F2F1F3;--zk-11:#FAFAFA;
  --p-bg1:#1B1033;--p-bg2:#07040F;--p-paper:#261848;--p-ink:#F3EEFF;--p-head:#FFFFFF;--p-muted:#D3C8F2;--p-faint:#9F92CC;--p-line:#E07BFF;--p-line-soft:rgba(224,123,255,0.42);--p-a1:#FF5FA2;--p-a2:#4FE0D0;--p-a3:#FFD76A;--p-btext:#1E0614;--p-accent:#4FE0D0;--p-atext:#04201C;--p-chip:rgba(224,123,255,0.16);--p-field:#170D2E;--p-shadow:rgba(0,0,0,0.55);--p-ear:#FF5FA2;--p-ear-in:#FF5FA2;--p-tape:#FF5FA2;--p-margin:#FF5FA2;--p-ring:#FF5FA2;--p-heart:#FF5FA2;--p-pat:rgba(224,123,255,0.16);--p-pat2:rgba(224,123,255,0.16);--p-stitch:#FF5FA2;--p-bg3:#07040F;
}

html[data-site-theme="music"]{--r-xs:10px;--r-sm:14px;--r-md:18px;--r-lg:22px;--r-xl:28px;
  --bg-grad:var(--fx-staff),linear-gradient(170deg,var(--p-bg1) 0%,var(--p-bg2) 100%);
  --shadow-soft:0 7px 20px var(--p-shadow);--shadow-deep:0 14px 34px var(--p-shadow)}
html[data-site-theme="music"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card,.nav,.info-tabs-wrap,.hero-info-detail,.modal,.budget-banner,.cmd-dock,.chat-panel){border-width:2px}
html[data-site-theme="music"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before{content:"";position:absolute;top:10px;right:46px;width:25px;height:20px;z-index:3;pointer-events:none;background:linear-gradient(var(--p-a1),var(--p-a1)) 0 100%/4px 30% no-repeat,linear-gradient(var(--p-a2),var(--p-a2)) 7px 100%/4px 70% no-repeat,linear-gradient(var(--p-a3),var(--p-a3)) 14px 100%/4px 50% no-repeat,linear-gradient(var(--p-a1),var(--p-a1)) 21px 100%/4px 85% no-repeat;animation:zk-eq 1.3s ease-in-out infinite}
html[data-site-theme="music"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card):nth-child(even)::before{animation-delay:-.6s}
html[data-site-theme="music"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after{content:"";position:absolute;top:6px;right:9px;width:32px;height:32px;z-index:3;pointer-events:none;border-radius:50%;background:conic-gradient(from 20deg,transparent 0 30%,rgba(255,255,255,.38) 38%,transparent 46%,transparent 80%,rgba(255,255,255,.28) 88%,transparent 96%),radial-gradient(circle,var(--p-paper) 0 4%,var(--p-a1) 5% 21%,#15101f 22%),repeating-radial-gradient(circle,rgba(255,255,255,.14) 0 1px,transparent 1px 3px),#15101f;box-shadow:0 2px 6px rgba(0,0,0,.35);animation:zk-spin 5s linear infinite}
html[data-site-theme="music"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card):hover::after{animation-duration:1.4s}
html[data-site-theme="music"] :is(.btn-primary,.btn-glass,.btn-outline,.tab-btn){border:2px solid var(--p-line);border-radius:999px}
html[data-site-theme="music"] :is(.btn-primary,.btn-glass,.btn-outline){box-shadow:0 0 0 3px var(--p-a1)}
html[data-site-theme="music"] :is(.btn-primary,.btn-glass,.btn-outline):hover{box-shadow:0 0 0 3px var(--p-a1),0 0 16px 3px var(--p-a2)}
html[data-site-theme="music"] :is(.btn-primary,.btn-glass,.btn-outline):active{transform:scale(.96)}
html[data-site-theme="music"][data-theme="light"]{--fx-staff:repeating-linear-gradient(180deg,rgba(61,50,99,.13) 0px 1px,transparent 1px 9px,rgba(61,50,99,.13) 9px 10px,transparent 10px 18px,rgba(61,50,99,.13) 18px 19px,transparent 19px 27px,rgba(61,50,99,.13) 27px 28px,transparent 28px 36px,rgba(61,50,99,.13) 36px 37px,transparent 37px 110px);--fx-beam:conic-gradient(from 168deg at 50% 0,transparent 0 6deg,rgba(255,141,179,.2) 7deg 12deg,transparent 13deg 30deg,rgba(141,227,214,.22) 31deg 36deg,transparent 37deg 55deg,rgba(255,215,106,.2) 56deg 60deg,transparent 61deg);--fx-notes:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='420' height='420' viewBox='0 0 420 420'><ellipse cx='251' cy='339' rx='4.2' ry='3' transform='rotate(-22 251 339)' fill='%23FF6FA3'/><path d='M254.6 338.4V322Q261 325 259 331' fill='none' stroke='%23FF6FA3' stroke-width='1.8' stroke-linecap='round'/><ellipse cx='205' cy='162' rx='4.2' ry='3' transform='rotate(-22 205 162)' fill='%2342C9B8'/><ellipse cx='217' cy='160' rx='4.2' ry='3' transform='rotate(-22 217 160)' fill='%2342C9B8'/><path d='M208.6 161.4V146L220.6 144V159.4' fill='none' stroke='%2342C9B8' stroke-width='1.8' stroke-linejoin='round'/><path d='M208.6 146L220.6 144' stroke='%2342C9B8' stroke-width='3.2'/><ellipse cx='84' cy='121' rx='4.2' ry='3' transform='rotate(-22 84 121)' fill='%23E5B72E'/><path d='M87.6 120.4V104Q94 107 92 113' fill='none' stroke='%23E5B72E' stroke-width='1.8' stroke-linecap='round'/><ellipse cx='360' cy='29' rx='4.2' ry='3' transform='rotate(-22 360 29)' fill='%238A6BF0'/><ellipse cx='372' cy='27' rx='4.2' ry='3' transform='rotate(-22 372 27)' fill='%238A6BF0'/><path d='M363.6 28.4V13L375.6 11V26.4' fill='none' stroke='%238A6BF0' stroke-width='1.8' stroke-linejoin='round'/><path d='M363.6 13L375.6 11' stroke='%238A6BF0' stroke-width='3.2'/><ellipse cx='187' cy='283' rx='4.2' ry='3' transform='rotate(-22 187 283)' fill='%23FF6FA3'/><path d='M190.6 282.4V266Q197 269 195 275' fill='none' stroke='%23FF6FA3' stroke-width='1.8' stroke-linecap='round'/><ellipse cx='251' cy='335' rx='4.2' ry='3' transform='rotate(-22 251 335)' fill='%2342C9B8'/><ellipse cx='263' cy='333' rx='4.2' ry='3' transform='rotate(-22 263 333)' fill='%2342C9B8'/><path d='M254.6 334.4V319L266.6 317V332.4' fill='none' stroke='%2342C9B8' stroke-width='1.8' stroke-linejoin='round'/><path d='M254.6 319L266.6 317' stroke='%2342C9B8' stroke-width='3.2'/></svg>")}
html[data-site-theme="music"][data-theme="dark"]{--fx-staff:repeating-linear-gradient(180deg,rgba(224,123,255,.14) 0px 1px,transparent 1px 9px,rgba(224,123,255,.14) 9px 10px,transparent 10px 18px,rgba(224,123,255,.14) 18px 19px,transparent 19px 27px,rgba(224,123,255,.14) 27px 28px,transparent 28px 36px,rgba(224,123,255,.14) 36px 37px,transparent 37px 110px);--fx-beam:conic-gradient(from 168deg at 50% 0,transparent 0 6deg,rgba(255,95,162,.30) 7deg 12deg,transparent 13deg 30deg,rgba(79,224,208,.28) 31deg 36deg,transparent 37deg 55deg,rgba(255,215,106,.26) 56deg 60deg,transparent 61deg);--fx-notes:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='420' height='420' viewBox='0 0 420 420'><ellipse cx='251' cy='339' rx='4.2' ry='3' transform='rotate(-22 251 339)' fill='%23FF5FA2'/><path d='M254.6 338.4V322Q261 325 259 331' fill='none' stroke='%23FF5FA2' stroke-width='1.8' stroke-linecap='round'/><ellipse cx='205' cy='162' rx='4.2' ry='3' transform='rotate(-22 205 162)' fill='%234FE0D0'/><ellipse cx='217' cy='160' rx='4.2' ry='3' transform='rotate(-22 217 160)' fill='%234FE0D0'/><path d='M208.6 161.4V146L220.6 144V159.4' fill='none' stroke='%234FE0D0' stroke-width='1.8' stroke-linejoin='round'/><path d='M208.6 146L220.6 144' stroke='%234FE0D0' stroke-width='3.2'/><ellipse cx='84' cy='121' rx='4.2' ry='3' transform='rotate(-22 84 121)' fill='%23FFD76A'/><path d='M87.6 120.4V104Q94 107 92 113' fill='none' stroke='%23FFD76A' stroke-width='1.8' stroke-linecap='round'/><ellipse cx='360' cy='29' rx='4.2' ry='3' transform='rotate(-22 360 29)' fill='%23C09BFF'/><ellipse cx='372' cy='27' rx='4.2' ry='3' transform='rotate(-22 372 27)' fill='%23C09BFF'/><path d='M363.6 28.4V13L375.6 11V26.4' fill='none' stroke='%23C09BFF' stroke-width='1.8' stroke-linejoin='round'/><path d='M363.6 13L375.6 11' stroke='%23C09BFF' stroke-width='3.2'/><ellipse cx='187' cy='283' rx='4.2' ry='3' transform='rotate(-22 187 283)' fill='%23FF5FA2'/><path d='M190.6 282.4V266Q197 269 195 275' fill='none' stroke='%23FF5FA2' stroke-width='1.8' stroke-linecap='round'/><ellipse cx='251' cy='335' rx='4.2' ry='3' transform='rotate(-22 251 335)' fill='%234FE0D0'/><ellipse cx='263' cy='333' rx='4.2' ry='3' transform='rotate(-22 263 333)' fill='%234FE0D0'/><path d='M254.6 334.4V319L266.6 317V332.4' fill='none' stroke='%234FE0D0' stroke-width='1.8' stroke-linejoin='round'/><path d='M254.6 319L266.6 317' stroke='%234FE0D0' stroke-width='3.2'/></svg>")}
@keyframes zk-eq{0%{background-size:4px 30%,4px 70%,4px 50%,4px 85%}25%{background-size:4px 80%,4px 35%,4px 90%,4px 40%}50%{background-size:4px 45%,4px 90%,4px 30%,4px 75%}75%{background-size:4px 90%,4px 50%,4px 70%,4px 25%}100%{background-size:4px 30%,4px 70%,4px 50%,4px 85%}}
@keyframes zk-swing{0%{transform:rotate(-13deg)}100%{transform:rotate(13deg)}}
html[data-site-theme="music"]::before{content:"";position:fixed;left:-30%;right:-30%;top:-4%;height:112%;transform-origin:50% 0;pointer-events:none;z-index:0;background:var(--fx-beam);animation:zk-swing 9s ease-in-out infinite alternate}
html[data-site-theme="music"]::after{content:"";position:fixed;left:0;right:0;top:0;bottom:-420px;pointer-events:none;z-index:2;background:var(--fx-notes);background-size:420px 420px;animation:zk-ry-420 46s linear infinite;will-change:transform;opacity:.5;}
html[data-site-theme="maple"][data-theme="light"]{
  --zk-0:#FDFCFC;--zk-1:#F8F7F7;--zk-2:#F1F0EF;--zk-3:#E3E0DE;--zk-4:#D4D1CE;--zk-5:#AEA7A2;--zk-6:#887E77;--zk-7:#68605A;--zk-8:#524C47;--zk-9:#312D2B;--zk-10:#1E1C1A;--zk-11:#100F0E;
  --p-bg1:#FFF3E3;--p-bg2:#F6D2B0;--p-paper:#FFFBF5;--p-ink:#4A2A18;--p-head:#2E170A;--p-muted:#6A412A;--p-faint:#85593E;--p-line:#A8431A;--p-line-soft:rgba(168,67,26,0.42);--p-a1:#E8692A;--p-a2:#C8372D;--p-a3:#F2B84B;--p-btext:#3B1606;--p-accent:#B5391B;--p-atext:#FFFFFF;--p-chip:rgba(232,105,42,0.14);--p-field:#FFFFFF;--p-shadow:rgba(168,67,26,0.30);--p-heart:#C8372D;--p-stitch:#E8A33A;--p-ear:#E8692A;--p-ear-in:#E8692A;--p-tape:#E8692A;--p-margin:#E8692A;--p-ring:#E8692A;--p-pat:rgba(232,105,42,0.14);--p-pat2:rgba(232,105,42,0.14);--p-bg3:#F6D2B0;
}
html[data-site-theme="maple"][data-theme="dark"]{
  --zk-0:#050505;--zk-1:#0E0D0C;--zk-2:#191715;--zk-3:#292624;--zk-4:#3C3734;--zk-5:#5D5651;--zk-6:#978D87;--zk-7:#B3ACA8;--zk-8:#D0CBC8;--zk-9:#E7E5E4;--zk-10:#F3F2F1;--zk-11:#FAFAFA;
  --p-bg1:#2A1710;--p-bg2:#140A06;--p-paper:#3A2217;--p-ink:#FFEBD6;--p-head:#FFFFFF;--p-muted:#F0D2B2;--p-faint:#C09670;--p-line:#F2A04A;--p-line-soft:rgba(242,160,74,0.42);--p-a1:#F0782F;--p-a2:#E0453A;--p-a3:#F5C050;--p-btext:#2A1004;--p-accent:#F5C050;--p-atext:#2A1604;--p-chip:rgba(242,160,74,0.16);--p-field:#26140C;--p-shadow:rgba(0,0,0,0.5);--p-heart:#E0453A;--p-stitch:#D9873A;--p-ear:#F0782F;--p-ear-in:#F0782F;--p-tape:#F0782F;--p-margin:#F0782F;--p-ring:#F0782F;--p-pat:rgba(242,160,74,0.16);--p-pat2:rgba(242,160,74,0.16);--p-bg3:#140A06;
}

html[data-site-theme="maple"]{--r-xs:8px;--r-sm:12px;--r-md:16px;--r-lg:18px;--r-xl:24px;
  --bg-grad:linear-gradient(165deg,var(--p-bg1) 0%,var(--p-bg2) 100%);
  --shadow-soft:0 5px 0 var(--p-shadow);--shadow-deep:0 9px 0 var(--p-shadow),0 16px 26px var(--p-shadow);--fx-k:.4}
html[data-site-theme="maple"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card,.nav,.info-tabs-wrap,.hero-info-detail,.modal,.budget-banner,.cmd-dock,.chat-panel){border-width:2px}
html[data-site-theme="maple"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before{content:"";position:absolute;top:2px;left:8px;right:8px;height:28px;z-index:3;pointer-events:none;background:var(--fx-gar) 0 0/64px 28px repeat-x}
html[data-site-theme="maple"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after{content:"";position:absolute;top:6px;right:10px;width:30px;height:30px;z-index:3;pointer-events:none;background:var(--fx-badge) center/30px 30px no-repeat;animation:zk-sway 5s ease-in-out infinite;transform-origin:50% 90%}
html[data-site-theme="maple"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card):nth-child(even)::after{animation-delay:-2.5s}
html[data-site-theme="maple"] :is(.btn-primary,.btn-glass,.btn-outline,.tab-btn){border:2px solid var(--p-line);border-radius:18px 5px 18px 5px}
html[data-site-theme="maple"] :is(.btn-primary,.btn-glass,.btn-outline){box-shadow:0 3px 0 var(--p-line)}
html[data-site-theme="maple"] :is(.btn-primary,.btn-glass,.btn-outline):hover{transform:translateY(-2px) rotate(-.6deg)}
html[data-site-theme="maple"] :is(.btn-primary,.btn-glass,.btn-outline):active{transform:translateY(2px)}
html[data-site-theme="maple"][data-theme="light"]{--fx-sun:rgba(255,190,110,.55);--fx-gar:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='64' height='28' viewBox='0 0 64 28'><path d='M0 4Q16 11 32 4T64 4' fill='none' stroke='%23775533' stroke-width='1.3'/><g transform='translate(16 17) rotate(-20) scale(0.15) translate(-50 -50)'><path d='M50 6L58 24L72 18L68 38L90 34L78 52L92 60L66 66L68 76L54 72L54 94L46 94L46 72L32 76L34 66L8 60L22 52L10 34L32 38L28 18L42 24Z' fill='%23D9531E'/></g><g transform='translate(48 18) rotate(25) scale(0.13) translate(-50 -50)'><path d='M50 6L58 24L72 18L68 38L90 34L78 52L92 60L66 66L68 76L54 72L54 94L46 94L46 72L32 76L34 66L8 60L22 52L10 34L32 38L28 18L42 24Z' fill='%23E8A33A'/></g></svg>");--fx-badge:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><g transform='translate(15 15) rotate(0) scale(0.26) translate(-50 -50)'><path d='M50 6L58 24L72 18L68 38L90 34L78 52L92 60L66 66L68 76L54 72L54 94L46 94L46 72L32 76L34 66L8 60L22 52L10 34L32 38L28 18L42 24Z' fill='%23C8372D'/><path d='M50 94V30M50 70L32 52M50 70L68 52M50 52L40 34M50 52L60 34' stroke='%23FFFFFF' stroke-opacity='.55' stroke-width='3.2' fill='none' stroke-linecap='round'/></g></svg>");--fx-leaves:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='420' height='420' viewBox='0 0 420 420'><g transform='translate(91 391) rotate(183) scale(0.25) translate(-50 -50)'><path d='M50 6L58 24L72 18L68 38L90 34L78 52L92 60L66 66L68 76L54 72L54 94L46 94L46 72L32 76L34 66L8 60L22 52L10 34L32 38L28 18L42 24Z' fill='%23D9531E'/></g><g transform='translate(274 98) rotate(113) scale(0.23600000000000002) translate(-50 -50)'><path d='M50 6L58 24L72 18L68 38L90 34L78 52L92 60L66 66L68 76L54 72L54 94L46 94L46 72L32 76L34 66L8 60L22 52L10 34L32 38L28 18L42 24Z' fill='%23C8372D'/></g><g transform='translate(204 319) rotate(168) scale(0.29) translate(-50 -50)'><path d='M50 6L58 24L72 18L68 38L90 34L78 52L92 60L66 66L68 76L54 72L54 94L46 94L46 72L32 76L34 66L8 60L22 52L10 34L32 38L28 18L42 24Z' fill='%23E8A33A'/></g><g transform='translate(45 92) rotate(45) scale(0.297) translate(-50 -50)'><path d='M50 6L58 24L72 18L68 38L90 34L78 52L92 60L66 66L68 76L54 72L54 94L46 94L46 72L32 76L34 66L8 60L22 52L10 34L32 38L28 18L42 24Z' fill='%23B5651D'/></g><g transform='translate(225 89) rotate(166) scale(0.233) translate(-50 -50)'><path d='M50 6L58 24L72 18L68 38L90 34L78 52L92 60L66 66L68 76L54 72L54 94L46 94L46 72L32 76L34 66L8 60L22 52L10 34L32 38L28 18L42 24Z' fill='%23D9531E'/></g><g transform='translate(325 179) rotate(32) scale(0.209) translate(-50 -50)'><path d='M50 6L58 24L72 18L68 38L90 34L78 52L92 60L66 66L68 76L54 72L54 94L46 94L46 72L32 76L34 66L8 60L22 52L10 34L32 38L28 18L42 24Z' fill='%23C8372D'/></g><g transform='translate(133 58) rotate(319) scale(0.23199999999999998) translate(-50 -50)'><path d='M50 6L58 24L72 18L68 38L90 34L78 52L92 60L66 66L68 76L54 72L54 94L46 94L46 72L32 76L34 66L8 60L22 52L10 34L32 38L28 18L42 24Z' fill='%23E8A33A'/></g></svg>")}
html[data-site-theme="maple"][data-theme="dark"]{--fx-sun:rgba(240,130,50,.35);--fx-gar:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='64' height='28' viewBox='0 0 64 28'><path d='M0 4Q16 11 32 4T64 4' fill='none' stroke='%23775533' stroke-width='1.3'/><g transform='translate(16 17) rotate(-20) scale(0.15) translate(-50 -50)'><path d='M50 6L58 24L72 18L68 38L90 34L78 52L92 60L66 66L68 76L54 72L54 94L46 94L46 72L32 76L34 66L8 60L22 52L10 34L32 38L28 18L42 24Z' fill='%23F0782F'/></g><g transform='translate(48 18) rotate(25) scale(0.13) translate(-50 -50)'><path d='M50 6L58 24L72 18L68 38L90 34L78 52L92 60L66 66L68 76L54 72L54 94L46 94L46 72L32 76L34 66L8 60L22 52L10 34L32 38L28 18L42 24Z' fill='%23F5C050'/></g></svg>");--fx-badge:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><g transform='translate(15 15) rotate(0) scale(0.26) translate(-50 -50)'><path d='M50 6L58 24L72 18L68 38L90 34L78 52L92 60L66 66L68 76L54 72L54 94L46 94L46 72L32 76L34 66L8 60L22 52L10 34L32 38L28 18L42 24Z' fill='%23E0453A'/><path d='M50 94V30M50 70L32 52M50 70L68 52M50 52L40 34M50 52L60 34' stroke='%23FFFFFF' stroke-opacity='.55' stroke-width='3.2' fill='none' stroke-linecap='round'/></g></svg>");--fx-leaves:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='420' height='420' viewBox='0 0 420 420'><g transform='translate(91 391) rotate(183) scale(0.25) translate(-50 -50)'><path d='M50 6L58 24L72 18L68 38L90 34L78 52L92 60L66 66L68 76L54 72L54 94L46 94L46 72L32 76L34 66L8 60L22 52L10 34L32 38L28 18L42 24Z' fill='%23F0782F'/></g><g transform='translate(274 98) rotate(113) scale(0.23600000000000002) translate(-50 -50)'><path d='M50 6L58 24L72 18L68 38L90 34L78 52L92 60L66 66L68 76L54 72L54 94L46 94L46 72L32 76L34 66L8 60L22 52L10 34L32 38L28 18L42 24Z' fill='%23E0453A'/></g><g transform='translate(204 319) rotate(168) scale(0.29) translate(-50 -50)'><path d='M50 6L58 24L72 18L68 38L90 34L78 52L92 60L66 66L68 76L54 72L54 94L46 94L46 72L32 76L34 66L8 60L22 52L10 34L32 38L28 18L42 24Z' fill='%23F5C050'/></g><g transform='translate(45 92) rotate(45) scale(0.297) translate(-50 -50)'><path d='M50 6L58 24L72 18L68 38L90 34L78 52L92 60L66 66L68 76L54 72L54 94L46 94L46 72L32 76L34 66L8 60L22 52L10 34L32 38L28 18L42 24Z' fill='%23D9873A'/></g><g transform='translate(225 89) rotate(166) scale(0.233) translate(-50 -50)'><path d='M50 6L58 24L72 18L68 38L90 34L78 52L92 60L66 66L68 76L54 72L54 94L46 94L46 72L32 76L34 66L8 60L22 52L10 34L32 38L28 18L42 24Z' fill='%23F0782F'/></g><g transform='translate(325 179) rotate(32) scale(0.209) translate(-50 -50)'><path d='M50 6L58 24L72 18L68 38L90 34L78 52L92 60L66 66L68 76L54 72L54 94L46 94L46 72L32 76L34 66L8 60L22 52L10 34L32 38L28 18L42 24Z' fill='%23E0453A'/></g><g transform='translate(133 58) rotate(319) scale(0.23199999999999998) translate(-50 -50)'><path d='M50 6L58 24L72 18L68 38L90 34L78 52L92 60L66 66L68 76L54 72L54 94L46 94L46 72L32 76L34 66L8 60L22 52L10 34L32 38L28 18L42 24Z' fill='%23F5C050'/></g></svg>")}
@keyframes zk-fd-420{to{transform:translate3d(420px,420px,0)}}
html[data-site-theme="maple"]::after{content:"";position:fixed;left:-420px;width:calc(100% + 420px);top:-420px;height:calc(100% + 420px);pointer-events:none;z-index:2;background:var(--fx-leaves);background-size:420px 420px;animation:zk-fd-420 44s linear infinite;will-change:transform;opacity:.3;z-index:-1;}
html[data-site-theme="maple"]::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse 360px 240px at 16% 10%,var(--fx-sun),transparent 70%),radial-gradient(ellipse 300px 220px at 84% 80%,var(--fx-sun),transparent 70%);animation:zk-breath 11s ease-in-out infinite}

html[data-site-theme="kawaii"][data-theme="light"]{--fx-s1:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='300' viewBox='0 0 300 300'><path d='M166 230.5Q166 238 173.5 238Q166 238 166 245.5Q166 238 158.5 238Q166 238 166 230.5Z' fill='%23FF8FC4'/><path d='M99 198.4Q99 205 105.6 205Q99 205 99 211.6Q99 205 92.4 205Q99 205 99 198.4Z' fill='%23FFD76A'/><path d='M110 115.6Q110 123 117.4 123Q110 123 110 130.4Q110 123 102.6 123Q110 123 110 115.6Z' fill='%238FC3FF'/><path d='M55 181.4Q55 188 61.6 188Q55 188 55 194.6Q55 188 48.4 188Q55 188 55 181.4Z' fill='%23FF8FC4'/><path d='M203 178.5Q203 188 212.5 188Q203 188 203 197.5Q203 188 193.5 188Q203 188 203 178.5Z' fill='%23FFD76A'/><path d='M131 42.3Q131 49 137.7 49Q131 49 131 55.7Q131 49 124.3 49Q131 49 131 42.3Z' fill='%238FC3FF'/><path d='M93 83.4Q93 92 101.6 92Q93 92 93 100.6Q93 92 84.4 92Q93 92 93 83.4Z' fill='%23FF8FC4'/></svg>");--fx-s2:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='340' height='340' viewBox='0 0 340 340'><path d='M65 314.3Q65 322 72.7 322Q65 322 65 329.7Q65 322 57.3 322Q65 322 65 314.3Z' fill='%23C79AD6'/><path d='M158 296.0Q158 301 163.0 301Q158 301 158 306.0Q158 301 153.0 301Q158 301 158 296.0Z' fill='%23FF9AC8'/><path d='M173 53.6Q173 59 178.4 59Q173 59 173 64.4Q173 59 167.6 59Q173 59 173 53.6Z' fill='%23FFE08A'/><path d='M326 56.2Q326 64 333.8 64Q326 64 326 71.8Q326 64 318.2 64Q326 64 326 56.2Z' fill='%23C79AD6'/><path d='M161 171.5Q161 176 165.5 176Q161 176 161 180.5Q161 176 156.5 176Q161 176 161 171.5Z' fill='%23FF9AC8'/><path d='M119 191.9Q119 199 126.1 199Q119 199 119 206.1Q119 199 111.9 199Q119 199 119 191.9Z' fill='%23FFE08A'/></svg>")}
html[data-site-theme="kawaii"][data-theme="dark"]{--fx-s1:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='300' viewBox='0 0 300 300'><path d='M166 230.5Q166 238 173.5 238Q166 238 166 245.5Q166 238 158.5 238Q166 238 166 230.5Z' fill='%23FFFFFF'/><path d='M99 198.4Q99 205 105.6 205Q99 205 99 211.6Q99 205 92.4 205Q99 205 99 198.4Z' fill='%23FF9AC8'/><path d='M110 115.6Q110 123 117.4 123Q110 123 110 130.4Q110 123 102.6 123Q110 123 110 115.6Z' fill='%23FFE08A'/><path d='M55 181.4Q55 188 61.6 188Q55 188 55 194.6Q55 188 48.4 188Q55 188 55 181.4Z' fill='%23FFFFFF'/><path d='M203 178.5Q203 188 212.5 188Q203 188 203 197.5Q203 188 193.5 188Q203 188 203 178.5Z' fill='%23FF9AC8'/><path d='M131 42.3Q131 49 137.7 49Q131 49 131 55.7Q131 49 124.3 49Q131 49 131 42.3Z' fill='%23FFE08A'/><path d='M93 83.4Q93 92 101.6 92Q93 92 93 100.6Q93 92 84.4 92Q93 92 93 83.4Z' fill='%23FFFFFF'/></svg>");--fx-s2:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='340' height='340' viewBox='0 0 340 340'><path d='M65 314.3Q65 322 72.7 322Q65 322 65 329.7Q65 322 57.3 322Q65 322 65 314.3Z' fill='%23FFD1E8'/><path d='M158 296.0Q158 301 163.0 301Q158 301 158 306.0Q158 301 153.0 301Q158 301 158 296.0Z' fill='%239FC8FF'/><path d='M173 53.6Q173 59 178.4 59Q173 59 173 64.4Q173 59 167.6 59Q173 59 173 53.6Z' fill='%23FFFFFF'/><path d='M326 56.2Q326 64 333.8 64Q326 64 326 71.8Q326 64 318.2 64Q326 64 326 56.2Z' fill='%23FFD1E8'/><path d='M161 171.5Q161 176 165.5 176Q161 176 161 180.5Q161 176 156.5 176Q161 176 161 171.5Z' fill='%239FC8FF'/><path d='M119 191.9Q119 199 126.1 199Q119 199 119 206.1Q119 199 111.9 199Q119 199 119 191.9Z' fill='%23FFFFFF'/></svg>")}
html[data-site-theme="kawaii"]::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:2;background:var(--fx-s1) 0 0/300px 300px;animation:zk-tw 3.1s ease-in-out infinite}
html[data-site-theme="kawaii"]::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:2;background:var(--fx-s2) 40px 70px/340px 340px;animation:zk-tw 4.3s ease-in-out -1.7s infinite}
@keyframes zk-wig{0%,100%{transform:rotate(0)}25%{transform:rotate(-1.2deg) translateY(-3px)}75%{transform:rotate(1.2deg) translateY(-3px)}}
html[data-site-theme="kawaii"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card):hover{animation:zk-wig .6s ease-in-out 1}
html[data-site-theme="cloud"][data-theme="light"]{--fx-c:rgba(255,255,255,.75)}
html[data-site-theme="cloud"][data-theme="dark"]{--fx-c:rgba(156,211,232,.16)}
@keyframes zk-dx-1000{to{transform:translate3d(1000px,0,0)}}
html[data-site-theme="cloud"]::before{content:"";position:fixed;left:-1000px;width:calc(100% + 1000px);top:0;bottom:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 120px 30px at 200px 90px,var(--fx-c),transparent),radial-gradient(ellipse 80px 34px at 160px 76px,var(--fx-c),transparent),radial-gradient(ellipse 90px 30px at 250px 80px,var(--fx-c),transparent),radial-gradient(ellipse 150px 36px at 760px 210px,var(--fx-c),transparent),radial-gradient(ellipse 100px 40px at 710px 190px,var(--fx-c),transparent),radial-gradient(ellipse 110px 34px at 820px 196px,var(--fx-c),transparent),radial-gradient(ellipse 100px 26px at 480px 330px,var(--fx-c),transparent),radial-gradient(ellipse 70px 30px at 440px 318px,var(--fx-c),transparent);background-size:1000px 420px;animation:zk-dx-1000 140s linear infinite;will-change:transform;}
@keyframes zk-fd-360{to{transform:translate3d(360px,360px,0)}}
html[data-site-theme="icecream"]::before{content:"";position:fixed;left:-360px;width:calc(100% + 360px);top:-360px;height:calc(100% + 360px);pointer-events:none;z-index:2;background:radial-gradient(ellipse 5px 1.7px at 119px 222px,#FF8FB8 0,#FF8FB8 65%,transparent 100%),radial-gradient(ellipse 5px 1.7px at 10px 347px,#7FD1E6 0,#7FD1E6 65%,transparent 100%),radial-gradient(ellipse 5px 1.7px at 291px 353px,#FFD45C 0,#FFD45C 65%,transparent 100%),radial-gradient(ellipse 5px 1.7px at 98px 76px,#B79CF0 0,#B79CF0 65%,transparent 100%),radial-gradient(ellipse 5px 1.7px at 26px 74px,#FFFFFF 0,#FFFFFF 65%,transparent 100%),radial-gradient(ellipse 5px 1.7px at 15px 246px,#FF8FB8 0,#FF8FB8 65%,transparent 100%),radial-gradient(ellipse 5px 1.7px at 134px 289px,#7FD1E6 0,#7FD1E6 65%,transparent 100%),radial-gradient(ellipse 5px 1.7px at 270px 128px,#FFD45C 0,#FFD45C 65%,transparent 100%),radial-gradient(ellipse 5px 1.7px at 65px 127px,#B79CF0 0,#B79CF0 65%,transparent 100%),radial-gradient(ellipse 5px 1.7px at 17px 231px,#FFFFFF 0,#FFFFFF 65%,transparent 100%),radial-gradient(ellipse 5px 1.7px at 73px 58px,#FF8FB8 0,#FF8FB8 65%,transparent 100%),radial-gradient(ellipse 5px 1.7px at 314px 158px,#7FD1E6 0,#7FD1E6 65%,transparent 100%),radial-gradient(ellipse 5px 1.7px at 334px 346px,#FFD45C 0,#FFD45C 65%,transparent 100%),radial-gradient(ellipse 5px 1.7px at 237px 93px,#B79CF0 0,#B79CF0 65%,transparent 100%),radial-gradient(ellipse 5px 1.7px at 58px 92px,#FFFFFF 0,#FFFFFF 65%,transparent 100%),radial-gradient(ellipse 5px 1.7px at 262px 184px,#FF8FB8 0,#FF8FB8 65%,transparent 100%),radial-gradient(ellipse 5px 1.7px at 110px 13px,#7FD1E6 0,#7FD1E6 65%,transparent 100%),radial-gradient(ellipse 5px 1.7px at 128px 143px,#FFD45C 0,#FFD45C 65%,transparent 100%),radial-gradient(ellipse 5px 1.7px at 31px 93px,#B79CF0 0,#B79CF0 65%,transparent 100%),radial-gradient(ellipse 5px 1.7px at 109px 151px,#FFFFFF 0,#FFFFFF 65%,transparent 100%),radial-gradient(ellipse 5px 1.7px at 178px 203px,#FF8FB8 0,#FF8FB8 65%,transparent 100%),radial-gradient(ellipse 5px 1.7px at 301px 109px,#7FD1E6 0,#7FD1E6 65%,transparent 100%);background-size:360px 360px;animation:zk-fd-360 44s linear infinite;will-change:transform;opacity:.85;}
html[data-site-theme="heartframe"][data-theme="light"]{--fx-h:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='340' height='340' viewBox='0 0 340 340'><path d='M155 194.4C145.4 187.8 150.8 181.8 155 187.2C159.2 181.8 164.6 187.8 155 194.4Z' fill='%23FFC2DB'/><path d='M277 64.0C268.1 57.9 273.1 52.4 277 57.3C280.9 52.4 285.9 57.9 277 64.0Z' fill='%23BFCBF5'/><path d='M254 209.2C244.7 202.8 249.9 197.0 254 202.3C258.1 197.0 263.3 202.8 254 209.2Z' fill='%23FFB0D0'/><path d='M104 130.9C91.8 122.5 98.7 114.9 104 121.7C109.3 114.9 116.2 122.5 104 130.9Z' fill='%23FFE9A6'/><path d='M51 35.7C42.6 30.0 47.3 24.7 51 29.4C54.7 24.7 59.4 30.0 51 35.7Z' fill='%23FFC2DB'/><path d='M105 201.5C95.3 194.8 100.8 188.7 105 194.2C109.2 188.7 114.7 194.8 105 201.5Z' fill='%23BFCBF5'/><path d='M325 266.1C312.4 257.4 319.5 249.6 325 256.6C330.5 249.6 337.6 257.4 325 266.1Z' fill='%23FFB0D0'/><path d='M133 304.8C124.5 298.9 129.3 293.6 133 298.4C136.7 293.6 141.5 298.9 133 304.8Z' fill='%23FFE9A6'/><path d='M275 91.4C267.1 86.0 271.5 81.1 275 85.5C278.5 81.1 282.9 86.0 275 91.4Z' fill='%23FFC2DB'/></svg>")}
html[data-site-theme="heartframe"][data-theme="dark"]{--fx-h:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='340' height='340' viewBox='0 0 340 340'><path d='M155 194.4C145.4 187.8 150.8 181.8 155 187.2C159.2 181.8 164.6 187.8 155 194.4Z' fill='%23FFB8D6'/><path d='M277 64.0C268.1 57.9 273.1 52.4 277 57.3C280.9 52.4 285.9 57.9 277 64.0Z' fill='%239DAAF0'/><path d='M254 209.2C244.7 202.8 249.9 197.0 254 202.3C258.1 197.0 263.3 202.8 254 209.2Z' fill='%23FF9CC4'/><path d='M104 130.9C91.8 122.5 98.7 114.9 104 121.7C109.3 114.9 116.2 122.5 104 130.9Z' fill='%23FFE08A'/><path d='M51 35.7C42.6 30.0 47.3 24.7 51 29.4C54.7 24.7 59.4 30.0 51 35.7Z' fill='%23FFB8D6'/><path d='M105 201.5C95.3 194.8 100.8 188.7 105 194.2C109.2 188.7 114.7 194.8 105 201.5Z' fill='%239DAAF0'/><path d='M325 266.1C312.4 257.4 319.5 249.6 325 256.6C330.5 249.6 337.6 257.4 325 266.1Z' fill='%23FF9CC4'/><path d='M133 304.8C124.5 298.9 129.3 293.6 133 298.4C136.7 293.6 141.5 298.9 133 304.8Z' fill='%23FFE08A'/><path d='M275 91.4C267.1 86.0 271.5 81.1 275 85.5C278.5 81.1 282.9 86.0 275 91.4Z' fill='%23FFB8D6'/></svg>")}
@keyframes zk-ry-340{to{transform:translate3d(0,-340px,0)}}
html[data-site-theme="heartframe"]::before{content:"";position:fixed;left:0;right:0;top:0;bottom:-340px;pointer-events:none;z-index:0;background:var(--fx-h);background-size:340px 340px;animation:zk-ry-340 52s linear infinite;will-change:transform;opacity:.8;}
html[data-site-theme="nekonote"][data-theme="light"]{--fx-p:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='320' height='320' viewBox='0 0 320 320'><g transform='translate(60 70) scale(1.2)' fill='%23F2B7A6'><ellipse cx='0' cy='4' rx='6' ry='5'/><circle cx='-7' cy='-3' r='2.6'/><circle cx='-2.6' cy='-8' r='2.8'/><circle cx='2.6' cy='-8' r='2.8'/><circle cx='7' cy='-3' r='2.6'/></g><g transform='translate(190 150) rotate(25) scale(1.0)' fill='%23F2B7A6'><ellipse cx='0' cy='4' rx='6' ry='5'/><circle cx='-7' cy='-3' r='2.6'/><circle cx='-2.6' cy='-8' r='2.8'/><circle cx='2.6' cy='-8' r='2.8'/><circle cx='7' cy='-3' r='2.6'/></g><g transform='translate(100 250) rotate(-20) scale(1.1)' fill='%23F2B7A6'><ellipse cx='0' cy='4' rx='6' ry='5'/><circle cx='-7' cy='-3' r='2.6'/><circle cx='-2.6' cy='-8' r='2.8'/><circle cx='2.6' cy='-8' r='2.8'/><circle cx='7' cy='-3' r='2.6'/></g></svg>")}
html[data-site-theme="nekonote"][data-theme="dark"]{--fx-p:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='320' height='320' viewBox='0 0 320 320'><g transform='translate(60 70) scale(1.2)' fill='%23E9A9B8'><ellipse cx='0' cy='4' rx='6' ry='5'/><circle cx='-7' cy='-3' r='2.6'/><circle cx='-2.6' cy='-8' r='2.8'/><circle cx='2.6' cy='-8' r='2.8'/><circle cx='7' cy='-3' r='2.6'/></g><g transform='translate(190 150) rotate(25) scale(1.0)' fill='%23E9A9B8'><ellipse cx='0' cy='4' rx='6' ry='5'/><circle cx='-7' cy='-3' r='2.6'/><circle cx='-2.6' cy='-8' r='2.8'/><circle cx='2.6' cy='-8' r='2.8'/><circle cx='7' cy='-3' r='2.6'/></g><g transform='translate(100 250) rotate(-20) scale(1.1)' fill='%23E9A9B8'><ellipse cx='0' cy='4' rx='6' ry='5'/><circle cx='-7' cy='-3' r='2.6'/><circle cx='-2.6' cy='-8' r='2.8'/><circle cx='2.6' cy='-8' r='2.8'/><circle cx='7' cy='-3' r='2.6'/></g></svg>")}
@keyframes zk-fd-320{to{transform:translate3d(320px,320px,0)}}
html[data-site-theme="nekonote"]::before{content:"";position:fixed;left:-320px;width:calc(100% + 320px);top:-320px;height:calc(100% + 320px);pointer-events:none;z-index:0;background:var(--fx-p);background-size:320px 320px;animation:zk-fd-320 64s linear infinite;will-change:transform;opacity:.28;}
@keyframes zk-px{0%{opacity:var(--fx-k,1)}50%{opacity:calc(.15*var(--fx-k,1))}100%{opacity:var(--fx-k,1)}}
html[data-site-theme="pixelwin"][data-theme="light"]{--fx-a:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='280' height='280' viewBox='0 0 280 280'><rect x='50' y='96' width='4' height='4' fill='%23F6A5D2'/><rect x='46' y='97' width='12' height='2' fill='%23F6A5D2'/><rect x='51' y='92' width='2' height='12' fill='%23F6A5D2'/><rect x='90' y='213' width='4' height='4' fill='%238E88E0'/><rect x='242' y='233' width='4' height='4' fill='%237BD9A0'/><rect x='238' y='234' width='12' height='2' fill='%237BD9A0'/><rect x='243' y='229' width='2' height='12' fill='%237BD9A0'/><rect x='246' y='242' width='4' height='4' fill='%23F6A5D2'/><rect x='138' y='132' width='4' height='4' fill='%238E88E0'/><rect x='134' y='133' width='12' height='2' fill='%238E88E0'/><rect x='139' y='128' width='2' height='12' fill='%238E88E0'/><rect x='104' y='197' width='4' height='4' fill='%237BD9A0'/><rect x='259' y='119' width='4' height='4' fill='%23F6A5D2'/><rect x='255' y='120' width='12' height='2' fill='%23F6A5D2'/><rect x='260' y='115' width='2' height='12' fill='%23F6A5D2'/></svg>");--fx-b:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='300' viewBox='0 0 300 300'><rect x='223' y='272' width='4' height='4' fill='%23BDB9F2'/><rect x='219' y='273' width='12' height='2' fill='%23BDB9F2'/><rect x='224' y='268' width='2' height='12' fill='%23BDB9F2'/><rect x='144' y='56' width='4' height='4' fill='%23F6A5D2'/><rect x='275' y='249' width='4' height='4' fill='%23FFD966'/><rect x='271' y='250' width='12' height='2' fill='%23FFD966'/><rect x='276' y='245' width='2' height='12' fill='%23FFD966'/><rect x='89' y='47' width='4' height='4' fill='%23BDB9F2'/><rect x='181' y='39' width='4' height='4' fill='%23F6A5D2'/><rect x='177' y='40' width='12' height='2' fill='%23F6A5D2'/><rect x='182' y='35' width='2' height='12' fill='%23F6A5D2'/><rect x='30' y='21' width='4' height='4' fill='%23FFD966'/></svg>")}
html[data-site-theme="pixelwin"][data-theme="dark"]{--fx-a:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='280' height='280' viewBox='0 0 280 280'><rect x='50' y='96' width='4' height='4' fill='%23F6A5D2'/><rect x='46' y='97' width='12' height='2' fill='%23F6A5D2'/><rect x='51' y='92' width='2' height='12' fill='%23F6A5D2'/><rect x='90' y='213' width='4' height='4' fill='%23BDB9F2'/><rect x='242' y='233' width='4' height='4' fill='%23A8EBB0'/><rect x='238' y='234' width='12' height='2' fill='%23A8EBB0'/><rect x='243' y='229' width='2' height='12' fill='%23A8EBB0'/><rect x='246' y='242' width='4' height='4' fill='%23F6A5D2'/><rect x='138' y='132' width='4' height='4' fill='%23BDB9F2'/><rect x='134' y='133' width='12' height='2' fill='%23BDB9F2'/><rect x='139' y='128' width='2' height='12' fill='%23BDB9F2'/><rect x='104' y='197' width='4' height='4' fill='%23A8EBB0'/><rect x='259' y='119' width='4' height='4' fill='%23F6A5D2'/><rect x='255' y='120' width='12' height='2' fill='%23F6A5D2'/><rect x='260' y='115' width='2' height='12' fill='%23F6A5D2'/></svg>");--fx-b:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='300' viewBox='0 0 300 300'><rect x='223' y='272' width='4' height='4' fill='%23FFFFFF'/><rect x='219' y='273' width='12' height='2' fill='%23FFFFFF'/><rect x='224' y='268' width='2' height='12' fill='%23FFFFFF'/><rect x='144' y='56' width='4' height='4' fill='%23F6A5D2'/><rect x='275' y='249' width='4' height='4' fill='%23FFE08A'/><rect x='271' y='250' width='12' height='2' fill='%23FFE08A'/><rect x='276' y='245' width='2' height='12' fill='%23FFE08A'/><rect x='89' y='47' width='4' height='4' fill='%23FFFFFF'/><rect x='181' y='39' width='4' height='4' fill='%23F6A5D2'/><rect x='177' y='40' width='12' height='2' fill='%23F6A5D2'/><rect x='182' y='35' width='2' height='12' fill='%23F6A5D2'/><rect x='30' y='21' width='4' height='4' fill='%23FFE08A'/></svg>")}
html[data-site-theme="pixelwin"]::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:2;background:var(--fx-a);background-size:280px 280px;animation:zk-px 2.2s steps(2,jump-none) infinite}
html[data-site-theme="pixelwin"]::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:2;background:var(--fx-b);background-size:300px 300px;animation:zk-px 3s steps(2,jump-none) -1.1s infinite}
html[data-site-theme="doodle"][data-theme="light"]{--fx-d:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='320' height='320' viewBox='0 0 320 320'><path d='M40 40l5 11 12 1-9 8 3 12-11-6-11 6 3-12-9-8 12-1z' fill='none' stroke='%2399B7DE' stroke-width='2.2' stroke-linejoin='round' stroke-linecap='round'/><path d='M180 90c-6-9-20-3-14 8 3 5 9 8 14 12 5-4 11-7 14-12 6-11-8-17-14-8z' fill='none' stroke='%2399B7DE' stroke-width='2.2' stroke-linecap='round'/><path d='M250 220c8-12 16 12 24 0s16 12 24 0' fill='none' stroke='%2399B7DE' stroke-width='2.2' stroke-linecap='round'/><circle cx='80' cy='230' r='9' fill='none' stroke='%2399B7DE' stroke-width='2.2'/><path d='M80 214v-7M80 253v-7M64 230h-7M103 230h-7' stroke='%2399B7DE' stroke-width='2.2' stroke-linecap='round'/><path d='M150 180l14 14M164 180l-14 14' stroke='%2399B7DE' stroke-width='2.2' stroke-linecap='round'/></svg>")}
html[data-site-theme="doodle"][data-theme="dark"]{--fx-d:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='320' height='320' viewBox='0 0 320 320'><path d='M40 40l5 11 12 1-9 8 3 12-11-6-11 6 3-12-9-8 12-1z' fill='none' stroke='%238FA6C8' stroke-width='2.2' stroke-linejoin='round' stroke-linecap='round'/><path d='M180 90c-6-9-20-3-14 8 3 5 9 8 14 12 5-4 11-7 14-12 6-11-8-17-14-8z' fill='none' stroke='%238FA6C8' stroke-width='2.2' stroke-linecap='round'/><path d='M250 220c8-12 16 12 24 0s16 12 24 0' fill='none' stroke='%238FA6C8' stroke-width='2.2' stroke-linecap='round'/><circle cx='80' cy='230' r='9' fill='none' stroke='%238FA6C8' stroke-width='2.2'/><path d='M80 214v-7M80 253v-7M64 230h-7M103 230h-7' stroke='%238FA6C8' stroke-width='2.2' stroke-linecap='round'/><path d='M150 180l14 14M164 180l-14 14' stroke='%238FA6C8' stroke-width='2.2' stroke-linecap='round'/></svg>")}
@keyframes zk-ry-320{to{transform:translate3d(0,-320px,0)}}
html[data-site-theme="doodle"]::before{content:"";position:fixed;left:0;right:0;top:0;bottom:-320px;pointer-events:none;z-index:0;background:var(--fx-d);background-size:320px 320px;animation:zk-ry-320 90s linear infinite;will-change:transform;opacity:.55;}
/* ---- ปิดการเคลื่อนไหว: ตามค่าระบบ (prefers-reduced-motion) หรือผู้ใช้ปิดเอง (data-fx="off" ผ่าน ThemeCarrd.setFx(false)) ---- */
@media (prefers-reduced-motion:reduce){
html[data-site-theme="summer"]::before,html[data-site-theme="rain"]::before,html[data-site-theme="winter"]::before,html[data-site-theme="spring"]::before,html[data-site-theme="christmas"]::before,html[data-site-theme="snow"]::before,html[data-site-theme="halloween"]::before,html[data-site-theme="music"]::before,html[data-site-theme="maple"]::before,html[data-site-theme="kawaii"]::before,html[data-site-theme="cloud"]::before,html[data-site-theme="icecream"]::before,html[data-site-theme="heartframe"]::before,html[data-site-theme="nekonote"]::before,html[data-site-theme="pixelwin"]::before,html[data-site-theme="doodle"]::before,html[data-site-theme="summer"]::after,html[data-site-theme="rain"]::after,html[data-site-theme="winter"]::after,html[data-site-theme="spring"]::after,html[data-site-theme="christmas"]::after,html[data-site-theme="snow"]::after,html[data-site-theme="halloween"]::after,html[data-site-theme="music"]::after,html[data-site-theme="maple"]::after,html[data-site-theme="kawaii"]::after,html[data-site-theme="cloud"]::after,html[data-site-theme="icecream"]::after,html[data-site-theme="heartframe"]::after,html[data-site-theme="nekonote"]::after,html[data-site-theme="pixelwin"]::after,html[data-site-theme="doodle"]::after,html[data-site-theme="summer"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before,html[data-site-theme="rain"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before,html[data-site-theme="winter"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before,html[data-site-theme="spring"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before,html[data-site-theme="christmas"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before,html[data-site-theme="snow"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before,html[data-site-theme="halloween"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before,html[data-site-theme="music"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before,html[data-site-theme="maple"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before,html[data-site-theme="kawaii"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before,html[data-site-theme="cloud"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before,html[data-site-theme="icecream"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before,html[data-site-theme="heartframe"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before,html[data-site-theme="nekonote"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before,html[data-site-theme="pixelwin"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before,html[data-site-theme="doodle"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before,html[data-site-theme="summer"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after,html[data-site-theme="rain"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after,html[data-site-theme="winter"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after,html[data-site-theme="spring"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after,html[data-site-theme="christmas"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after,html[data-site-theme="snow"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after,html[data-site-theme="halloween"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after,html[data-site-theme="music"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after,html[data-site-theme="maple"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after,html[data-site-theme="kawaii"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after,html[data-site-theme="cloud"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after,html[data-site-theme="icecream"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after,html[data-site-theme="heartframe"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after,html[data-site-theme="nekonote"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after,html[data-site-theme="pixelwin"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after,html[data-site-theme="doodle"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after,html[data-site-theme="summer"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card):hover,html[data-site-theme="rain"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card):hover,html[data-site-theme="winter"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card):hover,html[data-site-theme="spring"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card):hover,html[data-site-theme="christmas"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card):hover,html[data-site-theme="snow"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card):hover,html[data-site-theme="halloween"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card):hover,html[data-site-theme="music"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card):hover,html[data-site-theme="maple"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card):hover,html[data-site-theme="kawaii"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card):hover,html[data-site-theme="cloud"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card):hover,html[data-site-theme="icecream"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card):hover,html[data-site-theme="heartframe"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card):hover,html[data-site-theme="nekonote"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card):hover,html[data-site-theme="pixelwin"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card):hover,html[data-site-theme="doodle"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card):hover,html[data-site-theme="summer"] :is(.btn-primary,.btn-glass,.btn-outline):hover,html[data-site-theme="rain"] :is(.btn-primary,.btn-glass,.btn-outline):hover,html[data-site-theme="winter"] :is(.btn-primary,.btn-glass,.btn-outline):hover,html[data-site-theme="spring"] :is(.btn-primary,.btn-glass,.btn-outline):hover,html[data-site-theme="christmas"] :is(.btn-primary,.btn-glass,.btn-outline):hover,html[data-site-theme="snow"] :is(.btn-primary,.btn-glass,.btn-outline):hover,html[data-site-theme="halloween"] :is(.btn-primary,.btn-glass,.btn-outline):hover,html[data-site-theme="music"] :is(.btn-primary,.btn-glass,.btn-outline):hover,html[data-site-theme="maple"] :is(.btn-primary,.btn-glass,.btn-outline):hover,html[data-site-theme="kawaii"] :is(.btn-primary,.btn-glass,.btn-outline):hover,html[data-site-theme="cloud"] :is(.btn-primary,.btn-glass,.btn-outline):hover,html[data-site-theme="icecream"] :is(.btn-primary,.btn-glass,.btn-outline):hover,html[data-site-theme="heartframe"] :is(.btn-primary,.btn-glass,.btn-outline):hover,html[data-site-theme="nekonote"] :is(.btn-primary,.btn-glass,.btn-outline):hover,html[data-site-theme="pixelwin"] :is(.btn-primary,.btn-glass,.btn-outline):hover,html[data-site-theme="doodle"] :is(.btn-primary,.btn-glass,.btn-outline):hover{animation:none !important}
}
html[data-fx="off"]::before,html[data-fx="off"]::after{display:none !important}
html[data-fx="off"][data-site-theme="summer"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before,html[data-fx="off"][data-site-theme="rain"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before,html[data-fx="off"][data-site-theme="winter"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before,html[data-fx="off"][data-site-theme="spring"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before,html[data-fx="off"][data-site-theme="christmas"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before,html[data-fx="off"][data-site-theme="snow"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before,html[data-fx="off"][data-site-theme="halloween"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before,html[data-fx="off"][data-site-theme="music"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before,html[data-fx="off"][data-site-theme="maple"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before,html[data-fx="off"][data-site-theme="kawaii"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before,html[data-fx="off"][data-site-theme="cloud"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before,html[data-fx="off"][data-site-theme="icecream"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before,html[data-fx="off"][data-site-theme="heartframe"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before,html[data-fx="off"][data-site-theme="nekonote"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before,html[data-fx="off"][data-site-theme="pixelwin"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before,html[data-fx="off"][data-site-theme="doodle"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before,html[data-fx="off"][data-site-theme="summer"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after,html[data-fx="off"][data-site-theme="rain"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after,html[data-fx="off"][data-site-theme="winter"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after,html[data-fx="off"][data-site-theme="spring"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after,html[data-fx="off"][data-site-theme="christmas"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after,html[data-fx="off"][data-site-theme="snow"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after,html[data-fx="off"][data-site-theme="halloween"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after,html[data-fx="off"][data-site-theme="music"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after,html[data-fx="off"][data-site-theme="maple"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after,html[data-fx="off"][data-site-theme="kawaii"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after,html[data-fx="off"][data-site-theme="cloud"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after,html[data-fx="off"][data-site-theme="icecream"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after,html[data-fx="off"][data-site-theme="heartframe"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after,html[data-fx="off"][data-site-theme="nekonote"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after,html[data-fx="off"][data-site-theme="pixelwin"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after,html[data-fx="off"][data-site-theme="doodle"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after{animation:none !important}
@media (max-width:520px){html[data-site-theme="summer"]::before,html[data-site-theme="rain"]::before,html[data-site-theme="winter"]::before,html[data-site-theme="spring"]::before,html[data-site-theme="christmas"]::before,html[data-site-theme="snow"]::before,html[data-site-theme="halloween"]::before,html[data-site-theme="music"]::before,html[data-site-theme="maple"]::before{opacity:.7}}

/* ---- v4.1 ปรับเอฟเฟกต์พื้นหลังให้จางมาก: เลเยอร์ทั้งหมดอยู่ "หลัง" เนื้อหา (z-index:-1) จึงไม่ทับข้อมูล + ความโปร่งใสต่ำ ----
   ปรับความเข้ม: --fx-k (ตัวคูณของเอฟเฟกต์กะพริบ) และ opacity ของ ::before/::after ของแต่ละธีมด้านล่างนี้ | ปิดทั้งหมด: ปุ่มเวทมนตร์ของหน้าเว็บ (ผูกไว้แล้ว) หรือ ThemeCarrd.setFx(false) */
html[data-site-theme="summer"]::before{z-index:-1;opacity:.4;}
html[data-site-theme="summer"]::after{z-index:-1;opacity:.28;}
html[data-site-theme="rain"]::before{z-index:-1;}
html[data-site-theme="rain"]::after{z-index:-1;opacity:.26;}
html[data-site-theme="rain"][data-theme="light"]{--fx-fl:.10}
html[data-site-theme="rain"][data-theme="dark"]{--fx-fl:.07}
html[data-site-theme="winter"]{--fx-k:.35}
html[data-site-theme="winter"]::before{z-index:-1;}
html[data-site-theme="winter"]::after{z-index:-1;opacity:.32;}
html[data-site-theme="spring"]{--fx-k:.4}
html[data-site-theme="spring"]::before{z-index:-1;}
html[data-site-theme="spring"]::after{z-index:-1;opacity:.38;}
html[data-site-theme="christmas"]{--fx-k:.28}
html[data-site-theme="christmas"]::before{z-index:-1;}
html[data-site-theme="christmas"]::after{z-index:-1;opacity:.3;}
html[data-site-theme="snow"]::before{z-index:-1;}
html[data-site-theme="snow"]::after{z-index:-1;opacity:.34;}
html[data-site-theme="snow"][data-theme="light"]{--fx-aur-o:.26}
html[data-site-theme="snow"][data-theme="dark"]{--fx-aur-o:.36}
html[data-site-theme="halloween"]{--fx-k:.5}
html[data-site-theme="halloween"]::before{z-index:-1;}
html[data-site-theme="halloween"]::after{z-index:-1;opacity:.45;}
html[data-site-theme="music"]::before{z-index:-1;opacity:.3;}
html[data-site-theme="music"]::after{z-index:-1;opacity:.18;}
html[data-site-theme="kawaii"]{--fx-k:.5}
html[data-site-theme="kawaii"]::before{z-index:-1;}
html[data-site-theme="kawaii"]::after{z-index:-1;}
html[data-site-theme="cloud"]::before{z-index:-1;opacity:.7;}
html[data-site-theme="icecream"]::before{z-index:-1;opacity:.4;}
html[data-site-theme="heartframe"]::before{z-index:-1;opacity:.45;}
html[data-site-theme="nekonote"]::before{z-index:-1;opacity:.22;}
html[data-site-theme="pixelwin"]{--fx-k:.45}
html[data-site-theme="pixelwin"]::before{z-index:-1;}
html[data-site-theme="pixelwin"]::after{z-index:-1;}
html[data-site-theme="doodle"]::before{z-index:-1;opacity:.35;}
html[data-fx="off"]{--fx-off:1}

/* ============================================================
   ไอคอนประจำธีม — แทนที่ไอคอนลอย (รอยเท้า) ของหน้าเว็บด้วยไอคอนของธีมนั้นๆ (ใช้ Font Awesome 6.5 ตัวเดียวกับที่หน้าโหลดอยู่แล้ว)
   ธีมที่ไม่ได้ระบุ (เช่น ธีมเดิมของระบบ) ยังเป็นรอยเท้าเหมือนเดิม | อยากเปลี่ยนไอคอน: แก้รหัส \fxxx ตามรายการที่ fontawesome.com/icons
   ============================================================ */
html[data-site-theme="carrd"] .paw-print::before{content:"\f249"}      /* note-sticky  กระดาษโน้ต */
html[data-site-theme="sketch"] .paw-print::before{content:"\f303"}     /* pencil       ดินสอ */
html[data-site-theme="kawaii"] .paw-print::before{content:"\f005"}     /* star         ดาวสติกเกอร์ */
html[data-site-theme="manga"] .paw-print::before{content:"\f5ad"}      /* pen-nib      หัวปากกามังงะ */
html[data-site-theme="icecream"] .paw-print::before{content:"\f810"}   /* ice-cream    ไอศกรีม */
html[data-site-theme="cloud"] .paw-print::before{content:"\f0c2"}      /* cloud        เมฆ */
html[data-site-theme="zine"] .paw-print::before{content:"\f1ea"}       /* newspaper    หนังสือพิมพ์ */
html[data-site-theme="nekonote"] .paw-print::before{content:"\f1b0"}   /* paw          อุ้งเท้าแมว */
html[data-site-theme="pixelwin"] .paw-print::before{content:"\f11b"}   /* gamepad      จอยเกม */
html[data-site-theme="doodle"] .paw-print::before{content:"\f304"}     /* pen          ปากกา */
html[data-site-theme="diary"] .paw-print::before{content:"\e0bb"}      /* book-bookmark สมุดมีที่คั่น */
html[data-site-theme="heartframe"] .paw-print::before{content:"\f004"} /* heart        หัวใจ */
html[data-site-theme="glassnight"] .paw-print::before{content:"\f3a5"}   /* gem          อัญมณีกระจก */
html[data-site-theme="glassfrost"] .paw-print::before{content:"\f2dc"}   /* snowflake    ผลึกฝ้า */
html[data-site-theme="liquidglass"] .paw-print::before{content:"\f043"}  /* droplet      หยดของเหลว */
html[data-site-theme="planner"] .paw-print::before{content:"\f274"}      /* calendar-check ปฏิทินแพลนเนอร์ */
html[data-site-theme="summer"] .paw-print::before{content:"\f185"} /* sun */
html[data-site-theme="rain"] .paw-print::before{content:"\f0e9"} /* umbrella */
html[data-site-theme="winter"] .paw-print::before{content:"\f7d0"} /* snowman */
html[data-site-theme="spring"] .paw-print::before{content:"\f4d8"} /* seedling */
html[data-site-theme="christmas"] .paw-print::before{content:"\f1bb"} /* tree */
html[data-site-theme="snow"] .paw-print::before{content:"\f7ae"} /* igloo */
html[data-site-theme="halloween"] .paw-print::before{content:"\f21b"} /* user-secret นักสืบ */
html[data-site-theme="music"] .paw-print::before{content:"\f001"} /* music */
html[data-site-theme="maple"] .paw-print::before{content:"\f06c"} /* leaf */

/* ============================================================
   ชุดจากบอร์ดแรงบันดาลใจรอบ 2 (v4.2) — softui / pinkpixel / arcadepop / yumekawaii / retromac / cobaltpink / lilacdesk / butterbrowser / foldertab
   ทุกธีมใช้ระบบเดียวกับชุด UI น่ารัก: แก้สีที่บล็อก "palette" (--p-*) ที่เหลือเชื่อมอัตโนมัติ  |  รูปทรงอยู่ที่บล็อก "shape"
   ============================================================ */
/* ---- mapping กลางของชุดนี้ ---- */
html[data-site-theme="softui"],
html[data-site-theme="pinkpixel"],
html[data-site-theme="arcadepop"],
html[data-site-theme="yumekawaii"],
html[data-site-theme="retromac"],
html[data-site-theme="cobaltpink"],
html[data-site-theme="lilacdesk"],
html[data-site-theme="butterbrowser"],
html[data-site-theme="foldertab"]{
  --text:var(--p-ink);--head:var(--p-head);--muted:var(--p-muted);--faint:var(--p-faint);
  --line:var(--p-line-soft);--chip:var(--p-chip);
  --btn:linear-gradient(var(--p-a1),var(--p-a1));--btn-text:var(--p-btext);--btn-rim:rgba(255,255,255,0.5);
  --head-grad:linear-gradient(120deg,var(--p-head),var(--p-accent));
  --accent:var(--p-accent);--accent-text:var(--p-atext);
  --disc:radial-gradient(circle at 32% 26%,#FFFFFF,var(--p-a1) 55%,var(--p-a2) 100%);
  --glass:linear-gradient(var(--p-paper),var(--p-paper));--glass-flat:var(--p-paper);--glass-bd:var(--p-line);--glass-rim:rgba(0,0,0,0);
  --inner:none;--field-bg:var(--p-field);--read-surface:var(--p-paper);
  --read-paper:var(--p-paper);--read-paper-text:var(--p-ink);--read-paper-bd:var(--p-line-soft);--read-paper-shadow:var(--shadow-soft);
  --blur:none;--grid-line:rgba(0,0,0,0);
}

/* ======== softui : ซอฟต์ UI ชมพูนูน ======== */
/* palette (แก้สีตรงนี้) */
html[data-site-theme="softui"][data-theme="light"]{
  --zk-0:#FEF9FB;--zk-1:#FAF4F6;--zk-2:#F5EFF1;--zk-3:#E6E1E2;--zk-4:#D6D1D3;--zk-5:#A9A3A5;--zk-6:#7C7678;--zk-7:#5D585A;--zk-8:#4D4749;--zk-9:#352F31;--zk-10:#272123;--zk-11:#1B1517;
  --p-bg1:#FFF7FA;--p-bg2:#FBD9E5;--p-paper:#FFFFFF;--p-ink:#5C4552;--p-head:#3F2B36;--p-muted:#6D5560;--p-faint:#74596A;--p-line:#F6A5C0;--p-line-soft:rgba(240,170,195,0.4);--p-a1:#F6A5C0;--p-a2:#FFD3E1;--p-a3:#FFFFFF;--p-btext:#5B1C3C;--p-accent:#B83266;--p-atext:#FFFFFF;--p-chip:rgba(246,165,192,0.2);--p-field:#F9F1F5;--p-shadow:rgba(214,150,175,0.32);--p-pat:rgba(246,165,192,0.35);--p-hi:rgba(255,255,255,0.95);
}
html[data-site-theme="softui"][data-theme="dark"]{
  --zk-0:#110C0D;--zk-1:#1B1517;--zk-2:#272123;--zk-3:#352F31;--zk-4:#443F41;--zk-5:#5D585A;--zk-6:#928C8E;--zk-7:#A9A3A5;--zk-8:#D6D1D3;--zk-9:#E6E1E2;--zk-10:#F5EFF1;--zk-11:#FAF4F6;
  --p-bg1:#1B1119;--p-bg2:#07040A;--p-paper:#2A1B26;--p-ink:#F8E6EE;--p-head:#FFFFFF;--p-muted:#EAD0DC;--p-faint:#BF9FB0;--p-line:#FF9DBF;--p-line-soft:rgba(255,157,191,0.3);--p-a1:#FF9DBF;--p-a2:#5A2B45;--p-a3:#FFFFFF;--p-btext:#3A0F25;--p-accent:#FFA8C6;--p-atext:#3A0F25;--p-chip:rgba(255,157,191,0.16);--p-field:#22151E;--p-shadow:rgba(0,0,0,0.6);--p-pat:rgba(255,140,185,0.28);--p-hi:rgba(255,255,255,0.05);
}
/* shape (รูปทรง/ลูกเล่น) */
html[data-site-theme="softui"]{
  --r-xs:14px;--r-sm:18px;--r-md:24px;--r-lg:30px;--r-xl:38px;
  --bg-grad:radial-gradient(circle at 50% 112%,var(--p-pat) 0,transparent 52%),radial-gradient(circle at 92% -8%,var(--p-pat) 0,transparent 42%),linear-gradient(180deg,var(--p-bg1) 0%,var(--p-bg2) 100%);
  --shadow-soft:10px 10px 24px var(--p-shadow),-8px -8px 20px var(--p-hi);--shadow-deep:14px 14px 32px var(--p-shadow),-10px -10px 24px var(--p-hi);
  --glass-bd:var(--p-hi);
}
html[data-site-theme="softui"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card,.nav,.info-tabs-wrap,.hero-info-detail,.modal,.budget-banner,.cmd-dock,.chat-panel,.dropdown-list,.btn-primary,.btn-glass,.btn-outline,.tab-btn){border-width:1.5px}
html[data-site-theme="softui"] :is(.btn-primary,.btn-glass,.btn-outline,.tab-btn){border:1px solid var(--p-hi);border-radius:999px}
html[data-site-theme="softui"] .btn-primary{box-shadow:0 8px 18px var(--p-shadow),inset 0 2px 0 var(--p-hi)}
html[data-site-theme="softui"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after{content:"\273F";position:absolute;top:8px;right:12px;z-index:3;pointer-events:none;color:var(--p-a1);font-size:20px;line-height:1;opacity:.85}

/* ======== pinkpixel : พิกเซลชมพูอุ้งเท้า ======== */
/* palette (แก้สีตรงนี้) */
html[data-site-theme="pinkpixel"][data-theme="light"]{
  --zk-0:#FDF7F9;--zk-1:#F9F2F5;--zk-2:#F4EEF0;--zk-3:#E5DFE1;--zk-4:#D5CFD1;--zk-5:#A8A1A4;--zk-6:#7B7577;--zk-7:#5C5658;--zk-8:#4C4548;--zk-9:#342D2F;--zk-10:#261F22;--zk-11:#1A1315;
  --p-bg1:#FFEAF1;--p-bg2:#FFD9E6;--p-paper:#FFF6F9;--p-ink:#7A2D4F;--p-head:#5E1E3C;--p-muted:#8A3A5C;--p-faint:#9B4B6C;--p-line:#E88AAD;--p-line-soft:rgba(232,138,173,0.5);--p-a1:#FFB6CF;--p-a2:#FFD3E3;--p-a3:#FFFFFF;--p-btext:#6B1F44;--p-accent:#B02F66;--p-atext:#FFFFFF;--p-chip:rgba(255,182,207,0.35);--p-field:#FFFFFF;--p-shadow:#F4A9C4;--p-pat:rgba(232,138,173,0.28);
}
html[data-site-theme="pinkpixel"][data-theme="dark"]{
  --zk-0:#100A0C;--zk-1:#1A1315;--zk-2:#261F22;--zk-3:#342D2F;--zk-4:#433D3F;--zk-5:#5C5658;--zk-6:#918A8C;--zk-7:#A8A1A4;--zk-8:#D5CFD1;--zk-9:#E5DFE1;--zk-10:#F4EEF0;--zk-11:#F9F2F5;
  --p-bg1:#3A2030;--p-bg2:#1F101A;--p-paper:#47293A;--p-ink:#FFE3EE;--p-head:#FFFFFF;--p-muted:#F5CADB;--p-faint:#CFA0B6;--p-line:#FF9FC1;--p-line-soft:rgba(255,159,193,0.4);--p-a1:#FF9FC1;--p-a2:#7A3A58;--p-a3:#FFFFFF;--p-btext:#3B1027;--p-accent:#FFA8C8;--p-atext:#3B1027;--p-chip:rgba(255,159,193,0.18);--p-field:#33192A;--p-shadow:#12080F;--p-pat:rgba(255,159,193,0.16);
}
/* shape (รูปทรง/ลูกเล่น) */
html[data-site-theme="pinkpixel"]{
  --r-xs:0px;--r-sm:2px;--r-md:2px;--r-lg:3px;--r-xl:4px;
  --bg-grad:linear-gradient(var(--p-pat) 1px,transparent 1px) 0 0/16px 16px,linear-gradient(90deg,var(--p-pat) 1px,transparent 1px) 0 0/16px 16px,linear-gradient(180deg,var(--p-bg1) 0%,var(--p-bg2) 100%);
  --shadow-soft:3px 3px 0 var(--p-shadow);--shadow-deep:5px 5px 0 var(--p-shadow);
}
html[data-site-theme="pinkpixel"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card,.nav,.info-tabs-wrap,.hero-info-detail,.modal,.budget-banner,.cmd-dock,.chat-panel,.dropdown-list,.btn-primary,.btn-glass,.btn-outline,.tab-btn){border-width:2px;border-radius:2px}
html[data-site-theme="pinkpixel"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before{content:"\25A1 \25A1 \2715";position:absolute;top:0;left:0;right:0;height:16px;z-index:3;pointer-events:none;overflow:hidden;box-sizing:border-box;text-align:right;padding:0 8px;background:var(--p-a2);border-bottom:2px solid var(--p-line);color:var(--p-line);font-size:9px;line-height:13px;letter-spacing:3px;}
html[data-site-theme="pinkpixel"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after{content:"";position:absolute;top:16px;left:0;right:0;height:8px;z-index:3;pointer-events:none;background:radial-gradient(circle at 50% 0,var(--p-a2) 0 6px,transparent 6.5px) 0 0/14px 8px repeat-x}
html[data-site-theme="pinkpixel"] .modal{position:relative}
html[data-site-theme="pinkpixel"] .modal::before{content:"\25A1 \25A1 \2715";position:absolute;top:0;left:0;right:0;height:18px;pointer-events:none;overflow:hidden;box-sizing:border-box;text-align:right;padding:0 10px;background:var(--p-a2);border-bottom:2px solid var(--p-line);color:var(--p-line);font-size:9px;line-height:15px;letter-spacing:3px}
html[data-site-theme="pinkpixel"] :is(.btn-primary,.btn-glass,.btn-outline){box-shadow:2px 2px 0 var(--p-line)}
html[data-site-theme="pinkpixel"] :is(.btn-primary,.btn-glass,.btn-outline):active{transform:translate(2px,2px);box-shadow:0 0 0 var(--p-line)}

/* ======== arcadepop : อาร์เคดป๊อป ======== */
/* palette (แก้สีตรงนี้) */
html[data-site-theme="arcadepop"][data-theme="light"]{
  --zk-0:#F7F9FF;--zk-1:#F3F4FA;--zk-2:#EEF0F6;--zk-3:#DFE1E7;--zk-4:#CFD1D7;--zk-5:#A2A3A9;--zk-6:#75777D;--zk-7:#56585E;--zk-8:#46474D;--zk-9:#2D2F35;--zk-10:#1F2127;--zk-11:#13151B;
  --p-bg1:#BFEFEA;--p-bg2:#F4C6E4;--p-bg3:#DCD2F4;--p-paper:#FBEFFA;--p-ink:#2F3A78;--p-head:#232C66;--p-muted:#3F4B8C;--p-faint:#4F5A9E;--p-line:#5B7FE6;--p-line-soft:rgba(91,127,230,0.45);--p-a1:#FFDF7E;--p-a2:#C9D6FF;--p-a3:#F7B6DD;--p-btext:#3A3170;--p-accent:#3D4FC4;--p-atext:#FFFFFF;--p-chip:rgba(91,127,230,0.15);--p-field:#FFFFFF;--p-shadow:rgba(70,90,190,0.3);--p-pat:rgba(255,255,255,0.6);
}
html[data-site-theme="arcadepop"][data-theme="dark"]{
  --zk-0:#0A0C12;--zk-1:#13151B;--zk-2:#1F2127;--zk-3:#2D2F35;--zk-4:#3D3F45;--zk-5:#56585E;--zk-6:#8A8C92;--zk-7:#A2A3A9;--zk-8:#CFD1D7;--zk-9:#DFE1E7;--zk-10:#EEF0F6;--zk-11:#F3F4FA;
  --p-bg1:#1E2A52;--p-bg2:#3A2A5C;--p-bg3:#2A2E63;--p-paper:#2B3566;--p-ink:#E8ECFF;--p-head:#FFFFFF;--p-muted:#CBD3FF;--p-faint:#A0AAE0;--p-line:#8FA8FF;--p-line-soft:rgba(143,168,255,0.4);--p-a1:#FFE08A;--p-a2:#4B5CA8;--p-a3:#F6A3D6;--p-btext:#2C2760;--p-accent:#FFE08A;--p-atext:#2C2760;--p-chip:rgba(143,168,255,0.18);--p-field:#232C5A;--p-shadow:rgba(0,0,0,0.5);--p-pat:rgba(255,255,255,0.1);
}
/* shape (รูปทรง/ลูกเล่น) */
html[data-site-theme="arcadepop"]{
  --r-xs:4px;--r-sm:6px;--r-md:8px;--r-lg:10px;--r-xl:12px;
  --bg-grad:radial-gradient(circle at center,var(--p-pat) 3px,transparent 3.6px) 0 0/28px 28px,radial-gradient(circle at center,var(--p-pat) 3px,transparent 3.6px) 14px 14px/28px 28px,linear-gradient(180deg,var(--p-bg1) 0%,var(--p-bg3) 55%,var(--p-bg2) 100%);
  --shadow-soft:3px 3px 0 var(--p-shadow);--shadow-deep:5px 5px 0 var(--p-shadow);
}
html[data-site-theme="arcadepop"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card,.nav,.info-tabs-wrap,.hero-info-detail,.modal,.budget-banner,.cmd-dock,.chat-panel,.dropdown-list,.btn-primary,.btn-glass,.btn-outline,.tab-btn){border-width:3px;border-radius:8px}
html[data-site-theme="arcadepop"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before{content:"\25A1 \2013 \2715";position:absolute;top:0;left:0;right:0;height:18px;z-index:3;pointer-events:none;overflow:hidden;box-sizing:border-box;text-align:right;padding:0 8px;background:var(--p-a2);border-bottom:3px solid var(--p-line);color:var(--p-line);font-size:10px;line-height:14px;letter-spacing:4px;}
html[data-site-theme="arcadepop"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after{content:"\2605";position:absolute;bottom:6px;right:10px;z-index:3;pointer-events:none;color:var(--p-a1);font-size:22px;line-height:1;-webkit-text-stroke:1.5px var(--p-line)}
html[data-site-theme="arcadepop"] .modal{position:relative}
html[data-site-theme="arcadepop"] .modal::before{content:"\25A1 \2013 \2715";position:absolute;top:0;left:0;right:0;height:20px;pointer-events:none;overflow:hidden;box-sizing:border-box;text-align:right;padding:0 10px;background:var(--p-a2);border-bottom:3px solid var(--p-line);color:var(--p-line);font-size:11px;line-height:16px;letter-spacing:4px}
html[data-site-theme="arcadepop"] :is(.btn-primary,.btn-glass,.btn-outline,.tab-btn){border-color:var(--p-line);border-width:2px}
html[data-site-theme="arcadepop"] :is(.btn-primary,.btn-glass,.btn-outline){box-shadow:2px 2px 0 var(--p-line)}

/* ======== yumekawaii : ยูเมะคาวาอี้ สแกนไลน์ ======== */
/* palette (แก้สีตรงนี้) */
html[data-site-theme="yumekawaii"][data-theme="light"]{
  --zk-0:#FAF7FF;--zk-1:#F5F2FA;--zk-2:#F0EEF6;--zk-3:#E1DFE7;--zk-4:#D2CFD7;--zk-5:#A4A1A9;--zk-6:#77757D;--zk-7:#59565E;--zk-8:#48454D;--zk-9:#302D35;--zk-10:#221F27;--zk-11:#16131B;
  --p-bg1:#FFC9E6;--p-bg2:#D9B8F5;--p-paper:#FFE7F4;--p-ink:#6E2FA0;--p-head:#4D1C78;--p-muted:#66288F;--p-faint:#6A3496;--p-line:#8E3FC4;--p-line-soft:rgba(142,63,196,0.45);--p-a1:#FF8EC9;--p-a2:#D9A8FF;--p-a3:#FFE35C;--p-btext:#4D0F4A;--p-accent:#A21DA0;--p-atext:#FFFFFF;--p-chip:rgba(142,63,196,0.14);--p-field:#FFF3FA;--p-shadow:rgba(142,63,196,0.55);--p-pat:rgba(255,255,255,0.22);--p-pat2:rgba(150,140,240,0.4);--p-scan:rgba(255,255,255,0.4);
}
html[data-site-theme="yumekawaii"][data-theme="dark"]{
  --zk-0:#0C0A12;--zk-1:#16131B;--zk-2:#221F27;--zk-3:#302D35;--zk-4:#403D45;--zk-5:#59565E;--zk-6:#8D8A92;--zk-7:#A4A1A9;--zk-8:#D2CFD7;--zk-9:#E1DFE7;--zk-10:#F0EEF6;--zk-11:#F5F2FA;
  --p-bg1:#2A1450;--p-bg2:#12082B;--p-paper:#3A1D63;--p-ink:#FBE6FF;--p-head:#FFFFFF;--p-muted:#E6C7FA;--p-faint:#BE98DC;--p-line:#FF8FD0;--p-line-soft:rgba(255,143,208,0.4);--p-a1:#FF8FD0;--p-a2:#9A6BFF;--p-a3:#FFE35C;--p-btext:#3A0A35;--p-accent:#FFA6DA;--p-atext:#3A0A35;--p-chip:rgba(255,143,208,0.16);--p-field:#2F1654;--p-shadow:rgba(0,0,0,0.55);--p-pat:rgba(255,255,255,0.06);--p-pat2:rgba(154,107,255,0.3);--p-scan:rgba(255,255,255,0.06);
}
/* shape (รูปทรง/ลูกเล่น) */
html[data-site-theme="yumekawaii"]{
  --r-xs:8px;--r-sm:10px;--r-md:12px;--r-lg:14px;--r-xl:18px;
  --bg-grad:radial-gradient(circle at 50% 38%,var(--p-pat2) 0 36%,transparent 36.4%),repeating-linear-gradient(180deg,var(--p-pat) 0 2px,transparent 2px 6px),linear-gradient(180deg,var(--p-bg1) 0%,var(--p-bg2) 100%);
  --shadow-soft:4px 4px 0 var(--p-shadow);--shadow-deep:6px 6px 0 var(--p-shadow);
  --glass:repeating-linear-gradient(180deg,var(--p-scan) 0 2px,transparent 2px 5px),linear-gradient(var(--p-paper),var(--p-paper));
}
html[data-site-theme="yumekawaii"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card,.nav,.info-tabs-wrap,.hero-info-detail,.modal,.budget-banner,.cmd-dock,.chat-panel,.dropdown-list,.btn-primary,.btn-glass,.btn-outline,.tab-btn){border-width:3px;border-radius:12px}
html[data-site-theme="yumekawaii"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before{content:"\2014  \25A2  \2715";position:absolute;top:0;left:0;right:0;height:20px;z-index:3;pointer-events:none;overflow:hidden;box-sizing:border-box;text-align:right;padding:0 8px;background:var(--p-a1);border-bottom:3px solid var(--p-line);color:var(--p-btext);font-size:10px;line-height:16px;letter-spacing:3px;}
html[data-site-theme="yumekawaii"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after{content:"\2665";position:absolute;bottom:6px;right:10px;z-index:3;pointer-events:none;color:var(--p-a1);font-size:24px;line-height:1;-webkit-text-stroke:1.5px var(--p-line)}
html[data-site-theme="yumekawaii"] .modal{position:relative}
html[data-site-theme="yumekawaii"] .modal::before{content:"\2014  \25A2  \2715";position:absolute;top:0;left:0;right:0;height:22px;pointer-events:none;overflow:hidden;box-sizing:border-box;text-align:right;padding:0 10px;background:var(--p-a1);border-bottom:3px solid var(--p-line);color:var(--p-btext);font-size:11px;line-height:18px;letter-spacing:3px}
html[data-site-theme="yumekawaii"] :is(.btn-primary,.btn-glass,.btn-outline){box-shadow:3px 3px 0 var(--p-line)}
html[data-site-theme="yumekawaii"] :is(.btn-primary,.btn-glass,.btn-outline):active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--p-line)}

/* ======== retromac : เรโทรแมค ขาว-ดำ ======== */
/* palette (แก้สีตรงนี้) */
html[data-site-theme="retromac"][data-theme="light"]{
  --zk-0:#F5F5F5;--zk-1:#F1F1F1;--zk-2:#ECECEC;--zk-3:#DDDDDD;--zk-4:#CDCDCD;--zk-5:#A0A0A0;--zk-6:#737373;--zk-7:#555555;--zk-8:#444444;--zk-9:#2C2C2C;--zk-10:#1E1E1E;--zk-11:#121212;
  --p-bg1:#FFFFFF;--p-bg2:#D9D9D9;--p-paper:#FFFFFF;--p-ink:#000000;--p-head:#000000;--p-muted:#222222;--p-faint:#4A4A4A;--p-line:#000000;--p-line-soft:rgba(0,0,0,0.5);--p-a1:#FFFFFF;--p-a2:#E6E6E6;--p-a3:#FFFFFF;--p-btext:#000000;--p-accent:#000000;--p-atext:#FFFFFF;--p-chip:rgba(0,0,0,0.08);--p-field:#FFFFFF;--p-shadow:#000000;--p-pat:rgba(0,0,0,0.5);
}
html[data-site-theme="retromac"][data-theme="dark"]{
  --zk-0:#080808;--zk-1:#121212;--zk-2:#1E1E1E;--zk-3:#2C2C2C;--zk-4:#3B3B3B;--zk-5:#555555;--zk-6:#898989;--zk-7:#A0A0A0;--zk-8:#CDCDCD;--zk-9:#DDDDDD;--zk-10:#ECECEC;--zk-11:#F1F1F1;
  --p-bg1:#000000;--p-bg2:#1A1A1A;--p-paper:#000000;--p-ink:#FFFFFF;--p-head:#FFFFFF;--p-muted:#E0E0E0;--p-faint:#B5B5B5;--p-line:#FFFFFF;--p-line-soft:rgba(255,255,255,0.5);--p-a1:#000000;--p-a2:#2A2A2A;--p-a3:#000000;--p-btext:#FFFFFF;--p-accent:#FFFFFF;--p-atext:#000000;--p-chip:rgba(255,255,255,0.12);--p-field:#000000;--p-shadow:#FFFFFF;--p-pat:rgba(255,255,255,0.45);
}
/* shape (รูปทรง/ลูกเล่น) */
html[data-site-theme="retromac"]{
  --r-xs:0px;--r-sm:0px;--r-md:0px;--r-lg:0px;--r-xl:0px;
  --bg-grad:repeating-conic-gradient(var(--p-pat) 0 25%,transparent 0 50%) 0 0/4px 4px,linear-gradient(var(--p-bg1),var(--p-bg1));
  --shadow-soft:3px 3px 0 var(--p-shadow);--shadow-deep:4px 4px 0 var(--p-shadow);
}
html[data-site-theme="retromac"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card,.nav,.info-tabs-wrap,.hero-info-detail,.modal,.budget-banner,.cmd-dock,.chat-panel,.dropdown-list,.btn-primary,.btn-glass,.btn-outline,.tab-btn){border-width:2px;border-radius:0}
html[data-site-theme="retromac"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before{content:"";position:absolute;top:0;left:0;right:0;height:15px;z-index:3;pointer-events:none;background:repeating-linear-gradient(180deg,var(--p-line) 0 1px,var(--p-paper) 1px 3px);border-bottom:2px solid var(--p-line)}
html[data-site-theme="retromac"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after{content:"";position:absolute;top:3px;left:7px;width:9px;height:9px;z-index:4;pointer-events:none;background:var(--p-paper);border:2px solid var(--p-line);box-sizing:border-box}
html[data-site-theme="retromac"] .modal{position:relative}
html[data-site-theme="retromac"] .modal::before{content:"";position:absolute;top:0;left:0;right:0;height:17px;pointer-events:none;background:repeating-linear-gradient(180deg,var(--p-line) 0 1px,var(--p-paper) 1px 3px);border-bottom:2px solid var(--p-line)}
html[data-site-theme="retromac"] .modal::after{content:"";position:absolute;top:4px;left:8px;width:9px;height:9px;pointer-events:none;background:var(--p-paper);border:2px solid var(--p-line);box-sizing:border-box}
html[data-site-theme="retromac"] :is(.btn-primary,.btn-glass,.btn-outline,.tab-btn){border-width:2px;border-radius:7px}
html[data-site-theme="retromac"] .btn-primary{box-shadow:0 0 0 2px var(--p-paper),0 0 0 4px var(--p-line)}
html[data-site-theme="retromac"] :is(.btn-primary,.btn-glass,.btn-outline):active{background:var(--p-line);color:var(--p-paper)}

/* ======== cobaltpink : โคบอลต์ × ชมพู ======== */
/* palette (แก้สีตรงนี้) */
html[data-site-theme="cobaltpink"][data-theme="light"]{
  --zk-0:#F5F5FE;--zk-1:#F0F0F9;--zk-2:#EBEBF5;--zk-3:#DCDDE6;--zk-4:#CDCDD6;--zk-5:#9F9FA8;--zk-6:#72737C;--zk-7:#54545D;--zk-8:#43434C;--zk-9:#2B2B34;--zk-10:#1D1D26;--zk-11:#11111A;
  --p-bg1:#FFC9E4;--p-bg2:#FFBBDD;--p-paper:#FFFFFF;--p-ink:#1B1DB8;--p-head:#10129A;--p-muted:#2C2EC4;--p-faint:#3A3CCB;--p-line:#1F22E0;--p-line-soft:rgba(31,34,224,0.45);--p-a1:#1F22E0;--p-a2:#FFC9E4;--p-a3:#FFFFFF;--p-btext:#FFFFFF;--p-accent:#1F22E0;--p-atext:#FFFFFF;--p-chip:rgba(31,34,224,0.1);--p-field:#FFFFFF;--p-shadow:rgba(31,34,224,0.2);--p-pat:rgba(255,255,255,0.4);
}
html[data-site-theme="cobaltpink"][data-theme="dark"]{
  --zk-0:#070811;--zk-1:#11111A;--zk-2:#1D1D26;--zk-3:#2B2B34;--zk-4:#3B3B44;--zk-5:#54545D;--zk-6:#888891;--zk-7:#9F9FA8;--zk-8:#CDCDD6;--zk-9:#DCDDE6;--zk-10:#EBEBF5;--zk-11:#F0F0F9;
  --p-bg1:#1A1CC0;--p-bg2:#0B0C6A;--p-paper:#14168F;--p-ink:#FFFFFF;--p-head:#FFFFFF;--p-muted:#FFD6EE;--p-faint:#F2B2DA;--p-line:#FFC2E2;--p-line-soft:rgba(255,194,226,0.5);--p-a1:#FFC2E2;--p-a2:#2326D8;--p-a3:#FFFFFF;--p-btext:#10127A;--p-accent:#FFC2E2;--p-atext:#10127A;--p-chip:rgba(255,194,226,0.16);--p-field:#101285;--p-shadow:rgba(0,0,0,0.4);--p-pat:rgba(255,194,226,0.14);
}
/* shape (รูปทรง/ลูกเล่น) */
html[data-site-theme="cobaltpink"]{
  --r-xs:0px;--r-sm:2px;--r-md:2px;--r-lg:3px;--r-xl:4px;
  --bg-grad:linear-gradient(180deg,var(--p-bg1) 0%,var(--p-bg2) 100%);
  --shadow-soft:4px 4px 0 var(--p-shadow);--shadow-deep:6px 6px 0 var(--p-shadow);
}
html[data-site-theme="cobaltpink"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card,.nav,.info-tabs-wrap,.hero-info-detail,.modal,.budget-banner,.cmd-dock,.chat-panel,.dropdown-list,.btn-primary,.btn-glass,.btn-outline,.tab-btn){border-width:2px;border-radius:0}
html[data-site-theme="cobaltpink"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before{content:"\25CF \25CF \25CF";position:absolute;top:0;left:0;right:0;height:18px;z-index:3;pointer-events:none;overflow:hidden;box-sizing:border-box;text-align:left;padding:0 8px;background:var(--p-paper);border-bottom:2px solid var(--p-line);color:var(--p-line);font-size:9px;line-height:15px;letter-spacing:4px;}
html[data-site-theme="cobaltpink"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after{content:"\2197";position:absolute;top:1px;right:8px;z-index:4;pointer-events:none;color:var(--p-line);font-size:13px;line-height:16px}
html[data-site-theme="cobaltpink"] .modal{position:relative}
html[data-site-theme="cobaltpink"] .modal::before{content:"\25CF \25CF \25CF";position:absolute;top:0;left:0;right:0;height:20px;pointer-events:none;overflow:hidden;box-sizing:border-box;text-align:left;padding:0 10px;background:var(--p-paper);border-bottom:2px solid var(--p-line);color:var(--p-line);font-size:10px;line-height:17px;letter-spacing:4px}
html[data-site-theme="cobaltpink"] :is(.btn-primary,.btn-glass,.btn-outline,.tab-btn){border-width:2px;border-radius:0}
html[data-site-theme="cobaltpink"] :is(.btn-primary,.btn-glass,.btn-outline):active{transform:translate(2px,2px)}

/* ======== lilacdesk : เดสก์ท็อปลาเวนเดอร์ ======== */
/* palette (แก้สีตรงนี้) */
html[data-site-theme="lilacdesk"][data-theme="light"]{
  --zk-0:#F8F8FC;--zk-1:#F3F3F7;--zk-2:#EFEEF3;--zk-3:#E0DFE4;--zk-4:#D0D0D4;--zk-5:#A2A2A7;--zk-6:#76757A;--zk-7:#57575B;--zk-8:#46464A;--zk-9:#2E2E32;--zk-10:#202024;--zk-11:#141418;
  --p-bg1:#ECE6EC;--p-bg2:#DCD3E3;--p-paper:#F2EEF3;--p-ink:#3E3A55;--p-head:#2A2745;--p-muted:#4F4B68;--p-faint:#5A5674;--p-line:#6F6890;--p-line-soft:rgba(111,104,144,0.45);--p-a1:#C9C4EE;--p-a2:#9A94D6;--p-a3:#B8E3E6;--p-btext:#2E2A52;--p-accent:#4B3FB0;--p-atext:#FFFFFF;--p-chip:rgba(154,148,214,0.22);--p-field:#FFFFFF;--p-shadow:#6F6890;--p-pat:rgba(150,135,175,0.35);--p-hi:#FFFFFF;--p-lo:#8A82A8;
}
html[data-site-theme="lilacdesk"][data-theme="dark"]{
  --zk-0:#0B0A0F;--zk-1:#141418;--zk-2:#202024;--zk-3:#2E2E32;--zk-4:#3E3E42;--zk-5:#57575B;--zk-6:#8B8B8F;--zk-7:#A2A2A7;--zk-8:#D0D0D4;--zk-9:#E0DFE4;--zk-10:#EFEEF3;--zk-11:#F3F3F7;
  --p-bg1:#2B2840;--p-bg2:#1A182B;--p-paper:#38354F;--p-ink:#ECE9FA;--p-head:#FFFFFF;--p-muted:#D2CEF0;--p-faint:#A29EC8;--p-line:#A59FD6;--p-line-soft:rgba(165,159,214,0.45);--p-a1:#8F8BD8;--p-a2:#6A66B8;--p-a3:#7FD3D8;--p-btext:#12102B;--p-accent:#B9B4F5;--p-atext:#1A1838;--p-chip:rgba(165,159,214,0.2);--p-field:#2C2A43;--p-shadow:#0F0D1E;--p-pat:rgba(165,159,214,0.18);--p-hi:rgba(255,255,255,0.18);--p-lo:rgba(0,0,0,0.5);
}
/* shape (รูปทรง/ลูกเล่น) */
html[data-site-theme="lilacdesk"]{
  --r-xs:0px;--r-sm:0px;--r-md:0px;--r-lg:2px;--r-xl:2px;
  --bg-grad:linear-gradient(var(--p-pat) 2px,transparent 2px) 0 0/72px 72px,linear-gradient(90deg,var(--p-pat) 2px,transparent 2px) 0 0/72px 72px,linear-gradient(180deg,var(--p-bg1) 0%,var(--p-bg2) 100%);
  --shadow-soft:inset 1px 1px 0 var(--p-hi),inset -1px -1px 0 var(--p-lo),3px 3px 0 var(--p-shadow);--shadow-deep:inset 1px 1px 0 var(--p-hi),inset -1px -1px 0 var(--p-lo),5px 5px 0 var(--p-shadow);
}
html[data-site-theme="lilacdesk"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card,.nav,.info-tabs-wrap,.hero-info-detail,.modal,.budget-banner,.cmd-dock,.chat-panel,.dropdown-list,.btn-primary,.btn-glass,.btn-outline,.tab-btn){border-width:2px;border-radius:0}
html[data-site-theme="lilacdesk"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before{content:"_  \25A1  \2715";position:absolute;top:0;left:0;right:0;height:18px;z-index:3;pointer-events:none;overflow:hidden;box-sizing:border-box;text-align:right;padding:0 8px;background:linear-gradient(90deg,var(--p-a2),var(--p-a1));border-bottom:2px solid var(--p-line);color:var(--p-btext);font-size:11px;line-height:15px;letter-spacing:3px;}
html[data-site-theme="lilacdesk"] .modal{position:relative}
html[data-site-theme="lilacdesk"] .modal::before{content:"_  \25A1  \2715";position:absolute;top:0;left:0;right:0;height:20px;pointer-events:none;overflow:hidden;box-sizing:border-box;text-align:right;padding:0 10px;background:linear-gradient(90deg,var(--p-a2),var(--p-a1));border-bottom:2px solid var(--p-line);color:var(--p-btext);font-size:12px;line-height:17px;letter-spacing:3px}
html[data-site-theme="lilacdesk"] :is(.btn-primary,.btn-glass,.btn-outline,.tab-btn){border-width:2px;border-radius:0;box-shadow:inset 1px 1px 0 var(--p-hi),inset -1px -1px 0 var(--p-lo)}
html[data-site-theme="lilacdesk"] :is(.btn-primary,.btn-glass,.btn-outline):active{box-shadow:inset -1px -1px 0 var(--p-hi),inset 1px 1px 0 var(--p-lo)}

/* ======== butterbrowser : เบราว์เซอร์เนยสด ======== */
/* palette (แก้สีตรงนี้) */
html[data-site-theme="butterbrowser"][data-theme="light"]{
  --zk-0:#FDFAF2;--zk-1:#F8F5EE;--zk-2:#F4F1E9;--zk-3:#E5E2DA;--zk-4:#D5D2CA;--zk-5:#A7A49D;--zk-6:#7B7870;--zk-7:#5C5951;--zk-8:#4B4841;--zk-9:#333029;--zk-10:#25221B;--zk-11:#19160E;
  --p-bg1:#FFF0B8;--p-bg2:#FFE39A;--p-paper:#FFFFFF;--p-ink:#333333;--p-head:#1F1F1F;--p-muted:#444444;--p-faint:#5A5A5A;--p-line:#2B2B2B;--p-line-soft:rgba(43,43,43,0.35);--p-a1:#FFFFFF;--p-a2:#FFD9A0;--p-a3:#FFC4D4;--p-btext:#222222;--p-accent:#9A4A0C;--p-atext:#FFFFFF;--p-chip:rgba(255,217,160,0.45);--p-field:#FFFDF3;--p-shadow:rgba(43,43,43,0.2);--p-pat:rgba(255,196,212,0.5);
}
html[data-site-theme="butterbrowser"][data-theme="dark"]{
  --zk-0:#100D05;--zk-1:#19160E;--zk-2:#25221B;--zk-3:#333029;--zk-4:#434038;--zk-5:#5C5951;--zk-6:#908D86;--zk-7:#A7A49D;--zk-8:#D5D2CA;--zk-9:#E5E2DA;--zk-10:#F4F1E9;--zk-11:#F8F5EE;
  --p-bg1:#3B3320;--p-bg2:#241E10;--p-paper:#2F2A1B;--p-ink:#FFF3D0;--p-head:#FFF9E6;--p-muted:#F0E2B4;--p-faint:#C4B484;--p-line:#F3E3A8;--p-line-soft:rgba(243,227,168,0.4);--p-a1:#FFE08A;--p-a2:#6B5A2A;--p-a3:#F2A9BE;--p-btext:#2C2410;--p-accent:#FFE08A;--p-atext:#2C2410;--p-chip:rgba(255,224,138,0.15);--p-field:#26210F;--p-shadow:rgba(0,0,0,0.5);--p-pat:rgba(242,169,190,0.18);
}
/* shape (รูปทรง/ลูกเล่น) */
html[data-site-theme="butterbrowser"]{
  --r-xs:12px;--r-sm:16px;--r-md:20px;--r-lg:24px;--r-xl:30px;
  --bg-grad:radial-gradient(circle at center,var(--p-pat) 2px,transparent 2.6px) 0 0/46px 46px,linear-gradient(180deg,var(--p-bg1) 0%,var(--p-bg2) 100%);
  --shadow-soft:0 2px 0 var(--p-shadow);--shadow-deep:0 4px 0 var(--p-shadow);
}
html[data-site-theme="butterbrowser"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card,.nav,.info-tabs-wrap,.hero-info-detail,.modal,.budget-banner,.cmd-dock,.chat-panel,.dropdown-list,.btn-primary,.btn-glass,.btn-outline,.tab-btn){border-width:1.5px}
html[data-site-theme="butterbrowser"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before{content:"\2039   \203A";position:absolute;top:8px;left:8px;z-index:3;pointer-events:none;box-sizing:border-box;width:50px;height:22px;text-align:center;border:1.5px solid var(--p-line);border-radius:999px;background:var(--p-paper);color:var(--p-ink);font-size:16px;line-height:18px;font-weight:700}
html[data-site-theme="butterbrowser"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after{content:"\2715";position:absolute;top:8px;right:8px;z-index:3;pointer-events:none;box-sizing:border-box;width:22px;height:22px;text-align:center;border:1.5px solid var(--p-line);border-radius:50%;background:var(--p-paper);color:var(--p-ink);font-size:10px;line-height:19px;font-weight:700}
html[data-site-theme="butterbrowser"] :is(.btn-primary,.btn-glass,.btn-outline,.tab-btn){border:1.5px solid var(--p-line);border-radius:12px}
html[data-site-theme="butterbrowser"] .btn-primary{box-shadow:0 2px 0 var(--p-line)}

/* ======== foldertab : แท็บโฟลเดอร์ลิงก์สีรุ้ง ======== */
/* palette (แก้สีตรงนี้) */
html[data-site-theme="foldertab"][data-theme="light"]{
  --zk-0:#FDF8FA;--zk-1:#F9F4F5;--zk-2:#F4EFF0;--zk-3:#E5E0E2;--zk-4:#D5D0D2;--zk-5:#A8A3A4;--zk-6:#7B7678;--zk-7:#5C5759;--zk-8:#4C4748;--zk-9:#342F30;--zk-10:#262122;--zk-11:#1A1416;
  --p-bg1:#FFF1F6;--p-bg2:#FFE3EC;--p-paper:#FFEEF3;--p-ink:#5A3A44;--p-head:#3F2630;--p-muted:#6A4650;--p-faint:#7C5560;--p-line:#C27A8A;--p-line-soft:rgba(194,122,138,0.45);--p-a1:#FFC3D2;--p-a2:#FCEFC8;--p-a3:#D4EDB0;--p-btext:#6B2036;--p-accent:#B23B63;--p-atext:#FFFFFF;--p-chip:rgba(255,195,210,0.35);--p-field:#FFF9FB;--p-shadow:rgba(194,122,138,0.3);--p-pat:rgba(255,195,210,0.4);--p-c1:#FCEFC8;--p-d1:#7A5A1F;--p-c2:#FFC9D6;--p-d2:#9A2F4F;--p-c3:#D6EDB4;--p-d3:#436A1F;--p-c4:#E8C8A8;--p-d4:#5E3B22;--p-c5:#CFE4F0;--p-d5:#2A5F7D;
}
html[data-site-theme="foldertab"][data-theme="dark"]{
  --zk-0:#100B0D;--zk-1:#1A1416;--zk-2:#262122;--zk-3:#342F30;--zk-4:#433E40;--zk-5:#5C5759;--zk-6:#918C8D;--zk-7:#A8A3A4;--zk-8:#D5D0D2;--zk-9:#E5E0E2;--zk-10:#F4EFF0;--zk-11:#F9F4F5;
  --p-bg1:#3A2530;--p-bg2:#21141B;--p-paper:#47303B;--p-ink:#FFE9EF;--p-head:#FFFFFF;--p-muted:#F2D0DB;--p-faint:#C9A3B1;--p-line:#F0A9BC;--p-line-soft:rgba(240,169,188,0.4);--p-a1:#FFB3C6;--p-a2:#6B5A2E;--p-a3:#A9CF84;--p-btext:#3A1020;--p-accent:#FFB3C6;--p-atext:#3A1020;--p-chip:rgba(255,179,198,0.16);--p-field:#2F1D26;--p-shadow:rgba(0,0,0,0.5);--p-pat:rgba(255,179,198,0.14);--p-c1:#5A4E2A;--p-d1:#FCEFC8;--p-c2:#6B3040;--p-d2:#FFC9D6;--p-c3:#3E5A24;--p-d3:#D6EDB4;--p-c4:#5E4330;--p-d4:#F2D6BC;--p-c5:#2E4C5F;--p-d5:#CFE4F0;
}
/* shape (รูปทรง/ลูกเล่น) */
html[data-site-theme="foldertab"]{
  --r-xs:12px;--r-sm:14px;--r-md:18px;--r-lg:22px;--r-xl:28px;
  --bg-grad:radial-gradient(circle at center,var(--p-pat) 2px,transparent 2.6px) 0 0/40px 40px,linear-gradient(180deg,var(--p-bg1) 0%,var(--p-bg2) 100%);
  --shadow-soft:0 3px 0 var(--p-shadow);--shadow-deep:0 6px 0 var(--p-shadow);
}
html[data-site-theme="foldertab"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card,.nav,.info-tabs-wrap,.hero-info-detail,.modal,.budget-banner,.cmd-dock,.chat-panel,.dropdown-list,.btn-primary,.btn-glass,.btn-outline,.tab-btn){border-width:2px}
html[data-site-theme="foldertab"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before{content:"\2665";position:absolute;top:0;left:0;z-index:3;pointer-events:none;box-sizing:border-box;width:92px;height:24px;padding-left:14px;background:var(--p-a1);color:var(--p-btext);font-size:12px;line-height:24px;clip-path:polygon(0 0,82% 0,100% 100%,0 100%)}
html[data-site-theme="foldertab"] :is(.btn-primary,.btn-glass,.btn-outline,.tab-btn){border:2px solid var(--p-line);border-radius:14px}
html[data-site-theme="foldertab"] .tab-btn:nth-child(5n+1){background:var(--p-c1);border-color:var(--p-d1);color:var(--p-d1)}
html[data-site-theme="foldertab"] .tab-btn:nth-child(5n+2){background:var(--p-c2);border-color:var(--p-d2);color:var(--p-d2)}
html[data-site-theme="foldertab"] .tab-btn:nth-child(5n+3){background:var(--p-c3);border-color:var(--p-d3);color:var(--p-d3)}
html[data-site-theme="foldertab"] .tab-btn:nth-child(5n+4){background:var(--p-c4);border-color:var(--p-d4);color:var(--p-d4)}
html[data-site-theme="foldertab"] .tab-btn:nth-child(5n+5){background:var(--p-c5);border-color:var(--p-d5);color:var(--p-d5)}

/* ---- ไอคอนลอยขึ้นของธีม (.paw-print) ---- */
html[data-site-theme="softui"] .paw-print::before{content:"\f004"} /* fa-heart */
html[data-site-theme="pinkpixel"] .paw-print::before{content:"\f1b0"} /* fa-paw */
html[data-site-theme="arcadepop"] .paw-print::before{content:"\f025"} /* fa-headphones */
html[data-site-theme="yumekawaii"] .paw-print::before{content:"\f21e"} /* fa-heart-pulse */
html[data-site-theme="retromac"] .paw-print::before{content:"\f390"} /* fa-desktop */
html[data-site-theme="cobaltpink"] .paw-print::before{content:"\f0e7"} /* fa-bolt */
html[data-site-theme="lilacdesk"] .paw-print::before{content:"\f2d0"} /* fa-window-maximize */
html[data-site-theme="butterbrowser"] .paw-print::before{content:"\f0ac"} /* fa-globe */
html[data-site-theme="foldertab"] .paw-print::before{content:"\f07c"} /* fa-folder-open */

/* ============================================================
   ชุดบอร์ดรอบ 3 (v4.3) — เพิ่มธีมใหม่ 9 ธีม โดยไม่แก้ธีมเดิมแม้แต่บรรทัดเดียว (ทุกกฎผูกกับ id ของธีมตัวเอง)
   [A] Y2K ฟ้า×ชมพู กระดาษโน้ต สติกเกอร์หัวใจ/เกม เน้น UI — y2kbubble (ฟ้า×ชมพู) / y2kmint (เขียวมิ้นต์) / y2kbutter (เหลืองเนย) / y2klilac (ลาเวนเดอร์) / y2kpeach (พีช)
   [B] หน้าต่างเบราว์เซอร์ — bwsky (ฟ้าล้วน) / bwgray (เทาล้วน ลายกิงแฮม) / bwsun (เหลืองส้ม) / bwteal (เทาเขียว×ม่วงมัลลิกา)
   ปรับสี: แก้ค่า --p-* ในบล็อก "palette" ของแต่ละธีม (ที่เหลือเชื่อมอัตโนมัติ) | รูปทรง: บล็อก "shape" ของแต่ละชุด
   ข้อความแถบที่อยู่เว็บ (ชุด B): แก้ที่ตัวแปร --p-url ในบล็อก "shape" ของชุด B (ค่าเริ่มต้น https://zonekun.page/)
   ============================================================ */
/* ---- mapping กลางของชุดนี้ ---- */
html[data-site-theme="y2kbubble"],
html[data-site-theme="y2kmint"],
html[data-site-theme="y2kbutter"],
html[data-site-theme="y2klilac"],
html[data-site-theme="y2kpeach"],
html[data-site-theme="bwsky"],
html[data-site-theme="bwgray"],
html[data-site-theme="bwsun"],
html[data-site-theme="bwteal"]{
  --text:var(--p-ink);--head:var(--p-head);--muted:var(--p-muted);--faint:var(--p-faint);
  --line:var(--p-line-soft);--chip:var(--p-chip);
  --btn:linear-gradient(var(--p-a1),var(--p-a1));--btn-text:var(--p-btext);--btn-rim:rgba(255,255,255,0.5);
  --head-grad:linear-gradient(120deg,var(--p-head),var(--p-accent));
  --accent:var(--p-accent);--accent-text:var(--p-atext);
  --disc:radial-gradient(circle at 32% 26%,#FFFFFF,var(--p-a1) 55%,var(--p-a2) 100%);
  --glass:linear-gradient(var(--p-paper),var(--p-paper));--glass-flat:var(--p-paper);--glass-bd:var(--p-line);--glass-rim:rgba(0,0,0,0);
  --inner:none;--field-bg:var(--p-field);--read-surface:var(--p-paper);
  --read-paper:var(--p-paper);--read-paper-text:var(--p-ink);--read-paper-bd:var(--p-line-soft);--read-paper-shadow:var(--shadow-soft);
  --blur:none;--grid-line:rgba(0,0,0,0);
}

/* ============================================================
   [A] Y2K ฟ้า×ชมพู สติกเกอร์เกม (อ้างอิงภาพ UI คู่รักพาสเทล: แท็บ note / แถบหัวใจ / ปุ่มสเตจ)
   ============================================================ */
/* ======== y2kbubble : Y2K ฟ้า×ชมพู (สติกเกอร์เกม) ======== */
/* palette (แก้สีตรงนี้) */
html[data-site-theme="y2kbubble"][data-theme="light"]{
  --zk-0:#FAFAFA;--zk-1:#F4F4F6;--zk-2:#F2F1F3;--zk-3:#E2E1E5;--zk-4:#D2D1D7;--zk-5:#A3A0AC;--zk-6:#746F80;--zk-7:#56535F;--zk-8:#45424C;--zk-9:#2F2D34;--zk-10:#201F23;--zk-11:#141316;--p-bg1:#D9EEFF;--p-bg2:#FFDDEE;--p-bg3:#F1E6FF;--p-paper:#FFFDFE;--p-ink:#45385F;--p-head:#2E2347;--p-muted:#594C75;--p-faint:#6A5E86;--p-line:#EF84B8;--p-line-soft:rgba(239,132,184,0.45);--p-a1:#FFC2DE;--p-a2:#BDE0FF;--p-a3:#FFF1A6;--p-btext:#55193D;--p-accent:#B52972;--p-atext:#FFFFFF;--p-chip:rgba(255,194,222,0.35);--p-field:#FFF7FB;--p-shadow:#F7BDD7;--p-hi:#FFFFFF;--p-pat:rgba(239,132,184,0.28);--p-line2:#86BDF0;--p-heart:#F2619F;
}
html[data-site-theme="y2kbubble"][data-theme="dark"]{
  --zk-0:#0C0C0E;--zk-1:#141316;--zk-2:#201F23;--zk-3:#2F2D34;--zk-4:#3E3B44;--zk-5:#56535F;--zk-6:#888494;--zk-7:#A3A0AC;--zk-8:#D2D1D7;--zk-9:#E2E1E5;--zk-10:#F2F1F3;--zk-11:#F4F4F6;--p-bg1:#1F2252;--p-bg2:#3A1E4A;--p-bg3:#2B2455;--p-paper:#2E2B5C;--p-ink:#F4EEFF;--p-head:#FFFFFF;--p-muted:#DAD2F2;--p-faint:#B3A9D8;--p-line:#FF9CC8;--p-line-soft:rgba(255,156,200,0.45);--p-a1:#FF9CC8;--p-a2:#8CBFF5;--p-a3:#FFE58A;--p-btext:#2D1030;--p-accent:#FFA8D0;--p-atext:#34102A;--p-chip:rgba(255,156,200,0.2);--p-field:#262352;--p-shadow:#14123A;--p-hi:#3D3978;--p-pat:rgba(255,156,200,0.14);--p-line2:#7DB4F0;--p-heart:#FF9CC8;
}
/* ======== y2kmint : Y2K มิ้นต์เขียว (สติกเกอร์เกม) ======== */
/* palette (แก้สีตรงนี้) */
html[data-site-theme="y2kmint"][data-theme="light"]{
  --zk-0:#FAFAFA;--zk-1:#F4F6F5;--zk-2:#F1F3F3;--zk-3:#E1E5E4;--zk-4:#D1D7D5;--zk-5:#A0ACA8;--zk-6:#6F807B;--zk-7:#535F5C;--zk-8:#424C49;--zk-9:#2D3432;--zk-10:#1F2322;--zk-11:#131615;--p-bg1:#D8F6E8;--p-bg2:#D6EBFF;--p-bg3:#F0FFE3;--p-paper:#FDFFFE;--p-ink:#2B4A48;--p-head:#1D3736;--p-muted:#3D5E5B;--p-faint:#4F716E;--p-line:#4DBA8D;--p-line-soft:rgba(77,186,141,0.45);--p-a1:#BDEBD3;--p-a2:#C3E2FF;--p-a3:#FFF1A6;--p-btext:#123B2D;--p-accent:#17795A;--p-atext:#FFFFFF;--p-chip:rgba(189,235,211,0.35);--p-field:#F5FFFB;--p-shadow:#BFE6D2;--p-hi:#FFFFFF;--p-pat:rgba(77,186,141,0.26);--p-line2:#86BDF0;--p-heart:#F2619F;
}
html[data-site-theme="y2kmint"][data-theme="dark"]{
  --zk-0:#0C0E0D;--zk-1:#131615;--zk-2:#1F2322;--zk-3:#2D3432;--zk-4:#3B4442;--zk-5:#535F5C;--zk-6:#849490;--zk-7:#A0ACA8;--zk-8:#D1D7D5;--zk-9:#E1E5E4;--zk-10:#F1F3F3;--zk-11:#F4F6F5;--p-bg1:#12302F;--p-bg2:#1B2B4D;--p-bg3:#173A3A;--p-paper:#1F3F3F;--p-ink:#E6FFF4;--p-head:#FFFFFF;--p-muted:#C5EBDB;--p-faint:#94C4B1;--p-line:#7EE0B4;--p-line-soft:rgba(126,224,180,0.45);--p-a1:#7EE0B4;--p-a2:#8CBFF5;--p-a3:#FFE58A;--p-btext:#0C2A20;--p-accent:#8FF0C4;--p-atext:#0C2A20;--p-chip:rgba(126,224,180,0.2);--p-field:#193535;--p-shadow:#0A1D1D;--p-hi:#2D5A57;--p-pat:rgba(126,224,180,0.14);--p-line2:#7DB4F0;--p-heart:#FF9CC8;
}
/* ======== y2kbutter : Y2K เหลืองเนย (สติกเกอร์เกม) ======== */
/* palette (แก้สีตรงนี้) */
html[data-site-theme="y2kbutter"][data-theme="light"]{
  --zk-0:#FAFAFA;--zk-1:#F6F5F4;--zk-2:#F3F3F1;--zk-3:#E5E4E1;--zk-4:#D7D5D1;--zk-5:#ACA8A0;--zk-6:#807B6F;--zk-7:#5F5C53;--zk-8:#4C4A42;--zk-9:#34322D;--zk-10:#23221F;--zk-11:#161513;--p-bg1:#FFF5C2;--p-bg2:#FFE1EE;--p-bg3:#E4F2FF;--p-paper:#FFFEFA;--p-ink:#5A4620;--p-head:#3E2F10;--p-muted:#6B5628;--p-faint:#7A6430;--p-line:#E2AE22;--p-line-soft:rgba(226,174,34,0.45);--p-a1:#FFE384;--p-a2:#FFC7DC;--p-a3:#C6E4FF;--p-btext:#4A3600;--p-accent:#946000;--p-atext:#FFFFFF;--p-chip:rgba(255,227,132,0.35);--p-field:#FFFBEA;--p-shadow:#F8DE8E;--p-hi:#FFFFFF;--p-pat:rgba(226,174,34,0.28);--p-line2:#F29BBF;--p-heart:#F2619F;
}
html[data-site-theme="y2kbutter"][data-theme="dark"]{
  --zk-0:#0E0D0C;--zk-1:#161513;--zk-2:#23221F;--zk-3:#34322D;--zk-4:#44423B;--zk-5:#5F5C53;--zk-6:#949084;--zk-7:#ACA8A0;--zk-8:#D7D5D1;--zk-9:#E5E4E1;--zk-10:#F3F3F1;--zk-11:#F6F5F4;--p-bg1:#3A3012;--p-bg2:#3C1F33;--p-bg3:#2A2A45;--p-paper:#463A18;--p-ink:#FFF3CF;--p-head:#FFFFFF;--p-muted:#F2E3AE;--p-faint:#CDBB84;--p-line:#FFD966;--p-line-soft:rgba(255,217,102,0.45);--p-a1:#FFD966;--p-a2:#FF9CC4;--p-a3:#8CBFF5;--p-btext:#2E2200;--p-accent:#FFE08A;--p-atext:#2E2200;--p-chip:rgba(255,217,102,0.2);--p-field:#3A2F10;--p-shadow:#1E1806;--p-hi:#5E4F22;--p-pat:rgba(255,217,102,0.14);--p-line2:#F58FBA;--p-heart:#FF9CC8;
}
/* ======== y2klilac : Y2K ลาเวนเดอร์ (สติกเกอร์เกม) ======== */
/* palette (แก้สีตรงนี้) */
html[data-site-theme="y2klilac"][data-theme="light"]{
  --zk-0:#FAFAFA;--zk-1:#F4F4F6;--zk-2:#F2F1F3;--zk-3:#E2E1E5;--zk-4:#D2D1D7;--zk-5:#A3A0AC;--zk-6:#746F80;--zk-7:#56535F;--zk-8:#45424C;--zk-9:#2F2D34;--zk-10:#201F23;--zk-11:#141316;--p-bg1:#E8DEFF;--p-bg2:#FFDFF0;--p-bg3:#DDF4EE;--p-paper:#FEFCFF;--p-ink:#3F3463;--p-head:#2B2148;--p-muted:#51457A;--p-faint:#62568B;--p-line:#9B7BE3;--p-line-soft:rgba(155,123,227,0.45);--p-a1:#D5C4FF;--p-a2:#FFC5E2;--p-a3:#C5EFE2;--p-btext:#2E1B5A;--p-accent:#6A3CC2;--p-atext:#FFFFFF;--p-chip:rgba(213,196,255,0.35);--p-field:#F8F3FF;--p-shadow:#D3C5F5;--p-hi:#FFFFFF;--p-pat:rgba(155,123,227,0.26);--p-line2:#F59CC8;--p-heart:#F2619F;
}
html[data-site-theme="y2klilac"][data-theme="dark"]{
  --zk-0:#0C0C0E;--zk-1:#141316;--zk-2:#201F23;--zk-3:#2F2D34;--zk-4:#3E3B44;--zk-5:#56535F;--zk-6:#898494;--zk-7:#A3A0AC;--zk-8:#D2D1D7;--zk-9:#E2E1E5;--zk-10:#F2F1F3;--zk-11:#F4F4F6;--p-bg1:#271E52;--p-bg2:#40204A;--p-bg3:#1E3042;--p-paper:#342C63;--p-ink:#F1EBFF;--p-head:#FFFFFF;--p-muted:#D9CEF5;--p-faint:#B0A3DA;--p-line:#B79CFF;--p-line-soft:rgba(183,156,255,0.45);--p-a1:#B79CFF;--p-a2:#FF9CC8;--p-a3:#86E0C8;--p-btext:#1F1245;--p-accent:#C9B4FF;--p-atext:#1F1245;--p-chip:rgba(183,156,255,0.2);--p-field:#2A2354;--p-shadow:#150F33;--p-hi:#4A4082;--p-pat:rgba(183,156,255,0.15);--p-line2:#FF9CC8;--p-heart:#FF9CC8;
}
/* ======== y2kpeach : Y2K พีชส้ม (สติกเกอร์เกม) ======== */
/* palette (แก้สีตรงนี้) */
html[data-site-theme="y2kpeach"][data-theme="light"]{
  --zk-0:#FAFAFA;--zk-1:#F6F5F4;--zk-2:#F3F2F1;--zk-3:#E5E2E1;--zk-4:#D7D3D1;--zk-5:#ACA4A0;--zk-6:#80756F;--zk-7:#5F5753;--zk-8:#4C4642;--zk-9:#342F2D;--zk-10:#23201F;--zk-11:#161413;--p-bg1:#FFE4D2;--p-bg2:#D9ECFF;--p-bg3:#FFF2CF;--p-paper:#FFFDFB;--p-ink:#5B3A2E;--p-head:#402419;--p-muted:#6E4A3C;--p-faint:#7D5848;--p-line:#EE9462;--p-line-soft:rgba(238,148,98,0.45);--p-a1:#FFC8A6;--p-a2:#BFE0FF;--p-a3:#FFE9A0;--p-btext:#4F2008;--p-accent:#B0420C;--p-atext:#FFFFFF;--p-chip:rgba(255,200,166,0.35);--p-field:#FFF6EF;--p-shadow:#F9CFB4;--p-hi:#FFFFFF;--p-pat:rgba(238,148,98,0.26);--p-line2:#86BDF0;--p-heart:#F2619F;
}
html[data-site-theme="y2kpeach"][data-theme="dark"]{
  --zk-0:#0E0C0C;--zk-1:#161413;--zk-2:#23201F;--zk-3:#342F2D;--zk-4:#443E3B;--zk-5:#5F5753;--zk-6:#948984;--zk-7:#ACA4A0;--zk-8:#D7D3D1;--zk-9:#E5E2E1;--zk-10:#F3F2F1;--zk-11:#F6F5F4;--p-bg1:#3C2318;--p-bg2:#1F2B4A;--p-bg3:#33281A;--p-paper:#4A2E22;--p-ink:#FFEBDD;--p-head:#FFFFFF;--p-muted:#F5D4BF;--p-faint:#D0A892;--p-line:#FFAB78;--p-line-soft:rgba(255,171,120,0.45);--p-a1:#FFAB78;--p-a2:#8CBFF5;--p-a3:#FFE08A;--p-btext:#2E1306;--p-accent:#FFBE94;--p-atext:#2E1306;--p-chip:rgba(255,171,120,0.2);--p-field:#3C2418;--p-shadow:#1D0F08;--p-hi:#664232;--p-pat:rgba(255,171,120,0.14);--p-line2:#7DB4F0;--p-heart:#FF9CC8;
}
/* shape (รูปทรง/ลูกเล่น) — ใช้ร่วมกันทั้ง 5 ธีม Y2K */
html:is([data-site-theme="y2kbubble"],[data-site-theme="y2kmint"],[data-site-theme="y2kbutter"],[data-site-theme="y2klilac"],[data-site-theme="y2kpeach"]){
  --r-xs:10px;--r-sm:14px;--r-md:18px;--r-lg:22px;--r-xl:28px;
  --bg-grad:radial-gradient(circle at 8% 10%,color-mix(in srgb,var(--p-a1) 38%,transparent) 0 150px,transparent 151px),radial-gradient(circle at 94% 90%,color-mix(in srgb,var(--p-a2) 38%,transparent) 0 190px,transparent 191px),radial-gradient(circle,var(--p-pat) 1.3px,transparent 1.8px) 0 0/22px 22px,linear-gradient(135deg,var(--p-bg1) 0%,var(--p-bg3) 50%,var(--p-bg2) 100%);
  --shadow-soft:0 0 0 3px var(--p-hi),0 0 0 5px var(--p-line2),4px 7px 0 5px var(--p-shadow);
  --shadow-deep:0 0 0 3px var(--p-hi),0 0 0 5px var(--p-line2),6px 10px 0 5px var(--p-shadow);
  accent-color:var(--p-accent);scrollbar-color:var(--p-line) var(--p-bg1);
}
html:is([data-site-theme="y2kbubble"],[data-site-theme="y2kmint"],[data-site-theme="y2kbutter"],[data-site-theme="y2klilac"],[data-site-theme="y2kpeach"]) ::selection{background:var(--p-a1);color:var(--p-btext)}
html:is([data-site-theme="y2kbubble"],[data-site-theme="y2kmint"],[data-site-theme="y2kbutter"],[data-site-theme="y2klilac"],[data-site-theme="y2kpeach"]) :is(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--p-accent);outline-offset:2px}
/* การ์ด = สติกเกอร์ซ้อนขอบ: ขอบสี + วงขาว + วงฟ้า + เงาเยื้อง */
html:is([data-site-theme="y2kbubble"],[data-site-theme="y2kmint"],[data-site-theme="y2kbutter"],[data-site-theme="y2klilac"],[data-site-theme="y2kpeach"]) :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card,.nav,.info-tabs-wrap,.hero-info-detail,.modal,.budget-banner,.cmd-dock,.chat-panel,.dropdown-list,.btn-primary,.btn-glass,.btn-outline,.tab-btn){border-width:2px}
/* แท็บป้าย "note:" ห้อยจากขอบบนซ้าย + แถบหัวใจ (หลอดชีวิต) มุมขวาบน */
html:is([data-site-theme="y2kbubble"],[data-site-theme="y2kmint"],[data-site-theme="y2kbutter"],[data-site-theme="y2klilac"],[data-site-theme="y2kpeach"]) :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before{content:"\2665  note:";position:absolute;top:0;left:16px;z-index:3;pointer-events:none;box-sizing:border-box;height:17px;padding:0 10px;background:var(--p-a1);border:2px solid var(--p-line);border-top:0;border-radius:0 0 10px 10px;color:var(--p-btext);font-size:10px;line-height:15px;font-weight:700;letter-spacing:.04em;white-space:pre}
html:is([data-site-theme="y2kbubble"],[data-site-theme="y2kmint"],[data-site-theme="y2kbutter"],[data-site-theme="y2klilac"],[data-site-theme="y2kpeach"]) :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after{content:"\2665\2665\2665\2661";position:absolute;top:6px;right:10px;z-index:3;pointer-events:none;box-sizing:border-box;height:16px;padding:0 8px;background:var(--p-paper);border:2px solid var(--p-line2);border-radius:999px;color:var(--p-heart);font-size:9px;line-height:12px;letter-spacing:2px;white-space:pre}
html:is([data-site-theme="y2kbubble"],[data-site-theme="y2kmint"],[data-site-theme="y2kbutter"],[data-site-theme="y2klilac"],[data-site-theme="y2kpeach"]) .modal{position:relative}
html:is([data-site-theme="y2kbubble"],[data-site-theme="y2kmint"],[data-site-theme="y2kbutter"],[data-site-theme="y2klilac"],[data-site-theme="y2kpeach"]) .modal::before{content:"\2665  window";position:absolute;top:0;left:18px;z-index:3;pointer-events:none;box-sizing:border-box;height:18px;padding:0 12px;background:var(--p-a1);border:2px solid var(--p-line);border-top:0;border-radius:0 0 11px 11px;color:var(--p-btext);font-size:10px;line-height:16px;font-weight:700;letter-spacing:.04em;white-space:pre}
/* ปุ่ม = ปุ่มเกมนูน กดแล้วยุบลง */
html:is([data-site-theme="y2kbubble"],[data-site-theme="y2kmint"],[data-site-theme="y2kbutter"],[data-site-theme="y2klilac"],[data-site-theme="y2kpeach"]) :is(.btn-primary,.btn-glass,.btn-outline){border:2px solid var(--p-line);border-radius:999px;font-weight:700;box-shadow:0 3px 0 var(--p-line),inset 0 2px 0 var(--p-hi)}
html:is([data-site-theme="y2kbubble"],[data-site-theme="y2kmint"],[data-site-theme="y2kbutter"],[data-site-theme="y2klilac"],[data-site-theme="y2kpeach"]) :is(.btn-primary,.btn-glass,.btn-outline):active{transform:translateY(2px);box-shadow:0 1px 0 var(--p-line),inset 0 2px 0 var(--p-hi)}
/* แท็บ = แถบ "stage" สีฟ้า มีวงกลมสถานะท้ายปุ่ม (เลือกแล้ว = หัวใจเต็มวง) */
html:is([data-site-theme="y2kbubble"],[data-site-theme="y2kmint"],[data-site-theme="y2kbutter"],[data-site-theme="y2klilac"],[data-site-theme="y2kpeach"]) .tab-btn{border:2px solid var(--p-line2);border-radius:999px;font-weight:700;color:var(--p-btext);padding-right:34px;background-color:var(--p-a2);background-image:radial-gradient(circle at calc(100% - 15px) 50%,var(--p-paper) 0 5px,var(--p-line2) 5.5px 7px,transparent 7.5px)}
html:is([data-site-theme="y2kbubble"],[data-site-theme="y2kmint"],[data-site-theme="y2kbutter"],[data-site-theme="y2klilac"],[data-site-theme="y2kpeach"]) .tab-btn:is(.active,.on,.is-active,[aria-selected="true"],[aria-pressed="true"]){border-color:var(--p-line);background-color:var(--p-a1);background-image:radial-gradient(circle at calc(100% - 15px) 50%,var(--p-heart) 0 3.5px,var(--p-paper) 4px 5.5px,var(--p-line) 6px 7px,transparent 7.5px)}
/* ช่องกรอก = แคปซูลขอบฟ้า */
html:is([data-site-theme="y2kbubble"],[data-site-theme="y2kmint"],[data-site-theme="y2kbutter"],[data-site-theme="y2klilac"],[data-site-theme="y2kpeach"]) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),select,textarea){border:2px solid var(--p-line2);border-radius:14px;background:var(--p-field);box-shadow:inset 0 2px 0 var(--p-hi)}
html:is([data-site-theme="y2kbubble"],[data-site-theme="y2kmint"],[data-site-theme="y2kbutter"],[data-site-theme="y2klilac"],[data-site-theme="y2kpeach"]) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),select,textarea):focus{border-color:var(--p-line)}
/* คลาสตกแต่งเสริม (เติม class เองได้ ไม่ใส่ก็ไม่มีผล): .tc-tag ป้ายหัวใจ | .tc-stage แถบสเตจ | .tc-note กระดาษโน้ตมีเส้นบรรทัด */
html:is([data-site-theme="y2kbubble"],[data-site-theme="y2kmint"],[data-site-theme="y2kbutter"],[data-site-theme="y2klilac"],[data-site-theme="y2kpeach"]) .tc-tag{display:inline-block;padding:1px 10px;border:2px solid var(--p-line);border-radius:999px;background:var(--p-a1);color:var(--p-btext);font-weight:700}
html:is([data-site-theme="y2kbubble"],[data-site-theme="y2kmint"],[data-site-theme="y2kbutter"],[data-site-theme="y2klilac"],[data-site-theme="y2kpeach"]) .tc-stage{display:block;padding:6px 38px 6px 14px;border:2px solid var(--p-line2);border-radius:999px;background:var(--p-a2) radial-gradient(circle at calc(100% - 15px) 50%,var(--p-paper) 0 5px,var(--p-line2) 5.5px 7px,transparent 7.5px);color:var(--p-btext);font-weight:700}
html:is([data-site-theme="y2kbubble"],[data-site-theme="y2kmint"],[data-site-theme="y2kbutter"],[data-site-theme="y2klilac"],[data-site-theme="y2kpeach"]) .tc-note{position:relative;padding:12px 16px 12px 34px;border:2px solid var(--p-line);border-radius:var(--r-sm);color:var(--p-ink);line-height:24px;background:linear-gradient(90deg,transparent 0 24px,var(--p-line) 24px 25px,transparent 25px),repeating-linear-gradient(180deg,transparent 0 23px,var(--p-pat) 23px 24px),var(--p-paper)}

/* ============================================================
   [B] หน้าต่างเบราว์เซอร์ (อ้างอิงภาพ: หน้าต่างฟ้า/แท็บ/แถบที่อยู่, หน้าเว็บเทากิงแฮม, การ์ด Tsun เทาเขียว-ม่วง)
   ============================================================ */
/* ======== bwsky : เบราว์เซอร์ ฟ้าล้วน ======== */
/* palette (แก้สีตรงนี้) */
html[data-site-theme="bwsky"][data-theme="light"]{
  --zk-0:#FAFAFA;--zk-1:#F4F5F6;--zk-2:#F1F3F3;--zk-3:#E1E4E5;--zk-4:#D1D5D7;--zk-5:#A0A8AC;--zk-6:#6F7A80;--zk-7:#535B5F;--zk-8:#42494C;--zk-9:#2D3134;--zk-10:#1F2223;--zk-11:#131516;--p-bg1:#EDF6FA;--p-bg2:#D6E8F0;--p-paper:#F9F7F5;--p-ink:#34505F;--p-head:#1F3643;--p-muted:#46626F;--p-faint:#577481;--p-line:#7C97A6;--p-line-soft:rgba(124,151,166,0.45);--p-a1:#D3E4EC;--p-a2:#BCD8E6;--p-a3:#E4EFF4;--p-btext:#27414F;--p-accent:#2A6F96;--p-atext:#FFFFFF;--p-chip:rgba(211,228,236,0.35);--p-field:#FFFFFF;--p-shadow:rgba(90,125,145,0.28);--p-hi:#FFFFFF;--p-pat:rgba(124,151,166,0.20);--p-bartext:#425D6B;--p-ctlL:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 16'><circle cx='8' cy='8' r='7' fill='%23F9F7F5' stroke='%237C97A6' stroke-width='1.2'/><circle cx='26' cy='8' r='7' fill='%23F9F7F5' stroke='%237C97A6' stroke-width='1.2'/><circle cx='44' cy='8' r='7' fill='%23F9F7F5' stroke='%237C97A6' stroke-width='1.2'/><circle cx='62' cy='8' r='7' fill='%23F9F7F5' stroke='%237C97A6' stroke-width='1.2'/><polyline points='9.6,5 6.4,8 9.6,11' fill='none' stroke='%237C97A6' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/><polyline points='24.4,5 27.6,8 24.4,11' fill='none' stroke='%237C97A6' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/><path d='M44 5v6M41 8h6' fill='none' stroke='%237C97A6' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/><path d='M59.6 8.2a2.5 2.5 0 1 0 1-2' fill='none' stroke='%237C97A6' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/></svg>");--p-ctlR:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 58 16'><rect x='.6' y='.6' width='14.8' height='14.8' rx='3.5' fill='%23F9F7F5' stroke='%237C97A6' stroke-width='1.2'/><rect x='21.6' y='.6' width='14.8' height='14.8' rx='3.5' fill='%23F9F7F5' stroke='%237C97A6' stroke-width='1.2'/><rect x='42.6' y='.6' width='14.8' height='14.8' rx='3.5' fill='%23F9F7F5' stroke='%237C97A6' stroke-width='1.2'/><path d='M4.5 8h6.5' fill='none' stroke='%237C97A6' stroke-width='1.3' stroke-linecap='round'/><circle cx='29' cy='8' r='4' fill='none' stroke='%237C97A6' stroke-width='1.3' stroke-linecap='round'/><path d='M25 8h8M29 4c-2 2.5-2 5.5 0 8M29 4c2 2.5 2 5.5 0 8' fill='none' stroke='%237C97A6' stroke-width='1.3' stroke-linecap='round'/><path d='M46.5 4.5l7 7M53.5 4.5l-7 7' fill='none' stroke='%237C97A6' stroke-width='1.3' stroke-linecap='round'/></svg>");--p-barbg:linear-gradient(var(--p-a1),var(--p-a1));--p-bgx:radial-gradient(circle,var(--p-pat) 1.4px,transparent 1.9px) 0 0/26px 26px;
}
html[data-site-theme="bwsky"][data-theme="dark"]{
  --zk-0:#0C0D0E;--zk-1:#131516;--zk-2:#1F2223;--zk-3:#2D3134;--zk-4:#3B4144;--zk-5:#535B5F;--zk-6:#848F94;--zk-7:#A0A8AC;--zk-8:#D1D5D7;--zk-9:#E1E4E5;--zk-10:#F1F3F3;--zk-11:#F4F5F6;--p-bg1:#1B2C35;--p-bg2:#0F1A21;--p-paper:#223641;--p-ink:#E2EEF4;--p-head:#FFFFFF;--p-muted:#C4D8E3;--p-faint:#93B0BF;--p-line:#6F96AB;--p-line-soft:rgba(111,150,171,0.45);--p-a1:#35586C;--p-a2:#2B4A5C;--p-a3:#3F6479;--p-btext:#E6F2F8;--p-accent:#9CD3E8;--p-atext:#0E2530;--p-chip:rgba(53,88,108,0.2);--p-field:#1B2E38;--p-shadow:rgba(0,0,0,0.45);--p-hi:rgba(255,255,255,0.08);--p-pat:rgba(111,150,171,0.16);--p-bartext:#C2DAE6;--p-ctlL:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 16'><circle cx='8' cy='8' r='7' fill='%23223641' stroke='%236F96AB' stroke-width='1.2'/><circle cx='26' cy='8' r='7' fill='%23223641' stroke='%236F96AB' stroke-width='1.2'/><circle cx='44' cy='8' r='7' fill='%23223641' stroke='%236F96AB' stroke-width='1.2'/><circle cx='62' cy='8' r='7' fill='%23223641' stroke='%236F96AB' stroke-width='1.2'/><polyline points='9.6,5 6.4,8 9.6,11' fill='none' stroke='%236F96AB' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/><polyline points='24.4,5 27.6,8 24.4,11' fill='none' stroke='%236F96AB' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/><path d='M44 5v6M41 8h6' fill='none' stroke='%236F96AB' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/><path d='M59.6 8.2a2.5 2.5 0 1 0 1-2' fill='none' stroke='%236F96AB' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/></svg>");--p-ctlR:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 58 16'><rect x='.6' y='.6' width='14.8' height='14.8' rx='3.5' fill='%23223641' stroke='%236F96AB' stroke-width='1.2'/><rect x='21.6' y='.6' width='14.8' height='14.8' rx='3.5' fill='%23223641' stroke='%236F96AB' stroke-width='1.2'/><rect x='42.6' y='.6' width='14.8' height='14.8' rx='3.5' fill='%23223641' stroke='%236F96AB' stroke-width='1.2'/><path d='M4.5 8h6.5' fill='none' stroke='%236F96AB' stroke-width='1.3' stroke-linecap='round'/><circle cx='29' cy='8' r='4' fill='none' stroke='%236F96AB' stroke-width='1.3' stroke-linecap='round'/><path d='M25 8h8M29 4c-2 2.5-2 5.5 0 8M29 4c2 2.5 2 5.5 0 8' fill='none' stroke='%236F96AB' stroke-width='1.3' stroke-linecap='round'/><path d='M46.5 4.5l7 7M53.5 4.5l-7 7' fill='none' stroke='%236F96AB' stroke-width='1.3' stroke-linecap='round'/></svg>");--p-barbg:linear-gradient(var(--p-a1),var(--p-a1));--p-bgx:radial-gradient(circle,var(--p-pat) 1.4px,transparent 1.9px) 0 0/26px 26px;
}
/* ======== bwgray : เบราว์เซอร์ เทาล้วน (ลายกิงแฮม) ======== */
/* palette (แก้สีตรงนี้) */
html[data-site-theme="bwgray"][data-theme="light"]{
  --zk-0:#FAFAFA;--zk-1:#F4F4F6;--zk-2:#F1F2F3;--zk-3:#E1E2E5;--zk-4:#D1D1D7;--zk-5:#A0A1AC;--zk-6:#6F7280;--zk-7:#53555F;--zk-8:#42444C;--zk-9:#2D2E34;--zk-10:#1F1F23;--zk-11:#131316;--p-bg1:#F4F4F5;--p-bg2:#DEDFE1;--p-paper:#FFFFFF;--p-ink:#36373B;--p-head:#1E1F22;--p-muted:#4A4B50;--p-faint:#5C5D62;--p-line:#8F9096;--p-line-soft:rgba(143,144,150,0.45);--p-a1:#CBCCCF;--p-a2:#EAEBEC;--p-a3:#B9BABE;--p-btext:#2B2C30;--p-accent:#4E4F55;--p-atext:#FFFFFF;--p-chip:rgba(203,204,207,0.35);--p-field:#FFFFFF;--p-shadow:rgba(60,60,66,0.22);--p-hi:#FFFFFF;--p-pat:rgba(120,121,126,0.14);--p-bartext:#3E3F44;--p-ctlL:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 16'><circle cx='8' cy='8' r='7' fill='%23FFFFFF' stroke='%238F9096' stroke-width='1.2'/><circle cx='26' cy='8' r='7' fill='%23FFFFFF' stroke='%238F9096' stroke-width='1.2'/><circle cx='44' cy='8' r='7' fill='%23FFFFFF' stroke='%238F9096' stroke-width='1.2'/><circle cx='62' cy='8' r='7' fill='%23FFFFFF' stroke='%238F9096' stroke-width='1.2'/><polyline points='9.6,5 6.4,8 9.6,11' fill='none' stroke='%238F9096' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/><polyline points='24.4,5 27.6,8 24.4,11' fill='none' stroke='%238F9096' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/><path d='M44 5v6M41 8h6' fill='none' stroke='%238F9096' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/><path d='M59.6 8.2a2.5 2.5 0 1 0 1-2' fill='none' stroke='%238F9096' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/></svg>");--p-ctlR:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 58 16'><rect x='.6' y='.6' width='14.8' height='14.8' rx='3.5' fill='%23FFFFFF' stroke='%238F9096' stroke-width='1.2'/><rect x='21.6' y='.6' width='14.8' height='14.8' rx='3.5' fill='%23FFFFFF' stroke='%238F9096' stroke-width='1.2'/><rect x='42.6' y='.6' width='14.8' height='14.8' rx='3.5' fill='%23FFFFFF' stroke='%238F9096' stroke-width='1.2'/><path d='M4.5 8h6.5' fill='none' stroke='%238F9096' stroke-width='1.3' stroke-linecap='round'/><circle cx='29' cy='8' r='4' fill='none' stroke='%238F9096' stroke-width='1.3' stroke-linecap='round'/><path d='M25 8h8M29 4c-2 2.5-2 5.5 0 8M29 4c2 2.5 2 5.5 0 8' fill='none' stroke='%238F9096' stroke-width='1.3' stroke-linecap='round'/><path d='M46.5 4.5l7 7M53.5 4.5l-7 7' fill='none' stroke='%238F9096' stroke-width='1.3' stroke-linecap='round'/></svg>");--p-barbg:repeating-conic-gradient(var(--p-a3) 0 25%,var(--p-a2) 0 50%) 0 0/9px 9px;--p-bgx:repeating-conic-gradient(var(--p-pat) 0 25%,transparent 0 50%) 0 0/30px 30px;
}
html[data-site-theme="bwgray"][data-theme="dark"]{
  --zk-0:#0C0C0E;--zk-1:#131316;--zk-2:#1F1F23;--zk-3:#2D2E34;--zk-4:#3B3D44;--zk-5:#53555F;--zk-6:#848794;--zk-7:#A0A1AC;--zk-8:#D1D1D7;--zk-9:#E1E2E5;--zk-10:#F1F2F3;--zk-11:#F4F4F6;--p-bg1:#2B2C2F;--p-bg2:#18191B;--p-paper:#333438;--p-ink:#ECECEE;--p-head:#FFFFFF;--p-muted:#CFD0D3;--p-faint:#A3A4A9;--p-line:#84858B;--p-line-soft:rgba(132,133,139,0.45);--p-a1:#4A4B50;--p-a2:#3C3D41;--p-a3:#55565B;--p-btext:#F2F2F4;--p-accent:#D9DADD;--p-atext:#1C1D1F;--p-chip:rgba(74,75,80,0.2);--p-field:#2A2B2E;--p-shadow:rgba(0,0,0,0.5);--p-hi:rgba(255,255,255,0.07);--p-pat:rgba(160,161,166,0.12);--p-bartext:#E4E4E7;--p-ctlL:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 16'><circle cx='8' cy='8' r='7' fill='%23333438' stroke='%2384858B' stroke-width='1.2'/><circle cx='26' cy='8' r='7' fill='%23333438' stroke='%2384858B' stroke-width='1.2'/><circle cx='44' cy='8' r='7' fill='%23333438' stroke='%2384858B' stroke-width='1.2'/><circle cx='62' cy='8' r='7' fill='%23333438' stroke='%2384858B' stroke-width='1.2'/><polyline points='9.6,5 6.4,8 9.6,11' fill='none' stroke='%2384858B' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/><polyline points='24.4,5 27.6,8 24.4,11' fill='none' stroke='%2384858B' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/><path d='M44 5v6M41 8h6' fill='none' stroke='%2384858B' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/><path d='M59.6 8.2a2.5 2.5 0 1 0 1-2' fill='none' stroke='%2384858B' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/></svg>");--p-ctlR:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 58 16'><rect x='.6' y='.6' width='14.8' height='14.8' rx='3.5' fill='%23333438' stroke='%2384858B' stroke-width='1.2'/><rect x='21.6' y='.6' width='14.8' height='14.8' rx='3.5' fill='%23333438' stroke='%2384858B' stroke-width='1.2'/><rect x='42.6' y='.6' width='14.8' height='14.8' rx='3.5' fill='%23333438' stroke='%2384858B' stroke-width='1.2'/><path d='M4.5 8h6.5' fill='none' stroke='%2384858B' stroke-width='1.3' stroke-linecap='round'/><circle cx='29' cy='8' r='4' fill='none' stroke='%2384858B' stroke-width='1.3' stroke-linecap='round'/><path d='M25 8h8M29 4c-2 2.5-2 5.5 0 8M29 4c2 2.5 2 5.5 0 8' fill='none' stroke='%2384858B' stroke-width='1.3' stroke-linecap='round'/><path d='M46.5 4.5l7 7M53.5 4.5l-7 7' fill='none' stroke='%2384858B' stroke-width='1.3' stroke-linecap='round'/></svg>");--p-barbg:repeating-conic-gradient(var(--p-a3) 0 25%,var(--p-a2) 0 50%) 0 0/9px 9px;--p-bgx:repeating-conic-gradient(var(--p-pat) 0 25%,transparent 0 50%) 0 0/30px 30px;
}
/* ======== bwsun : เบราว์เซอร์ เหลืองส้ม ======== */
/* palette (แก้สีตรงนี้) */
html[data-site-theme="bwsun"][data-theme="light"]{
  --zk-0:#FAFAFA;--zk-1:#F6F5F4;--zk-2:#F3F2F1;--zk-3:#E5E3E1;--zk-4:#D7D4D1;--zk-5:#ACA7A0;--zk-6:#807A6F;--zk-7:#5F5B53;--zk-8:#4C4842;--zk-9:#34312D;--zk-10:#23221F;--zk-11:#161513;--p-bg1:#FFF2C9;--p-bg2:#FFDFB0;--p-paper:#FFFCF4;--p-ink:#573810;--p-head:#3C2406;--p-muted:#694A1C;--p-faint:#7A5826;--p-line:#D29132;--p-line-soft:rgba(210,145,50,0.45);--p-a1:#FFD883;--p-a2:#FFBE7A;--p-a3:#FFE8B3;--p-btext:#482A00;--p-accent:#AC4A06;--p-atext:#FFFFFF;--p-chip:rgba(255,216,131,0.35);--p-field:#FFFDF6;--p-shadow:rgba(176,110,30,0.28);--p-hi:#FFFFFF;--p-pat:rgba(210,145,50,0.24);--p-bartext:#6D4208;--p-ctlL:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 16'><circle cx='8' cy='8' r='7' fill='%23FFFCF4' stroke='%23D29132' stroke-width='1.2'/><circle cx='26' cy='8' r='7' fill='%23FFFCF4' stroke='%23D29132' stroke-width='1.2'/><circle cx='44' cy='8' r='7' fill='%23FFFCF4' stroke='%23D29132' stroke-width='1.2'/><circle cx='62' cy='8' r='7' fill='%23FFFCF4' stroke='%23D29132' stroke-width='1.2'/><polyline points='9.6,5 6.4,8 9.6,11' fill='none' stroke='%23D29132' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/><polyline points='24.4,5 27.6,8 24.4,11' fill='none' stroke='%23D29132' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/><path d='M44 5v6M41 8h6' fill='none' stroke='%23D29132' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/><path d='M59.6 8.2a2.5 2.5 0 1 0 1-2' fill='none' stroke='%23D29132' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/></svg>");--p-ctlR:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 58 16'><rect x='.6' y='.6' width='14.8' height='14.8' rx='3.5' fill='%23FFFCF4' stroke='%23D29132' stroke-width='1.2'/><rect x='21.6' y='.6' width='14.8' height='14.8' rx='3.5' fill='%23FFFCF4' stroke='%23D29132' stroke-width='1.2'/><rect x='42.6' y='.6' width='14.8' height='14.8' rx='3.5' fill='%23FFFCF4' stroke='%23D29132' stroke-width='1.2'/><path d='M4.5 8h6.5' fill='none' stroke='%23D29132' stroke-width='1.3' stroke-linecap='round'/><circle cx='29' cy='8' r='4' fill='none' stroke='%23D29132' stroke-width='1.3' stroke-linecap='round'/><path d='M25 8h8M29 4c-2 2.5-2 5.5 0 8M29 4c2 2.5 2 5.5 0 8' fill='none' stroke='%23D29132' stroke-width='1.3' stroke-linecap='round'/><path d='M46.5 4.5l7 7M53.5 4.5l-7 7' fill='none' stroke='%23D29132' stroke-width='1.3' stroke-linecap='round'/></svg>");--p-barbg:linear-gradient(var(--p-a1),var(--p-a1));--p-bgx:radial-gradient(circle,var(--p-pat) 1.4px,transparent 1.9px) 0 0/26px 26px;
}
html[data-site-theme="bwsun"][data-theme="dark"]{
  --zk-0:#0E0D0C;--zk-1:#161513;--zk-2:#23221F;--zk-3:#34312D;--zk-4:#44413B;--zk-5:#5F5B53;--zk-6:#948E84;--zk-7:#ACA7A0;--zk-8:#D7D4D1;--zk-9:#E5E3E1;--zk-10:#F3F2F1;--zk-11:#F6F5F4;--p-bg1:#3A2B12;--p-bg2:#231808;--p-paper:#45331A;--p-ink:#FFEFD2;--p-head:#FFFFFF;--p-muted:#F4DDB0;--p-faint:#CDB27F;--p-line:#E9B25A;--p-line-soft:rgba(233,178,90,0.45);--p-a1:#8F5A14;--p-a2:#7A4A12;--p-a3:#A06A1E;--p-btext:#FFF4DE;--p-accent:#FFC46B;--p-atext:#2D1A00;--p-chip:rgba(143,90,20,0.2);--p-field:#382A12;--p-shadow:rgba(0,0,0,0.5);--p-hi:rgba(255,255,255,0.07);--p-pat:rgba(233,178,90,0.15);--p-bartext:#FFE7BC;--p-ctlL:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 16'><circle cx='8' cy='8' r='7' fill='%2345331A' stroke='%23E9B25A' stroke-width='1.2'/><circle cx='26' cy='8' r='7' fill='%2345331A' stroke='%23E9B25A' stroke-width='1.2'/><circle cx='44' cy='8' r='7' fill='%2345331A' stroke='%23E9B25A' stroke-width='1.2'/><circle cx='62' cy='8' r='7' fill='%2345331A' stroke='%23E9B25A' stroke-width='1.2'/><polyline points='9.6,5 6.4,8 9.6,11' fill='none' stroke='%23E9B25A' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/><polyline points='24.4,5 27.6,8 24.4,11' fill='none' stroke='%23E9B25A' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/><path d='M44 5v6M41 8h6' fill='none' stroke='%23E9B25A' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/><path d='M59.6 8.2a2.5 2.5 0 1 0 1-2' fill='none' stroke='%23E9B25A' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/></svg>");--p-ctlR:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 58 16'><rect x='.6' y='.6' width='14.8' height='14.8' rx='3.5' fill='%2345331A' stroke='%23E9B25A' stroke-width='1.2'/><rect x='21.6' y='.6' width='14.8' height='14.8' rx='3.5' fill='%2345331A' stroke='%23E9B25A' stroke-width='1.2'/><rect x='42.6' y='.6' width='14.8' height='14.8' rx='3.5' fill='%2345331A' stroke='%23E9B25A' stroke-width='1.2'/><path d='M4.5 8h6.5' fill='none' stroke='%23E9B25A' stroke-width='1.3' stroke-linecap='round'/><circle cx='29' cy='8' r='4' fill='none' stroke='%23E9B25A' stroke-width='1.3' stroke-linecap='round'/><path d='M25 8h8M29 4c-2 2.5-2 5.5 0 8M29 4c2 2.5 2 5.5 0 8' fill='none' stroke='%23E9B25A' stroke-width='1.3' stroke-linecap='round'/><path d='M46.5 4.5l7 7M53.5 4.5l-7 7' fill='none' stroke='%23E9B25A' stroke-width='1.3' stroke-linecap='round'/></svg>");--p-barbg:linear-gradient(var(--p-a1),var(--p-a1));--p-bgx:radial-gradient(circle,var(--p-pat) 1.4px,transparent 1.9px) 0 0/26px 26px;
}
/* ======== bwteal : เบราว์เซอร์ เทาเขียว×ม่วงมัลลิกา ======== */
/* palette (แก้สีตรงนี้) */
html[data-site-theme="bwteal"][data-theme="light"]{
  --zk-0:#FAFAFA;--zk-1:#F4F5F6;--zk-2:#F1F3F3;--zk-3:#E1E4E5;--zk-4:#D1D5D7;--zk-5:#A0A9AC;--zk-6:#6F7D80;--zk-7:#535D5F;--zk-8:#424A4C;--zk-9:#2D3234;--zk-10:#1F2223;--zk-11:#131516;--p-bg1:#BCCBD0;--p-bg2:#A2B4BA;--p-paper:#FFFFFF;--p-ink:#2C3A40;--p-head:#1B262B;--p-muted:#3E4F56;--p-faint:#50626A;--p-line:#7A6797;--p-line-soft:rgba(122,103,151,0.45);--p-a1:#7A6797;--p-a2:#AFC2C8;--p-a3:#CFC6DB;--p-btext:#FFFFFF;--p-accent:#6B5790;--p-atext:#FFFFFF;--p-chip:rgba(122,103,151,0.35);--p-field:#FFFFFF;--p-shadow:rgba(70,60,95,0.30);--p-hi:#FFFFFF;--p-pat:rgba(255,255,255,0.32);--p-bartext:#FFFFFF;--p-glow:rgba(255,255,255,0.65);--p-barbg:linear-gradient(var(--p-a1),var(--p-a1));--p-bgx:linear-gradient(45deg,transparent calc(50% - 1px),var(--p-pat) 50%,transparent calc(50% + 1px)) 0 0/84px 84px,linear-gradient(-45deg,transparent calc(50% - 1px),var(--p-pat) 50%,transparent calc(50% + 1px)) 0 0/84px 84px;
}
html[data-site-theme="bwteal"][data-theme="dark"]{
  --zk-0:#0C0D0E;--zk-1:#131516;--zk-2:#1F2223;--zk-3:#2D3234;--zk-4:#3B4244;--zk-5:#535D5F;--zk-6:#849194;--zk-7:#A0A9AC;--zk-8:#D1D5D7;--zk-9:#E1E4E5;--zk-10:#F1F3F3;--zk-11:#F4F5F6;--p-bg1:#34454B;--p-bg2:#1E2A2F;--p-paper:#2D3A40;--p-ink:#E8EEF0;--p-head:#FFFFFF;--p-muted:#CBD6DA;--p-faint:#9FB0B6;--p-line:#9C8DB4;--p-line-soft:rgba(156,141,180,0.45);--p-a1:#6A5886;--p-a2:#44575E;--p-a3:#5A4D74;--p-btext:#FFFFFF;--p-accent:#C4B4E0;--p-atext:#1E1730;--p-chip:rgba(106,88,134,0.2);--p-field:#26333A;--p-shadow:rgba(0,0,0,0.45);--p-hi:rgba(255,255,255,0.07);--p-pat:rgba(255,255,255,0.08);--p-bartext:#FFFFFF;--p-glow:rgba(160,170,210,0.28);--p-barbg:linear-gradient(var(--p-a1),var(--p-a1));--p-bgx:linear-gradient(45deg,transparent calc(50% - 1px),var(--p-pat) 50%,transparent calc(50% + 1px)) 0 0/84px 84px,linear-gradient(-45deg,transparent calc(50% - 1px),var(--p-pat) 50%,transparent calc(50% + 1px)) 0 0/84px 84px;
}
/* shape (รูปทรง/ลูกเล่น) — ส่วนที่ใช้ร่วมกันทั้ง 4 ธีมเบราว์เซอร์ */
html:is([data-site-theme="bwsky"],[data-site-theme="bwgray"],[data-site-theme="bwsun"],[data-site-theme="bwteal"]){
  --p-url:"https://zonekun.page/";
  --bg-grad:var(--p-bgx),linear-gradient(180deg,var(--p-bg1) 0%,var(--p-bg2) 100%);
  accent-color:var(--p-accent);scrollbar-color:var(--p-line) var(--p-bg1);
}
html:is([data-site-theme="bwsky"],[data-site-theme="bwgray"],[data-site-theme="bwsun"],[data-site-theme="bwteal"]) ::selection{background:var(--p-a1);color:var(--p-btext)}
html:is([data-site-theme="bwsky"],[data-site-theme="bwgray"],[data-site-theme="bwsun"],[data-site-theme="bwteal"]) :is(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--p-accent);outline-offset:2px}
html:is([data-site-theme="bwsky"],[data-site-theme="bwgray"],[data-site-theme="bwsun"],[data-site-theme="bwteal"]) :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card,.nav,.info-tabs-wrap,.hero-info-detail,.modal,.budget-banner,.cmd-dock,.chat-panel,.dropdown-list,.btn-primary,.btn-glass,.btn-outline,.tab-btn){border-width:1.5px}
html:is([data-site-theme="bwsky"],[data-site-theme="bwgray"],[data-site-theme="bwsun"],[data-site-theme="bwteal"]) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),select,textarea){border:1.5px solid var(--p-line);border-radius:var(--r-sm);background:var(--p-field)}
html:is([data-site-theme="bwsky"],[data-site-theme="bwgray"],[data-site-theme="bwsun"],[data-site-theme="bwteal"]) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),select,textarea):focus{border-color:var(--p-accent)}
html:is([data-site-theme="bwsky"],[data-site-theme="bwgray"],[data-site-theme="bwsun"],[data-site-theme="bwteal"]) :is(.btn-primary,.btn-glass,.btn-outline){border:1.5px solid var(--p-line);border-radius:var(--p-btnr);font-weight:600}
html:is([data-site-theme="bwsky"],[data-site-theme="bwgray"],[data-site-theme="bwsun"],[data-site-theme="bwteal"]) :is(.btn-primary,.btn-glass,.btn-outline):active{transform:translateY(1px)}
/* แท็บ = แท็บเบราว์เซอร์ (มุมบนมน แท็บที่เลือก = สีกระดาษ) */
html:is([data-site-theme="bwsky"],[data-site-theme="bwgray"],[data-site-theme="bwsun"],[data-site-theme="bwteal"]) .tab-btn{border:1.5px solid var(--p-line);border-radius:var(--p-tabr) var(--p-tabr) 4px 4px;background-color:var(--p-a1);color:var(--p-btext);font-weight:600}
html:is([data-site-theme="bwsky"],[data-site-theme="bwgray"],[data-site-theme="bwsun"],[data-site-theme="bwteal"]) .tab-btn:is(.active,.on,.is-active,[aria-selected="true"],[aria-pressed="true"]){background-color:var(--p-paper);color:var(--p-head);border-bottom-color:var(--p-paper)}
html:is([data-site-theme="bwsky"],[data-site-theme="bwgray"],[data-site-theme="bwsun"],[data-site-theme="bwteal"]) .modal{position:relative}
/* คลาสตกแต่งเสริม: .tc-tag ป้ายหัวข้อ (เหมือน "About") | .tc-box กล่องขอบบาง */
html:is([data-site-theme="bwsky"],[data-site-theme="bwgray"],[data-site-theme="bwsun"],[data-site-theme="bwteal"]) .tc-tag{display:inline-block;padding:0 9px;border:1.5px solid var(--p-line);border-radius:6px;background:var(--p-a1);color:var(--p-btext);font-weight:600}
html:is([data-site-theme="bwsky"],[data-site-theme="bwgray"],[data-site-theme="bwsun"],[data-site-theme="bwteal"]) .tc-box{padding:10px 12px;border:1.5px solid var(--p-line);border-radius:var(--r-xs);background:var(--p-paper);color:var(--p-ink)}
/* ---- แถบหัวหน้าต่างเบราว์เซอร์ (ธีมที่มีปุ่มควบคุม: bwsky / bwgray / bwsun) ---- */
html:is([data-site-theme="bwsky"],[data-site-theme="bwgray"],[data-site-theme="bwsun"]) :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before,html:is([data-site-theme="bwsky"],[data-site-theme="bwgray"],[data-site-theme="bwsun"]) .modal::before{content:"";position:absolute;top:0;left:0;right:0;height:22px;z-index:3;pointer-events:none;box-sizing:border-box;border-bottom:1.5px solid var(--p-line);border-top-left-radius:inherit;border-top-right-radius:inherit;background:var(--p-ctlR) right 8px center/58px 16px no-repeat,var(--p-ctlL) 8px center/70px 16px no-repeat,var(--p-barbg)}
html:is([data-site-theme="bwsky"],[data-site-theme="bwgray"],[data-site-theme="bwsun"]) :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after,html:is([data-site-theme="bwsky"],[data-site-theme="bwgray"],[data-site-theme="bwsun"]) .modal::after{content:var(--p-url);position:absolute;top:3px;left:86px;right:74px;height:16px;z-index:4;pointer-events:none;box-sizing:border-box;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 10px;border:1.5px solid var(--p-line);border-radius:999px;background:var(--p-paper);color:var(--p-bartext);font-size:10px;line-height:13px;letter-spacing:.02em}
/* ---- แถบหัวแบบหัวเว็บ "Title | Home Rules Others" (ธีม bwteal) ---- */
html:is([data-site-theme="bwteal"]) :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before,html:is([data-site-theme="bwteal"]) .modal::before{content:"Zonekun.Com";position:absolute;top:0;left:0;right:0;height:22px;z-index:3;pointer-events:none;box-sizing:border-box;padding:0 10px;border-bottom:1.5px solid var(--p-line);border-top-left-radius:inherit;border-top-right-radius:inherit;background:var(--p-barbg);color:var(--p-bartext);font-size:12px;line-height:21px;font-weight:700;font-style:italic;letter-spacing:.02em;white-space:pre;overflow:hidden}
html:is([data-site-theme="bwteal"]) :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after,html:is([data-site-theme="bwteal"]) .modal::after{content:"Home | Rules | Others";position:absolute;top:0;right:0;height:22px;z-index:4;pointer-events:none;box-sizing:border-box;padding:0 10px;color:var(--p-bartext);font-size:10.5px;line-height:21px;white-space:pre}
html[data-site-theme="bwsky"]{--r-xs:6px;--r-sm:8px;--r-md:10px;--r-lg:12px;--r-xl:14px;--p-btnr:8px;--p-tabr:10px;--shadow-soft:0 2px 0 var(--p-shadow);--shadow-deep:0 4px 0 var(--p-shadow)}
html[data-site-theme="bwgray"]{--r-xs:2px;--r-sm:3px;--r-md:4px;--r-lg:5px;--r-xl:6px;--p-btnr:4px;--p-tabr:8px;--shadow-soft:3px 3px 0 var(--p-shadow);--shadow-deep:5px 5px 0 var(--p-shadow)}
html[data-site-theme="bwsun"]{--r-xs:8px;--r-sm:10px;--r-md:12px;--r-lg:14px;--r-xl:16px;--p-btnr:10px;--p-tabr:12px;--shadow-soft:0 3px 0 var(--p-shadow);--shadow-deep:0 6px 0 var(--p-shadow)}
html[data-site-theme="bwteal"]{--r-xs:0px;--r-sm:2px;--r-md:3px;--r-lg:4px;--r-xl:6px;--p-btnr:999px;--p-tabr:6px;--shadow-soft:0 0 14px var(--p-glow);--shadow-deep:0 0 24px var(--p-glow)}
/* bwgray: เส้นประรอบหน้าต่าง + แท็บลายกิงแฮมแบบภาพ 2 */
html[data-site-theme="bwgray"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card){outline:1.5px dashed var(--p-line);outline-offset:3px}
html[data-site-theme="bwgray"] .tab-btn:not(:is(.active,.on,.is-active,[aria-selected="true"],[aria-pressed="true"])){background-image:repeating-conic-gradient(var(--p-a3) 0 25%,var(--p-a2) 0 50%);background-size:8px 8px}
/* bwteal: ปุ่มสลับม่วง/เทาเขียวแบบภาพ 3 (Like / Block) */
html[data-site-theme="bwteal"] :is(.btn-glass,.btn-outline){background:var(--p-a2);color:var(--p-ink)}
html[data-site-theme="bwteal"] .tab-btn:nth-child(even):not(:is(.active,.on,.is-active,[aria-selected="true"],[aria-pressed="true"])){background-color:var(--p-a2);color:var(--p-ink)}
html[data-site-theme="bwteal"] .tab-btn:nth-child(odd):not(:is(.active,.on,.is-active,[aria-selected="true"],[aria-pressed="true"])){background-color:var(--p-a1);color:var(--p-btext)}

/* ---- ไอคอนลอยขึ้นของธีม (.paw-print) ---- */
html[data-site-theme="y2kbubble"] .paw-print::before{content:"\f004"} /* fa-heart */
html[data-site-theme="y2kmint"] .paw-print::before{content:"\f11b"} /* fa-gamepad */
html[data-site-theme="y2kbutter"] .paw-print::before{content:"\f005"} /* fa-star */
html[data-site-theme="y2klilac"] .paw-print::before{content:"\f3a5"} /* fa-gem */
html[data-site-theme="y2kpeach"] .paw-print::before{content:"\f21e"} /* fa-heart-pulse */
html[data-site-theme="bwsky"] .paw-print::before{content:"\f0ac"} /* fa-globe */
html[data-site-theme="bwgray"] .paw-print::before{content:"\f2d0"} /* fa-window-maximize */
html[data-site-theme="bwsun"] .paw-print::before{content:"\f185"} /* fa-sun */
html[data-site-theme="bwteal"] .paw-print::before{content:"\f390"} /* fa-desktop */

/* ============================================================
   ชุดศิลป์รอบ 4 (v4.4) — เพิ่มธีมใหม่ 11 ธีม (กลุ่ม "ศิลป์/เกมโปรไฟล์") + ปรับธีม Y2K 5 สีให้ต่างกันมากกว่าสี
   violetwidget ม่วงวิดเจ็ต | creamneu ครีมนูน | crimsonpop แดงป๊อป | hazardfile แฟ้มส้มเตือนภัย | wantedred หมายจับขาวดำแดง
   halftoneid บัตร ID ฮาล์ฟโทน | magicgrid เมจิคัลฟ้าเหลือง | brandclip โฟลเดอร์แบรนด์ | olivebubble เขียวมะกอกฟองแชท
   scrapweb สแครปบุ๊คเทาชมพู | chromenoir โครมนัวร์ (ดำ-เทา-ชมพู)
   lapdterm เทอร์มินัลตำรวจ LAPD | pixelscav หน้าต่างพิกเซลเบจ | loottable ตารางลูทอินเวนทอรี
   + ปรับธีม halloween ใหม่ (บล็อก halloween refresh ท้ายไฟล์ — ทับของเดิมด้วยกฎที่ตามหลัง ไม่ได้แก้บรรทัดเดิม)
   ทุกกฎผูกกับ id ของธีมตัวเอง — ธีมเดิมทั้งหมดไม่ถูกแก้ (ยกเว้นบล็อก "Y2K signature" ท้ายไฟล์ ที่ตั้งใจปรับ 5 ธีม y2k ของรอบก่อน)
   ปรับสี: แก้ค่า --p-* ในบล็อก palette ของแต่ละธีม
   ============================================================ */
@keyframes zk2-float{from{transform:translate3d(-14px,10px,0)}to{transform:translate3d(18px,-16px,0)}}
@keyframes zk2-tw{from{opacity:.35}to{opacity:1}}
@keyframes zk2-pan{from{background-position:0 0}to{background-position:var(--pan-x,0) var(--pan-y,0)}}
@keyframes zk2-tape{to{background-position:39.6px 0}}
@keyframes zk2-marq{from{transform:rotate(-16deg) translateX(0)}to{transform:rotate(-16deg) translateX(-33%)}}
@keyframes zk2-jit{0%{background-position:0 0}50%{background-position:4px 4px}100%{background-position:0 0}}
@keyframes zk2-rise260{to{transform:translate3d(0,-520px,0)}}
@keyframes zk2-rise300{to{transform:translate3d(0,-600px,0)}}
@keyframes zk2-rise420{to{transform:translate3d(0,-420px,0)}}
@keyframes zk2-sheen{from{background-position:0 0}to{background-position:100% 0}}
@keyframes zk3-scan{from{transform:translateY(-200px)}to{transform:translateY(100vh)}}
@keyframes zk3-blink{0%,70%{opacity:1}71%,100%{opacity:.25}}
@keyframes zk2-wave{0%,100%{background-size:3px 55%,3px 40%,3px 70%,3px 100%,3px 25%,3px 25%,3px 90%,3px 25%,3px 55%,3px 90%,3px 25%,3px 90%,3px 40%,3px 25%}25%{background-size:3px 25%,3px 70%,3px 70%,3px 25%,3px 40%,3px 25%,3px 90%,3px 70%,3px 25%,3px 90%,3px 25%,3px 40%,3px 100%,3px 100%}50%{background-size:3px 90%,3px 25%,3px 90%,3px 90%,3px 70%,3px 25%,3px 40%,3px 25%,3px 90%,3px 40%,3px 55%,3px 70%,3px 40%,3px 90%}75%{background-size:3px 25%,3px 90%,3px 55%,3px 90%,3px 100%,3px 40%,3px 25%,3px 90%,3px 90%,3px 100%,3px 40%,3px 55%,3px 25%,3px 90%}}
/* ---- mapping กลางของชุดนี้ ---- */
html[data-site-theme="violetwidget"],
html[data-site-theme="creamneu"],
html[data-site-theme="crimsonpop"],
html[data-site-theme="hazardfile"],
html[data-site-theme="wantedred"],
html[data-site-theme="halftoneid"],
html[data-site-theme="magicgrid"],
html[data-site-theme="brandclip"],
html[data-site-theme="olivebubble"],
html[data-site-theme="scrapweb"],
html[data-site-theme="chromenoir"],
html[data-site-theme="lapdterm"],
html[data-site-theme="pixelscav"],
html[data-site-theme="loottable"]{
  --text:var(--p-ink);--head:var(--p-head);--muted:var(--p-muted);--faint:var(--p-faint);
  --line:var(--p-line-soft);--chip:var(--p-chip);
  --btn:linear-gradient(var(--p-a1),var(--p-a1));--btn-text:var(--p-btext);--btn-rim:rgba(255,255,255,0.5);
  --head-grad:linear-gradient(120deg,var(--p-head),var(--p-accent));
  --accent:var(--p-accent);--accent-text:var(--p-atext);
  --disc:radial-gradient(circle at 32% 26%,#FFFFFF,var(--p-a1) 55%,var(--p-a2) 100%);
  --glass:linear-gradient(var(--p-paper),var(--p-paper));--glass-flat:var(--p-paper);--glass-bd:var(--p-line);--glass-rim:rgba(0,0,0,0);
  --inner:none;--field-bg:var(--p-field);--read-surface:var(--p-paper);
  --read-paper:var(--p-paper);--read-paper-text:var(--p-ink);--read-paper-bd:var(--p-line-soft);--read-paper-shadow:var(--shadow-soft);
  --blur:none;--grid-line:rgba(0,0,0,0);
}

/* ======== violetwidget : ม่วงวิดเจ็ต (แอปโทรศัพท์) ======== */
/* palette (แก้สีตรงนี้) */
html[data-site-theme="violetwidget"][data-theme="light"]{
  --zk-0:#FAFAFA;--zk-1:#F5F4F6;--zk-2:#F2F1F3;--zk-3:#E3E1E5;--zk-4:#D4D1D7;--zk-5:#A6A0AC;--zk-6:#786F80;--zk-7:#5A535F;--zk-8:#48424C;--zk-9:#312D34;--zk-10:#211F23;--zk-11:#141316;--p-bg1:#F3E9FA;--p-bg2:#E3D3F0;--p-paper:#FFFFFF;--p-ink:#4A3560;--p-head:#3A2450;--p-muted:#5E4876;--p-faint:#6F5A87;--p-line:#C9A7E0;--p-line-soft:rgba(201,167,224,0.45);--p-a1:#E5A7E3;--p-a2:#7E4F9E;--p-a3:#F4DDF6;--p-btext:#3A1B52;--p-accent:#7A3F9C;--p-atext:#FFFFFF;--p-chip:rgba(229,167,227,0.35);--p-field:#F7F0FB;--p-shadow:rgba(122,63,156,0.22);--p-hi:#FFFFFF;--p-pat:rgba(126,79,158,0.16);--p-blob1:#8B5BAE;--p-blob2:#E8A4E2;--p-blob3:#D8C6E6;--p-spark:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='80' height='30' viewBox='0 0 80 30'><path d='M3 22C12 4 20 6 28 16S44 27 52 13S68 7 77 3' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round'/><circle cx='3' cy='22' r='3'/><circle cx='28' cy='16' r='3'/><circle cx='52' cy='13' r='3'/><circle cx='77' cy='3' r='3'/></svg>");
}
html[data-site-theme="violetwidget"][data-theme="dark"]{
  --zk-0:#0D0C0E;--zk-1:#141316;--zk-2:#211F23;--zk-3:#312D34;--zk-4:#403B44;--zk-5:#5A535F;--zk-6:#8D8494;--zk-7:#A6A0AC;--zk-8:#D4D1D7;--zk-9:#E3E1E5;--zk-10:#F2F1F3;--zk-11:#F5F4F6;--p-bg1:#221432;--p-bg2:#130A1F;--p-paper:#2E1D44;--p-ink:#F3E8FF;--p-head:#FFFFFF;--p-muted:#DCCBEF;--p-faint:#B49BD0;--p-line:#8E63B5;--p-line-soft:rgba(142,99,181,0.45);--p-a1:#C37ACB;--p-a2:#A76FD0;--p-a3:#43285F;--p-btext:#240A33;--p-accent:#E3A6EA;--p-atext:#2A0F3A;--p-chip:rgba(195,122,203,0.22);--p-field:#25173A;--p-shadow:rgba(0,0,0,0.5);--p-hi:rgba(255,255,255,0.06);--p-pat:rgba(190,140,230,0.14);--p-blob1:#5B2F82;--p-blob2:#8E3E96;--p-blob3:#3B2756;--p-spark:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='80' height='30' viewBox='0 0 80 30'><path d='M3 22C12 4 20 6 28 16S44 27 52 13S68 7 77 3' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round'/><circle cx='3' cy='22' r='3'/><circle cx='28' cy='16' r='3'/><circle cx='52' cy='13' r='3'/><circle cx='77' cy='3' r='3'/></svg>");
}
/* shape (รูปทรง/ลูกเล่นเฉพาะธีม) */
html[data-site-theme="violetwidget"] ::selection{background:var(--p-a1);color:var(--p-btext)}
html[data-site-theme="violetwidget"] :is(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--p-accent);outline-offset:2px}
html[data-site-theme="violetwidget"] .modal{position:relative}

html[data-site-theme="violetwidget"]{--r-xs:14px;--r-sm:18px;--r-md:22px;--r-lg:26px;--r-xl:34px;
  --bg-grad:radial-gradient(circle at 10% 64%,color-mix(in srgb,var(--p-blob1) 50%,transparent) 0 230px,transparent 231px),radial-gradient(circle at 92% 72%,color-mix(in srgb,var(--p-blob2) 55%,transparent) 0 200px,transparent 201px),linear-gradient(color-mix(in srgb,var(--p-blob3) 55%,transparent),color-mix(in srgb,var(--p-blob3) 55%,transparent)) 82% 8%/130px 130px no-repeat,linear-gradient(color-mix(in srgb,var(--p-blob3) 45%,transparent),color-mix(in srgb,var(--p-blob3) 45%,transparent)) 4% 90%/90px 90px no-repeat,linear-gradient(180deg,var(--p-bg1),var(--p-bg2));
  --shadow-soft:0 10px 26px var(--p-shadow);--shadow-deep:0 18px 42px var(--p-shadow);accent-color:var(--p-accent)}
html[data-site-theme="violetwidget"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card,.nav,.info-tabs-wrap,.hero-info-detail,.modal,.budget-banner,.cmd-dock,.chat-panel,.dropdown-list,.btn-primary,.btn-glass,.btn-outline,.tab-btn){border-width:1.5px}
html[data-site-theme="violetwidget"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card){border-color:var(--p-line-soft);box-shadow:inset 7px 0 0 var(--p-a1),var(--shadow-soft)}
html[data-site-theme="violetwidget"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card):nth-child(even){box-shadow:inset 7px 0 0 var(--p-a2),var(--shadow-soft)}
html[data-site-theme="violetwidget"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before{content:"";position:absolute;top:10px;right:12px;z-index:3;pointer-events:none;box-sizing:border-box;width:28px;height:28px;border-radius:50%;border:2.5px solid var(--p-a1);background:radial-gradient(circle,var(--p-a2) 0 4.5px,var(--p-paper) 5px 8.5px,transparent 9px),var(--p-paper)}
html[data-site-theme="violetwidget"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after{content:"";position:absolute;right:14px;bottom:10px;z-index:3;pointer-events:none;width:72px;height:26px;background:var(--p-a1);opacity:.6;-webkit-mask:var(--p-spark) center/contain no-repeat;mask:var(--p-spark) center/contain no-repeat}
html[data-site-theme="violetwidget"] .modal::before{content:"";position:absolute;top:8px;left:50%;width:46px;height:5px;margin-left:-23px;z-index:3;pointer-events:none;border-radius:9px;background:var(--p-line)}
html[data-site-theme="violetwidget"] :is(.btn-primary,.btn-glass,.btn-outline){border-radius:999px;font-weight:700}
html[data-site-theme="violetwidget"] .btn-primary{background:var(--p-a1);color:var(--p-btext);border:2px solid var(--p-a1);box-shadow:0 6px 14px var(--p-shadow)}
html[data-site-theme="violetwidget"] .btn-glass{background:var(--p-a3);color:var(--p-ink);border:2px solid transparent}
html[data-site-theme="violetwidget"] .btn-outline{background:transparent;color:var(--p-accent);border:2px solid var(--p-accent)}
html[data-site-theme="violetwidget"] .tab-btn{border:2px solid var(--p-line);border-radius:999px;background:var(--p-paper);color:var(--p-ink);font-weight:700}
html[data-site-theme="violetwidget"] .tab-btn:is(.active,.on,.is-active,[aria-selected="true"],[aria-pressed="true"]){background:var(--p-a2);border-color:var(--p-a2);color:var(--p-atext)}
html[data-site-theme="violetwidget"] :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),select,textarea){border:2px solid var(--p-line);border-radius:999px;background:var(--p-field)}
html[data-site-theme="violetwidget"] input[type=search]{background:var(--p-field) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'><rect width='26' height='26' rx='7' fill='%23E5A7E3'/><circle cx='12' cy='12' r='5' fill='none' stroke='white' stroke-width='2'/><path d='M16 16l4 4' stroke='white' stroke-width='2' stroke-linecap='round'/></svg>") 6px 50%/26px 26px no-repeat;padding-left:42px}
html[data-site-theme="violetwidget"]::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 20% 80%,color-mix(in srgb,var(--p-blob2) 30%,transparent) 0 120px,transparent 121px),radial-gradient(circle at 78% 22%,color-mix(in srgb,var(--p-blob1) 22%,transparent) 0 150px,transparent 151px);animation:zk2-float 26s ease-in-out infinite alternate}

/* ======== creamneu : ครีมนูน (นีโอมอร์ฟิก) ======== */
/* palette (แก้สีตรงนี้) */
html[data-site-theme="creamneu"][data-theme="light"]{
  --zk-0:#FAFAFA;--zk-1:#F6F5F4;--zk-2:#F3F3F1;--zk-3:#E5E4E1;--zk-4:#D7D5D1;--zk-5:#ACA8A0;--zk-6:#807B6F;--zk-7:#5F5C53;--zk-8:#4C4942;--zk-9:#34322D;--zk-10:#23221F;--zk-11:#161513;--p-bg1:#F4F2EE;--p-bg2:#E8E5DF;--p-paper:#F6F4F0;--p-ink:#4B4A47;--p-head:#333230;--p-muted:#5C5B57;--p-faint:#6D6C67;--p-line:#D8D4CC;--p-line-soft:rgba(216,212,204,0.45);--p-a1:#B79AD6;--p-a2:#FFFFFF;--p-a3:#F2D55A;--p-btext:#2A1A40;--p-accent:#6F4F9C;--p-atext:#FFFFFF;--p-chip:rgba(183,154,214,0.35);--p-field:#EFEDE8;--p-shadow:rgba(150,145,135,0.45);--p-hi:#FFFFFF;--p-pat:rgba(255,255,255,0.9);--p-spark:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='340' height='340' viewBox='0 0 340 340'><path transform='translate(30 40) scale(0.7)' d='M50 0C54 30 70 46 100 50C70 54 54 70 50 100C46 70 30 54 0 50C30 46 46 30 50 0Z' fill='white' fill-opacity='.95'/><path transform='translate(230 20) scale(0.45)' d='M50 0C54 30 70 46 100 50C70 54 54 70 50 100C46 70 30 54 0 50C30 46 46 30 50 0Z' fill='white' fill-opacity='.95'/><path transform='translate(150 150) scale(0.9)' d='M50 0C54 30 70 46 100 50C70 54 54 70 50 100C46 70 30 54 0 50C30 46 46 30 50 0Z' fill='white' fill-opacity='.95'/><path transform='translate(270 230) scale(0.55)' d='M50 0C54 30 70 46 100 50C70 54 54 70 50 100C46 70 30 54 0 50C30 46 46 30 50 0Z' fill='white' fill-opacity='.95'/><path transform='translate(40 250) scale(0.4)' d='M50 0C54 30 70 46 100 50C70 54 54 70 50 100C46 70 30 54 0 50C30 46 46 30 50 0Z' fill='white' fill-opacity='.95'/><path transform='translate(110 300) scale(0.3)' d='M50 0C54 30 70 46 100 50C70 54 54 70 50 100C46 70 30 54 0 50C30 46 46 30 50 0Z' fill='white' fill-opacity='.95'/></svg>");
}
html[data-site-theme="creamneu"][data-theme="dark"]{
  --zk-0:#0E0D0C;--zk-1:#161513;--zk-2:#23221F;--zk-3:#34322D;--zk-4:#44413B;--zk-5:#5F5C53;--zk-6:#948F84;--zk-7:#ACA8A0;--zk-8:#D7D5D1;--zk-9:#E5E4E1;--zk-10:#F3F3F1;--zk-11:#F6F5F4;--p-bg1:#2B2B2E;--p-bg2:#1C1C1F;--p-paper:#323236;--p-ink:#EDEBF2;--p-head:#FFFFFF;--p-muted:#D2CFDC;--p-faint:#A9A5B8;--p-line:#46464C;--p-line-soft:rgba(70,70,76,0.45);--p-a1:#A78BD0;--p-a2:#3C3C41;--p-a3:#FFD866;--p-btext:#1B1030;--p-accent:#C7B0EA;--p-atext:#1B1030;--p-chip:rgba(167,139,208,0.22);--p-field:#29292C;--p-shadow:rgba(0,0,0,0.55);--p-hi:rgba(255,255,255,0.07);--p-pat:rgba(255,255,255,0.05);--p-spark:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='340' height='340' viewBox='0 0 340 340'><path transform='translate(30 40) scale(0.7)' d='M50 0C54 30 70 46 100 50C70 54 54 70 50 100C46 70 30 54 0 50C30 46 46 30 50 0Z' fill='white' fill-opacity='.07'/><path transform='translate(230 20) scale(0.45)' d='M50 0C54 30 70 46 100 50C70 54 54 70 50 100C46 70 30 54 0 50C30 46 46 30 50 0Z' fill='white' fill-opacity='.07'/><path transform='translate(150 150) scale(0.9)' d='M50 0C54 30 70 46 100 50C70 54 54 70 50 100C46 70 30 54 0 50C30 46 46 30 50 0Z' fill='white' fill-opacity='.07'/><path transform='translate(270 230) scale(0.55)' d='M50 0C54 30 70 46 100 50C70 54 54 70 50 100C46 70 30 54 0 50C30 46 46 30 50 0Z' fill='white' fill-opacity='.07'/><path transform='translate(40 250) scale(0.4)' d='M50 0C54 30 70 46 100 50C70 54 54 70 50 100C46 70 30 54 0 50C30 46 46 30 50 0Z' fill='white' fill-opacity='.07'/><path transform='translate(110 300) scale(0.3)' d='M50 0C54 30 70 46 100 50C70 54 54 70 50 100C46 70 30 54 0 50C30 46 46 30 50 0Z' fill='white' fill-opacity='.07'/></svg>");
}
/* shape (รูปทรง/ลูกเล่นเฉพาะธีม) */
html[data-site-theme="creamneu"] ::selection{background:var(--p-a1);color:var(--p-btext)}
html[data-site-theme="creamneu"] :is(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--p-accent);outline-offset:2px}
html[data-site-theme="creamneu"] .modal{position:relative}

html[data-site-theme="creamneu"]{--r-xs:16px;--r-sm:20px;--r-md:24px;--r-lg:28px;--r-xl:36px;
  --bg-grad:var(--p-spark) 0 0/340px 340px,radial-gradient(circle at 50% 0,var(--p-hi) 0,transparent 55%),linear-gradient(180deg,var(--p-bg1),var(--p-bg2));
  --shadow-soft:8px 8px 18px var(--p-shadow),-7px -7px 16px var(--p-hi);--shadow-deep:12px 12px 26px var(--p-shadow),-10px -10px 22px var(--p-hi);accent-color:var(--p-accent)}
html[data-site-theme="creamneu"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card,.nav,.info-tabs-wrap,.hero-info-detail,.modal,.budget-banner,.cmd-dock,.chat-panel,.dropdown-list,.btn-primary,.btn-glass,.btn-outline,.tab-btn){border-width:1.5px}
html[data-site-theme="creamneu"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card){border-color:var(--p-hi)}
html[data-site-theme="creamneu"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before{content:"";position:absolute;top:8px;left:50%;width:40px;height:5px;margin-left:-20px;z-index:3;pointer-events:none;border-radius:9px;background:var(--p-line)}
html[data-site-theme="creamneu"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after{content:"\2726\2726\2726\2726";position:absolute;top:8px;right:14px;z-index:3;pointer-events:none;color:var(--p-a3);font-size:12px;line-height:14px;letter-spacing:3px;text-shadow:0 1px 1px var(--p-shadow)}
html[data-site-theme="creamneu"] .modal::before{content:"";position:absolute;top:8px;left:50%;width:40px;height:5px;margin-left:-20px;z-index:3;pointer-events:none;border-radius:9px;background:var(--p-line)}
html[data-site-theme="creamneu"] :is(.btn-primary,.btn-glass,.btn-outline){border-radius:999px;font-weight:700;border:1.5px solid var(--p-hi);box-shadow:5px 5px 11px var(--p-shadow),-5px -5px 11px var(--p-hi)}
html[data-site-theme="creamneu"] .btn-primary{background:var(--p-a1);color:var(--p-btext)}
html[data-site-theme="creamneu"] .btn-glass,html[data-site-theme="creamneu"] .btn-outline{background:var(--p-paper);color:var(--p-ink)}
html[data-site-theme="creamneu"] :is(.btn-primary,.btn-glass,.btn-outline):active{box-shadow:inset 4px 4px 9px var(--p-shadow),inset -4px -4px 9px var(--p-hi);transform:none}
html[data-site-theme="creamneu"] .tab-btn{border:1.5px solid var(--p-hi);border-radius:999px;background:var(--p-paper);color:var(--p-ink);font-weight:600;box-shadow:4px 4px 9px var(--p-shadow),-4px -4px 9px var(--p-hi)}
html[data-site-theme="creamneu"] .tab-btn:is(.active,.on,.is-active,[aria-selected="true"],[aria-pressed="true"]){color:var(--p-accent);box-shadow:inset 4px 4px 9px var(--p-shadow),inset -4px -4px 9px var(--p-hi)}
html[data-site-theme="creamneu"] .cmd-dock{border-radius:40px;box-shadow:inset 5px 5px 12px var(--p-shadow),inset -5px -5px 12px var(--p-hi)}
html[data-site-theme="creamneu"] :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),select,textarea){border:1.5px solid var(--p-hi);border-radius:18px;background:var(--p-field);box-shadow:inset 4px 4px 9px var(--p-shadow),inset -4px -4px 9px var(--p-hi)}
html[data-site-theme="creamneu"]::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:var(--p-spark) 120px 80px/420px 420px;animation:zk2-tw 6s ease-in-out infinite alternate}

/* ======== crimsonpop : แดงป๊อป (การ์ดโปรไฟล์เกม) ======== */
/* palette (แก้สีตรงนี้) */
html[data-site-theme="crimsonpop"][data-theme="light"]{
  --zk-0:#FAFAFA;--zk-1:#F6F4F4;--zk-2:#F3F1F2;--zk-3:#E5E1E2;--zk-4:#D7D1D2;--zk-5:#ACA0A2;--zk-6:#806F73;--zk-7:#5F5356;--zk-8:#4C4244;--zk-9:#342D2E;--zk-10:#231F20;--zk-11:#161314;--p-bg1:#F54A6D;--p-bg2:#EE4468;--p-paper:#FBF8F3;--p-ink:#161616;--p-head:#000000;--p-muted:#181818;--p-faint:#232323;--p-line:#111111;--p-line-soft:rgba(17,17,17,0.45);--p-a1:#D81E4A;--p-a2:#FFFFFF;--p-a3:#FFD3DC;--p-btext:#FFFFFF;--p-accent:#D81E4A;--p-atext:#FFFFFF;--p-chip:rgba(216,30,74,0.35);--p-field:#FFFFFF;--p-shadow:#111111;--p-hi:#FFFFFF;--p-pat:rgba(216,30,74,0.16);--p-plus:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='56' height='56'><path d='M28 20v16M20 28h16' stroke='white' stroke-opacity='.30' stroke-width='3' stroke-linecap='round'/></svg>");
}
html[data-site-theme="crimsonpop"][data-theme="dark"]{
  --zk-0:#0E0C0C;--zk-1:#161314;--zk-2:#231F20;--zk-3:#342D2E;--zk-4:#443B3D;--zk-5:#5F5356;--zk-6:#948487;--zk-7:#ACA0A2;--zk-8:#D7D1D2;--zk-9:#E5E1E2;--zk-10:#F3F1F2;--zk-11:#F6F4F4;--p-bg1:#5A0F25;--p-bg2:#2B0612;--p-paper:#1E1A1B;--p-ink:#F7F2F2;--p-head:#FFFFFF;--p-muted:#E5DADA;--p-faint:#BDAFB0;--p-line:#FFB3C4;--p-line-soft:rgba(255,179,196,0.45);--p-a1:#FF4D73;--p-a2:#2A2224;--p-a3:#3A1722;--p-btext:#1A0309;--p-accent:#FF8FA8;--p-atext:#1A0309;--p-chip:rgba(255,77,115,0.22);--p-field:#261F21;--p-shadow:#FF4D73;--p-hi:rgba(255,255,255,0.1);--p-pat:rgba(255,77,115,0.18);--p-plus:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='56' height='56'><path d='M28 20v16M20 28h16' stroke='%23FF8FA8' stroke-opacity='.22' stroke-width='3' stroke-linecap='round'/></svg>");
}
/* shape (รูปทรง/ลูกเล่นเฉพาะธีม) */
html[data-site-theme="crimsonpop"] ::selection{background:var(--p-a1);color:var(--p-btext)}
html[data-site-theme="crimsonpop"] :is(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--p-accent);outline-offset:2px}
html[data-site-theme="crimsonpop"] .modal{position:relative}

html[data-site-theme="crimsonpop"]{--r-xs:8px;--r-sm:10px;--r-md:12px;--r-lg:14px;--r-xl:16px;
  --bg-grad:radial-gradient(circle at 50% 28%,rgba(255,255,255,.2),transparent 55%),linear-gradient(180deg,var(--p-bg1),var(--p-bg2));
  --glass:repeating-linear-gradient(45deg,transparent 0 15px,var(--p-pat) 15px 16px),repeating-linear-gradient(-45deg,transparent 0 15px,var(--p-pat) 15px 16px),linear-gradient(var(--p-paper),var(--p-paper));
  --shadow-soft:5px 5px 0 var(--p-shadow);--shadow-deep:8px 8px 0 var(--p-shadow);accent-color:var(--p-a1)}
html[data-site-theme="crimsonpop"] h1,html[data-site-theme="crimsonpop"] h2,html[data-site-theme="crimsonpop"] h3{font-weight:800;letter-spacing:-.01em}
html[data-site-theme="crimsonpop"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card,.nav,.info-tabs-wrap,.hero-info-detail,.modal,.budget-banner,.cmd-dock,.chat-panel,.dropdown-list,.btn-primary,.btn-glass,.btn-outline,.tab-btn){border-width:3px}
html[data-site-theme="crimsonpop"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card),html[data-site-theme="crimsonpop"] .modal,html[data-site-theme="crimsonpop"] .info-tabs-wrap,html[data-site-theme="crimsonpop"] .hero-info-detail{border-color:var(--p-line)}
html[data-site-theme="crimsonpop"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before{content:"\25CF\25CF\25CF";position:absolute;top:6px;left:12px;z-index:3;pointer-events:none;color:var(--p-line);font-size:8px;line-height:12px;letter-spacing:4px}
html[data-site-theme="crimsonpop"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after{content:"\2713";position:absolute;top:7px;right:10px;z-index:3;pointer-events:none;box-sizing:border-box;width:20px;height:20px;border:2px solid var(--p-line);border-radius:5px;background:var(--p-a1);color:var(--p-btext);font-size:12px;font-weight:900;line-height:16px;text-align:center}
html[data-site-theme="crimsonpop"] :is(.btn-primary,.btn-glass,.btn-outline){border:3px solid var(--p-line);border-radius:10px;font-weight:800;box-shadow:4px 4px 0 var(--p-shadow);transition:transform .08s,box-shadow .08s}
html[data-site-theme="crimsonpop"] .btn-primary{background:var(--p-a1);color:var(--p-btext)}
html[data-site-theme="crimsonpop"] .btn-glass,html[data-site-theme="crimsonpop"] .btn-outline{background:var(--p-paper);color:var(--p-ink)}
html[data-site-theme="crimsonpop"] :is(.btn-primary,.btn-glass,.btn-outline):hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--p-shadow)}
html[data-site-theme="crimsonpop"] :is(.btn-primary,.btn-glass,.btn-outline):active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--p-shadow)}
html[data-site-theme="crimsonpop"] .tab-btn{border:3px solid var(--p-line);border-radius:10px;background:var(--p-paper);color:var(--p-ink);font-weight:800;box-shadow:3px 3px 0 var(--p-shadow)}
html[data-site-theme="crimsonpop"] .tab-btn:is(.active,.on,.is-active,[aria-selected="true"],[aria-pressed="true"]){background:var(--p-a1);color:var(--p-btext)}
html[data-site-theme="crimsonpop"] :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),select,textarea){border:3px solid var(--p-line);border-radius:10px;background:var(--p-field);box-shadow:3px 3px 0 var(--p-shadow)}
html[data-site-theme="crimsonpop"]::before{content:"";position:fixed;left:-60px;top:-60px;width:calc(100% + 120px);height:calc(100% + 120px);pointer-events:none;z-index:-1;background:var(--p-plus) 0 0/56px 56px;animation:zk2-pan 40s linear infinite;--pan-x:56px;--pan-y:56px}

/* ======== hazardfile : แฟ้มโปรเจกต์ ส้มเตือนภัย ======== */
/* palette (แก้สีตรงนี้) */
html[data-site-theme="hazardfile"][data-theme="light"]{
  --zk-0:#FAFAFA;--zk-1:#F6F5F4;--zk-2:#F3F2F1;--zk-3:#E5E3E1;--zk-4:#D7D3D1;--zk-5:#ACA5A0;--zk-6:#80776F;--zk-7:#5F5953;--zk-8:#4C4742;--zk-9:#34302D;--zk-10:#23211F;--zk-11:#161413;--p-bg1:#F27A22;--p-bg2:#E4600F;--p-paper:#ECE8DD;--p-ink:#1B1B1B;--p-head:#000000;--p-muted:#1C1C1C;--p-faint:#262626;--p-line:#1B1B1B;--p-line-soft:rgba(27,27,27,0.45);--p-a1:#1B1B1B;--p-a2:#F4C200;--p-a3:#D9D4C6;--p-btext:#FFFFFF;--p-accent:#B03F00;--p-atext:#FFFFFF;--p-chip:rgba(27,27,27,0.35);--p-field:#F7F4EC;--p-shadow:rgba(0,0,0,0.38);--p-hi:#FFFFFF;--p-pat:rgba(0,0,0,0.10);--p-tape:rgba(214,206,176,0.82);
}
html[data-site-theme="hazardfile"][data-theme="dark"]{
  --zk-0:#0E0D0C;--zk-1:#161413;--zk-2:#23211F;--zk-3:#34302D;--zk-4:#443F3B;--zk-5:#5F5953;--zk-6:#948C84;--zk-7:#ACA5A0;--zk-8:#D7D3D1;--zk-9:#E5E3E1;--zk-10:#F3F2F1;--zk-11:#F6F5F4;--p-bg1:#3A1A08;--p-bg2:#1E0D04;--p-paper:#2B2722;--p-ink:#F2EBDD;--p-head:#FFFFFF;--p-muted:#E0D6C2;--p-faint:#B3A68F;--p-line:#E8DFCB;--p-line-soft:rgba(232,223,203,0.45);--p-a1:#F27A22;--p-a2:#F4C200;--p-a3:#3C352B;--p-btext:#1B0A00;--p-accent:#FF9A4D;--p-atext:#1B0A00;--p-chip:rgba(242,122,34,0.22);--p-field:#231F1B;--p-shadow:rgba(0,0,0,0.7);--p-hi:rgba(255,255,255,0.07);--p-pat:rgba(255,255,255,0.07);--p-tape:rgba(130,118,88,0.75);
}
/* shape (รูปทรง/ลูกเล่นเฉพาะธีม) */
html[data-site-theme="hazardfile"] ::selection{background:var(--p-a1);color:var(--p-btext)}
html[data-site-theme="hazardfile"] :is(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--p-accent);outline-offset:2px}
html[data-site-theme="hazardfile"] .modal{position:relative}

html[data-site-theme="hazardfile"]{--r-xs:2px;--r-sm:3px;--r-md:4px;--r-lg:5px;--r-xl:6px;
  --display:'Impact','Haettenschweiler','Arial Narrow Bold','Anuphan',sans-serif;
  --bg-grad:linear-gradient(135deg,transparent 0 48%,rgba(0,0,0,.07) 48% 52%,transparent 52%) 0 0/26px 26px,linear-gradient(180deg,var(--p-bg1),var(--p-bg2));
  --glass:linear-gradient(var(--p-pat) 1px,transparent 1px) 0 0/18px 18px,linear-gradient(90deg,var(--p-pat) 1px,transparent 1px) 0 0/18px 18px,linear-gradient(var(--p-paper),var(--p-paper));
  --shadow-soft:0 4px 0 var(--p-shadow);--shadow-deep:0 7px 0 var(--p-shadow);accent-color:var(--p-accent)}
html[data-site-theme="hazardfile"] h1,html[data-site-theme="hazardfile"] h2{text-transform:uppercase;letter-spacing:.01em}
html[data-site-theme="hazardfile"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card,.nav,.info-tabs-wrap,.hero-info-detail,.modal,.budget-banner,.cmd-dock,.chat-panel,.dropdown-list,.btn-primary,.btn-glass,.btn-outline,.tab-btn){border-width:2px}
html[data-site-theme="hazardfile"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card),html[data-site-theme="hazardfile"] .modal{border-color:var(--p-line)}
html[data-site-theme="hazardfile"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before,html[data-site-theme="hazardfile"] .modal::before{content:"\258C PROJECT LOG   \25AA\25AA\25AA";position:absolute;top:0;left:0;right:0;height:18px;z-index:3;pointer-events:none;box-sizing:border-box;padding:0 10px;background:var(--p-a1);color:var(--p-btext);font:700 9px/18px 'Courier New',ui-monospace,monospace;letter-spacing:.14em;white-space:pre;overflow:hidden;border-top-left-radius:inherit;border-top-right-radius:inherit}
html[data-site-theme="hazardfile"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after,html[data-site-theme="hazardfile"] .modal::after{content:"";position:absolute;top:-8px;left:-8px;right:-8px;height:16px;z-index:4;pointer-events:none;background:linear-gradient(var(--p-tape),var(--p-tape)) left/56px 100% no-repeat,linear-gradient(var(--p-tape),var(--p-tape)) right/56px 100% no-repeat}
html[data-site-theme="hazardfile"] :is(.btn-primary,.btn-glass,.btn-outline){border:2px solid var(--p-line);border-radius:2px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;box-shadow:3px 3px 0 var(--p-a2)}
html[data-site-theme="hazardfile"] .btn-primary{background:var(--p-a1);color:var(--p-btext)}
html[data-site-theme="hazardfile"] .btn-glass,html[data-site-theme="hazardfile"] .btn-outline{background:var(--p-paper);color:var(--p-ink)}
html[data-site-theme="hazardfile"] :is(.btn-primary,.btn-glass,.btn-outline):active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--p-a2)}
html[data-site-theme="hazardfile"] .tab-btn{border:2px solid var(--p-line);border-radius:0 8px 8px 0;background:var(--p-a1);color:var(--p-btext);font-weight:800;text-transform:uppercase;letter-spacing:.05em}
html[data-site-theme="hazardfile"] .tab-btn:is(.active,.on,.is-active,[aria-selected="true"],[aria-pressed="true"]){background:var(--p-a2);color:#1B1B1B}
html[data-site-theme="hazardfile"] :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),select,textarea){border:2px solid var(--p-line);border-radius:2px;background:var(--p-field);font-family:'Courier New',ui-monospace,monospace}
html[data-site-theme="hazardfile"]::before{content:"";position:fixed;left:0;right:0;top:0;height:14px;pointer-events:none;z-index:-1;background:repeating-linear-gradient(-45deg,#F4C200 0 14px,#1B1B1B 14px 28px);animation:zk2-tape 3s linear infinite}
html[data-site-theme="hazardfile"]::after{content:"";position:fixed;left:0;right:0;bottom:0;height:14px;pointer-events:none;z-index:-1;background:repeating-linear-gradient(-45deg,#F4C200 0 14px,#1B1B1B 14px 28px);animation:zk2-tape 3s linear infinite reverse}

/* ======== wantedred : โปสเตอร์หมายจับ (ขาวดำ-แดงเลือดหมู) ======== */
/* palette (แก้สีตรงนี้) */
html[data-site-theme="wantedred"][data-theme="light"]{
  --zk-0:#FAFAFA;--zk-1:#F6F5F4;--zk-2:#F3F2F1;--zk-3:#E5E3E1;--zk-4:#D7D3D1;--zk-5:#ACA5A0;--zk-6:#80776F;--zk-7:#5F5953;--zk-8:#4C4742;--zk-9:#34302D;--zk-10:#23211F;--zk-11:#161413;--p-bg1:#CFCBC4;--p-bg2:#B9B5AD;--p-paper:#EFEDE8;--p-ink:#1F1D1C;--p-head:#000000;--p-muted:#34312F;--p-faint:#4A4745;--p-line:#3A3736;--p-line-soft:rgba(58,55,54,0.45);--p-a1:#8E1B2E;--p-a2:#1F1D1C;--p-a3:#D8D4CD;--p-btext:#FFFFFF;--p-accent:#8E1B2E;--p-atext:#FFFFFF;--p-chip:rgba(142,27,46,0.35);--p-field:#F7F5F1;--p-shadow:rgba(0,0,0,0.35);--p-hi:#FFFFFF;--p-pat:rgba(0,0,0,0.12);--p-noise:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .35 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
}
html[data-site-theme="wantedred"][data-theme="dark"]{
  --zk-0:#0E0D0C;--zk-1:#161413;--zk-2:#23211F;--zk-3:#34302D;--zk-4:#443F3B;--zk-5:#5F5953;--zk-6:#948B84;--zk-7:#ACA5A0;--zk-8:#D7D3D1;--zk-9:#E5E3E1;--zk-10:#F3F2F1;--zk-11:#F6F5F4;--p-bg1:#1B1B1D;--p-bg2:#0A0A0B;--p-paper:#26262A;--p-ink:#EDEAE6;--p-head:#FFFFFF;--p-muted:#D2CEC8;--p-faint:#A29E98;--p-line:#8A8690;--p-line-soft:rgba(138,134,144,0.45);--p-a1:#C21F3A;--p-a2:#EDEAE6;--p-a3:#343438;--p-btext:#FFFFFF;--p-accent:#FF6B80;--p-atext:#1A0409;--p-chip:rgba(194,31,58,0.22);--p-field:#1F1F22;--p-shadow:rgba(0,0,0,0.6);--p-hi:rgba(255,255,255,0.06);--p-pat:rgba(255,255,255,0.07);--p-noise:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .18 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
}
/* shape (รูปทรง/ลูกเล่นเฉพาะธีม) */
html[data-site-theme="wantedred"] ::selection{background:var(--p-a1);color:var(--p-btext)}
html[data-site-theme="wantedred"] :is(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--p-accent);outline-offset:2px}
html[data-site-theme="wantedred"] .modal{position:relative}

html[data-site-theme="wantedred"]{--r-xs:0px;--r-sm:1px;--r-md:2px;--r-lg:2px;--r-xl:3px;
  --display:'Impact','Haettenschweiler','Arial Narrow Bold','Anuphan',sans-serif;
  --bg-grad:var(--p-noise) 0 0/160px 160px,radial-gradient(circle,var(--p-pat) 1px,transparent 1.6px) 0 0/6px 6px,linear-gradient(180deg,var(--p-bg1),var(--p-bg2));
  --glass:radial-gradient(circle,var(--p-pat) .8px,transparent 1.4px) 0 0/5px 5px,linear-gradient(var(--p-paper),var(--p-paper));
  --shadow-soft:3px 4px 0 var(--p-shadow);--shadow-deep:6px 8px 0 var(--p-shadow);accent-color:var(--p-a1)}
html[data-site-theme="wantedred"] h1,html[data-site-theme="wantedred"] h2{text-transform:uppercase;letter-spacing:.02em}
html[data-site-theme="wantedred"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card,.nav,.info-tabs-wrap,.hero-info-detail,.modal,.budget-banner,.cmd-dock,.chat-panel,.dropdown-list,.btn-primary,.btn-glass,.btn-outline,.tab-btn){border-width:1.5px}
html[data-site-theme="wantedred"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card){border-color:var(--p-line);border-top:5px solid var(--p-a1)}
html[data-site-theme="wantedred"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before{content:"TOP SECRET";position:absolute;top:14px;right:26px;z-index:3;pointer-events:none;padding:1px 8px;border:2px solid var(--p-a1);outline:1px solid var(--p-a1);outline-offset:2px;color:var(--p-a1);font:800 11px/16px 'Courier New',ui-monospace,monospace;letter-spacing:.14em;opacity:.82;transform:rotate(-8deg)}
html[data-site-theme="wantedred"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after{content:"";position:absolute;top:0;right:0;bottom:0;width:10px;z-index:3;pointer-events:none;background:var(--p-a1)}
html[data-site-theme="wantedred"] :is(.btn-primary,.btn-glass,.btn-outline){border:2px solid var(--p-line);border-radius:0;font-weight:800;text-transform:uppercase;letter-spacing:.08em;box-shadow:3px 3px 0 var(--p-a2)}
html[data-site-theme="wantedred"] .btn-primary{background:var(--p-a1);color:var(--p-btext)}
html[data-site-theme="wantedred"] .btn-glass,html[data-site-theme="wantedred"] .btn-outline{background:var(--p-paper);color:var(--p-ink)}
html[data-site-theme="wantedred"] :is(.btn-primary,.btn-glass,.btn-outline):active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--p-a2)}
html[data-site-theme="wantedred"] .tab-btn{border:0;border-bottom:3px solid var(--p-line);border-radius:0;background:transparent;color:var(--p-ink);font-weight:800;text-transform:uppercase;letter-spacing:.06em}
html[data-site-theme="wantedred"] .tab-btn:is(.active,.on,.is-active,[aria-selected="true"],[aria-pressed="true"]){background:var(--p-a2);color:var(--p-paper);border-bottom-color:var(--p-a1)}
html[data-site-theme="wantedred"] :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),select,textarea){border:2px solid var(--p-line);border-radius:0;background:var(--p-field);font-family:'Courier New',ui-monospace,monospace}
html[data-site-theme="wantedred"]::after{content:"CLASSIFIED  \00B7  TOP SECRET  \00B7  CLASSIFIED  \00B7  TOP SECRET  \00B7  CLASSIFIED  \00B7  TOP SECRET";position:fixed;left:-10%;top:42%;width:160%;pointer-events:none;z-index:-1;color:var(--p-a1);opacity:.06;font:400 130px/1 'Impact','Haettenschweiler','Arial Narrow Bold',sans-serif;white-space:nowrap;transform:rotate(-16deg);animation:zk2-marq 90s linear infinite}

/* ======== halftoneid : บัตร ID ฮาล์ฟโทน (โมโนโครม) ======== */
/* palette (แก้สีตรงนี้) */
html[data-site-theme="halftoneid"][data-theme="light"]{
  --zk-0:#FAFAFA;--zk-1:#F4F5F6;--zk-2:#F1F2F3;--zk-3:#E1E3E5;--zk-4:#D1D4D7;--zk-5:#A0A5AC;--zk-6:#6F7780;--zk-7:#53595F;--zk-8:#42474C;--zk-9:#2D3034;--zk-10:#1F2123;--zk-11:#131416;--p-bg1:#F1F1EF;--p-bg2:#DADAD7;--p-paper:#FFFFFF;--p-ink:#111111;--p-head:#000000;--p-muted:#2A2A2A;--p-faint:#444444;--p-line:#111111;--p-line-soft:rgba(17,17,17,0.45);--p-a1:#56606B;--p-a2:#111111;--p-a3:#D6D8DB;--p-btext:#FFFFFF;--p-accent:#111111;--p-atext:#FFFFFF;--p-chip:rgba(86,96,107,0.35);--p-field:#FFFFFF;--p-shadow:#B5B7BA;--p-hi:#FFFFFF;--p-pat:rgba(0,0,0,0.9);--p-noise:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .30 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
}
html[data-site-theme="halftoneid"][data-theme="dark"]{
  --zk-0:#0C0D0E;--zk-1:#131416;--zk-2:#1F2123;--zk-3:#2D3034;--zk-4:#3B4044;--zk-5:#53595F;--zk-6:#848C94;--zk-7:#A0A5AC;--zk-8:#D1D4D7;--zk-9:#E1E3E5;--zk-10:#F1F2F3;--zk-11:#F4F5F6;--p-bg1:#0D0D0E;--p-bg2:#000000;--p-paper:#1B1B1D;--p-ink:#F2F2F0;--p-head:#FFFFFF;--p-muted:#D6D6D3;--p-faint:#A5A5A2;--p-line:#F2F2F0;--p-line-soft:rgba(242,242,240,0.45);--p-a1:#8995A3;--p-a2:#F2F2F0;--p-a3:#3A3A3E;--p-btext:#0B0B0C;--p-accent:#F2F2F0;--p-atext:#111111;--p-chip:rgba(137,149,163,0.22);--p-field:#121213;--p-shadow:#3A3A3E;--p-hi:rgba(255,255,255,0.08);--p-pat:rgba(255,255,255,0.9);--p-noise:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .30 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
}
/* shape (รูปทรง/ลูกเล่นเฉพาะธีม) */
html[data-site-theme="halftoneid"] ::selection{background:var(--p-a1);color:var(--p-btext)}
html[data-site-theme="halftoneid"] :is(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--p-accent);outline-offset:2px}
html[data-site-theme="halftoneid"] .modal{position:relative}

html[data-site-theme="halftoneid"]{--r-xs:4px;--r-sm:5px;--r-md:6px;--r-lg:8px;--r-xl:10px;
  --bg-grad:var(--p-noise) 0 0/160px 160px,linear-gradient(180deg,var(--p-bg1),var(--p-bg2));
  --shadow-soft:7px 7px 0 var(--p-shadow),7px 7px 0 2px var(--p-line);--shadow-deep:10px 10px 0 var(--p-shadow),10px 10px 0 2px var(--p-line);accent-color:var(--p-a1)}
html[data-site-theme="halftoneid"] h1,html[data-site-theme="halftoneid"] h2,html[data-site-theme="halftoneid"] h3{letter-spacing:-.04em;font-weight:500}
html[data-site-theme="halftoneid"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card,.nav,.info-tabs-wrap,.hero-info-detail,.modal,.budget-banner,.cmd-dock,.chat-panel,.dropdown-list,.btn-primary,.btn-glass,.btn-outline,.tab-btn){border-width:2px}
html[data-site-theme="halftoneid"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card),html[data-site-theme="halftoneid"] .modal{border-color:var(--p-line)}
html[data-site-theme="halftoneid"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before,html[data-site-theme="halftoneid"] .modal::before{content:"";position:absolute;top:0;left:0;right:0;height:22px;z-index:3;pointer-events:none;box-sizing:border-box;border-bottom:2px solid var(--p-line);border-top-left-radius:inherit;border-top-right-radius:inherit;background:linear-gradient(var(--p-paper),var(--p-paper)) 10px 50%/9px 9px no-repeat,linear-gradient(var(--p-paper),var(--p-paper)) 56px 50%/9px 9px no-repeat,linear-gradient(var(--p-paper),var(--p-paper)) 102px 50%/9px 9px no-repeat,linear-gradient(var(--p-paper),var(--p-paper)) 12px 50%/100px 2px no-repeat,var(--p-a1)}
html[data-site-theme="halftoneid"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after{content:"";position:absolute;right:10px;bottom:8px;width:64px;height:14px;z-index:3;pointer-events:none;background:repeating-linear-gradient(90deg,var(--p-line) 0 2px,transparent 2px 4px,var(--p-line) 4px 5px,transparent 5px 8px,var(--p-line) 8px 11px,transparent 11px 12px)}
html[data-site-theme="halftoneid"] :is(.btn-primary,.btn-glass,.btn-outline){border:2px solid var(--p-line);border-radius:4px;font-weight:700;letter-spacing:-.01em}
html[data-site-theme="halftoneid"] .btn-primary{background:var(--p-a2);color:var(--p-paper)}
html[data-site-theme="halftoneid"] .btn-glass,html[data-site-theme="halftoneid"] .btn-outline{background:var(--p-paper);color:var(--p-ink)}
html[data-site-theme="halftoneid"] :is(.btn-primary,.btn-glass,.btn-outline):hover{background:var(--p-a1);color:var(--p-btext)}
html[data-site-theme="halftoneid"] .tab-btn{border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;color:var(--p-ink);font-weight:600}
html[data-site-theme="halftoneid"] .tab-btn:is(.active,.on,.is-active,[aria-selected="true"],[aria-pressed="true"]){border-bottom-color:var(--p-line)}
html[data-site-theme="halftoneid"] .tab-btn:is(.active,.on,.is-active,[aria-selected="true"],[aria-pressed="true"])::before{content:"( "}
html[data-site-theme="halftoneid"] .tab-btn:is(.active,.on,.is-active,[aria-selected="true"],[aria-pressed="true"])::after{content:" )"}
html[data-site-theme="halftoneid"] :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),select,textarea){border:2px solid var(--p-line);border-radius:4px;background:var(--p-field)}
html[data-site-theme="halftoneid"]::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.16;background:repeating-conic-gradient(var(--p-pat) 0 25%,transparent 0 50%) 0 0/8px 8px;-webkit-mask-image:radial-gradient(circle at 0% 0%,#000 0 120px,transparent 340px),radial-gradient(circle at 100% 100%,#000 0 120px,transparent 340px);mask-image:radial-gradient(circle at 0% 0%,#000 0 120px,transparent 340px),radial-gradient(circle at 100% 100%,#000 0 120px,transparent 340px);animation:zk2-jit 1.2s steps(2) infinite}

/* ======== magicgrid : เมจิคัลพิกเซล ฟ้า-เหลือง (หน้าต่างเกม) ======== */
/* palette (แก้สีตรงนี้) */
html[data-site-theme="magicgrid"][data-theme="light"]{
  --zk-0:#FAFAFA;--zk-1:#F4F4F6;--zk-2:#F1F2F3;--zk-3:#E1E2E5;--zk-4:#D1D2D7;--zk-5:#A0A2AC;--zk-6:#6F7380;--zk-7:#53565F;--zk-8:#42454C;--zk-9:#2D2F34;--zk-10:#1F2023;--zk-11:#131416;--p-bg1:#DDEBFF;--p-bg2:#C6DAFF;--p-paper:#FFFEF0;--p-ink:#1F3A99;--p-head:#12276E;--p-muted:#2C4BB0;--p-faint:#3D5BC0;--p-line:#2F5BEA;--p-line-soft:rgba(47,91,234,0.45);--p-a1:#FFF08A;--p-a2:#BFD5FF;--p-a3:#FFD6EA;--p-btext:#1A2E80;--p-accent:#2A4FD6;--p-atext:#FFFFFF;--p-chip:rgba(255,240,138,0.35);--p-field:#FFFFFF;--p-shadow:rgba(47,91,234,0.35);--p-hi:#FFFFFF;--p-pat:rgba(47,91,234,0.20);--p-bun:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='260' height='260' viewBox='0 0 260 260'><g transform='translate(34 46) scale(.75)' stroke='%232F5BEA' stroke-width='3.5' stroke-linejoin='round'><ellipse cx='36' cy='24' rx='8' ry='19' fill='white'/><ellipse cx='64' cy='24' rx='8' ry='19' fill='white'/><ellipse cx='50' cy='64' rx='31' ry='25' fill='white'/><circle cx='40' cy='64' r='2.8' fill='%232F5BEA' stroke='none'/><circle cx='60' cy='64' r='2.8' fill='%232F5BEA' stroke='none'/><path d='M46 72q4 3 8 0' fill='none' stroke-linecap='round'/></g><path transform='translate(168 156) scale(.42)' d='M50 4L62 36L96 38L69 59L79 92L50 73L21 92L31 59L4 38L38 36Z' fill='%23FFE45C' stroke='%232F5BEA' stroke-width='6' stroke-linejoin='round'/><path transform='translate(190 40) scale(.25)' d='M50 0C54 30 70 46 100 50C70 54 54 70 50 100C46 70 30 54 0 50C30 46 46 30 50 0Z' fill='%232F5BEA'/></svg>");
}
html[data-site-theme="magicgrid"][data-theme="dark"]{
  --zk-0:#0C0C0E;--zk-1:#131416;--zk-2:#1F2023;--zk-3:#2D2F34;--zk-4:#3B3D44;--zk-5:#53565F;--zk-6:#848894;--zk-7:#A0A2AC;--zk-8:#D1D2D7;--zk-9:#E1E2E5;--zk-10:#F1F2F3;--zk-11:#F4F4F6;--p-bg1:#0F1E4D;--p-bg2:#0A1235;--p-paper:#17285F;--p-ink:#EAF0FF;--p-head:#FFFFFF;--p-muted:#CCD8FF;--p-faint:#9DB2F5;--p-line:#7FA2FF;--p-line-soft:rgba(127,162,255,0.45);--p-a1:#FFE45C;--p-a2:#2E4A9E;--p-a3:#6A3C8C;--p-btext:#1A1500;--p-accent:#FFE45C;--p-atext:#1A1500;--p-chip:rgba(255,228,92,0.22);--p-field:#112050;--p-shadow:rgba(0,0,0,0.5);--p-hi:rgba(255,255,255,0.08);--p-pat:rgba(127,162,255,0.20);--p-bun:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='260' height='260' viewBox='0 0 260 260'><g transform='translate(34 46) scale(.75)' stroke='%239DB8FF' stroke-width='3.5' stroke-linejoin='round'><ellipse cx='36' cy='24' rx='8' ry='19' fill='%2317285F'/><ellipse cx='64' cy='24' rx='8' ry='19' fill='%2317285F'/><ellipse cx='50' cy='64' rx='31' ry='25' fill='%2317285F'/><circle cx='40' cy='64' r='2.8' fill='%239DB8FF' stroke='none'/><circle cx='60' cy='64' r='2.8' fill='%239DB8FF' stroke='none'/><path d='M46 72q4 3 8 0' fill='none' stroke-linecap='round'/></g><path transform='translate(168 156) scale(.42)' d='M50 4L62 36L96 38L69 59L79 92L50 73L21 92L31 59L4 38L38 36Z' fill='%23FFE45C' stroke='%239DB8FF' stroke-width='6' stroke-linejoin='round'/><path transform='translate(190 40) scale(.25)' d='M50 0C54 30 70 46 100 50C70 54 54 70 50 100C46 70 30 54 0 50C30 46 46 30 50 0Z' fill='%239DB8FF'/></svg>");
}
/* shape (รูปทรง/ลูกเล่นเฉพาะธีม) */
html[data-site-theme="magicgrid"] ::selection{background:var(--p-a1);color:var(--p-btext)}
html[data-site-theme="magicgrid"] :is(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--p-accent);outline-offset:2px}
html[data-site-theme="magicgrid"] .modal{position:relative}

html[data-site-theme="magicgrid"]{--r-xs:10px;--r-sm:12px;--r-md:14px;--r-lg:16px;--r-xl:20px;
  --bg-grad:radial-gradient(ellipse at 50% 45%,color-mix(in srgb,var(--p-a1) 55%,transparent) 0,transparent 60%),linear-gradient(var(--p-pat) 1.5px,transparent 1.5px) 0 0/46px 46px,linear-gradient(90deg,var(--p-pat) 1.5px,transparent 1.5px) 0 0/46px 46px,radial-gradient(ellipse at 50% 50%,transparent 40%,var(--p-bg2) 140%),linear-gradient(135deg,var(--p-bg1),var(--p-bg2));
  --shadow-soft:0 0 0 4px var(--p-a1),4px 6px 0 4px var(--p-shadow);--shadow-deep:0 0 0 4px var(--p-a1),6px 9px 0 4px var(--p-shadow);accent-color:var(--p-accent)}
html[data-site-theme="magicgrid"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card,.nav,.info-tabs-wrap,.hero-info-detail,.modal,.budget-banner,.cmd-dock,.chat-panel,.dropdown-list,.btn-primary,.btn-glass,.btn-outline,.tab-btn){border-width:3px}
html[data-site-theme="magicgrid"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card),html[data-site-theme="magicgrid"] .modal{border-color:var(--p-line)}
html[data-site-theme="magicgrid"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before{content:"\2605 magic_window.exe";position:absolute;top:0;left:0;right:0;height:20px;z-index:3;pointer-events:none;box-sizing:border-box;padding:0 8px;border-bottom:3px solid var(--p-line);border-top-left-radius:inherit;border-top-right-radius:inherit;background:var(--p-a2);color:var(--p-ink);font:700 10px/17px 'Courier New',ui-monospace,monospace;white-space:pre;overflow:hidden}
html[data-site-theme="magicgrid"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after,html[data-site-theme="magicgrid"] .modal::after{content:"\2013  \25A2  \2715";position:absolute;top:0;right:0;height:20px;z-index:4;pointer-events:none;padding:0 9px;color:var(--p-line);font:700 11px/17px 'Courier New',ui-monospace,monospace;letter-spacing:3px;white-space:pre}
html[data-site-theme="magicgrid"] .modal::before{content:"\26A0 DANGER";position:absolute;top:0;left:0;right:0;height:22px;z-index:3;pointer-events:none;box-sizing:border-box;padding:0 10px;border-bottom:3px solid var(--p-line);border-top-left-radius:inherit;border-top-right-radius:inherit;background:var(--p-a1);color:var(--p-btext);font:800 11px/19px 'Courier New',ui-monospace,monospace;letter-spacing:.1em}
html[data-site-theme="magicgrid"] :is(.btn-primary,.btn-glass,.btn-outline){border:3px solid var(--p-line);border-radius:12px;font-weight:800;box-shadow:0 4px 0 var(--p-line)}
html[data-site-theme="magicgrid"] .btn-primary{background:var(--p-a1);color:var(--p-btext)}
html[data-site-theme="magicgrid"] .btn-glass,html[data-site-theme="magicgrid"] .btn-outline{background:var(--p-paper);color:var(--p-ink)}
html[data-site-theme="magicgrid"] :is(.btn-primary,.btn-glass,.btn-outline):active{transform:translateY(3px);box-shadow:0 1px 0 var(--p-line)}
html[data-site-theme="magicgrid"] .tab-btn{border:3px solid var(--p-line);border-radius:12px 12px 4px 4px;background:var(--p-a1);color:var(--p-btext);font-weight:800}
html[data-site-theme="magicgrid"] .tab-btn:is(.active,.on,.is-active,[aria-selected="true"],[aria-pressed="true"]){background:var(--p-accent);color:var(--p-atext)}
html[data-site-theme="magicgrid"] :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),select,textarea){border:3px solid var(--p-line);border-radius:12px;background:var(--p-field)}
html[data-site-theme="magicgrid"]::before{content:"";position:fixed;left:0;top:0;width:100%;height:calc(100% + 520px);pointer-events:none;z-index:-1;opacity:.65;background:var(--p-bun) 0 0/260px 260px;animation:zk2-rise260 90s linear infinite}

/* ======== brandclip : โฟลเดอร์แบรนด์ พีช×โคบอลต์ (คลิปหนีบ) ======== */
/* palette (แก้สีตรงนี้) */
html[data-site-theme="brandclip"][data-theme="light"]{
  --zk-0:#FAFAFA;--zk-1:#F6F5F4;--zk-2:#F3F2F1;--zk-3:#E5E2E1;--zk-4:#D7D3D1;--zk-5:#ACA4A0;--zk-6:#80766F;--zk-7:#5F5853;--zk-8:#4C4642;--zk-9:#34302D;--zk-10:#23211F;--zk-11:#161413;--p-bg1:#FFE6C7;--p-bg2:#FFD6A6;--p-paper:#FFF6E6;--p-ink:#3E2218;--p-head:#2B140D;--p-muted:#55342A;--p-faint:#6A4538;--p-line:#4A2A20;--p-line-soft:rgba(74,42,32,0.45);--p-a1:#FFCC7A;--p-a2:#F78660;--p-a3:#FDD9BE;--p-btext:#2B140D;--p-accent:#2945A8;--p-atext:#FFFFFF;--p-chip:rgba(255,204,122,0.35);--p-field:#FFFBF2;--p-shadow:rgba(74,42,32,0.9);--p-hi:#FFFFFF;--p-pat:rgba(247,134,96,0.28);--p-clip:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='44' height='38' viewBox='0 0 44 38'><path d='M9 15V8a13 13 0 0 1 26 0v7' fill='none' stroke='%234A2A20' stroke-width='3' stroke-linecap='round'/><path d='M3 15h38l-4 21H7z' fill='%23F78660' stroke='%234A2A20' stroke-width='3' stroke-linejoin='round'/><path d='M12 21h20' stroke='%23fff' stroke-opacity='.5' stroke-width='3' stroke-linecap='round'/></svg>");
}
html[data-site-theme="brandclip"][data-theme="dark"]{
  --zk-0:#0E0D0C;--zk-1:#161413;--zk-2:#23211F;--zk-3:#34302D;--zk-4:#443F3B;--zk-5:#5F5853;--zk-6:#948A84;--zk-7:#ACA4A0;--zk-8:#D7D3D1;--zk-9:#E5E2E1;--zk-10:#F3F2F1;--zk-11:#F6F5F4;--p-bg1:#2A1810;--p-bg2:#170C07;--p-paper:#3A2418;--p-ink:#FFEBD3;--p-head:#FFFFFF;--p-muted:#F0D6B8;--p-faint:#C7A688;--p-line:#FFD3A8;--p-line-soft:rgba(255,211,168,0.45);--p-a1:#FFCC7A;--p-a2:#F78660;--p-a3:#5A3A28;--p-btext:#2B140D;--p-accent:#9DB0FF;--p-atext:#0F1A4A;--p-chip:rgba(255,204,122,0.22);--p-field:#2F1D13;--p-shadow:rgba(0,0,0,0.6);--p-hi:rgba(255,255,255,0.06);--p-pat:rgba(247,134,96,0.18);--p-clip:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='44' height='38' viewBox='0 0 44 38'><path d='M9 15V8a13 13 0 0 1 26 0v7' fill='none' stroke='%234A2A20' stroke-width='3' stroke-linecap='round'/><path d='M3 15h38l-4 21H7z' fill='%23F78660' stroke='%234A2A20' stroke-width='3' stroke-linejoin='round'/><path d='M12 21h20' stroke='%23fff' stroke-opacity='.5' stroke-width='3' stroke-linecap='round'/></svg>");
}
/* shape (รูปทรง/ลูกเล่นเฉพาะธีม) */
html[data-site-theme="brandclip"] ::selection{background:var(--p-a1);color:var(--p-btext)}
html[data-site-theme="brandclip"] :is(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--p-accent);outline-offset:2px}
html[data-site-theme="brandclip"] .modal{position:relative}

html[data-site-theme="brandclip"]{--r-xs:10px;--r-sm:14px;--r-md:18px;--r-lg:22px;--r-xl:26px;
  --bg-grad:radial-gradient(circle,var(--p-pat) 2px,transparent 2.6px) 0 0/34px 34px,linear-gradient(180deg,var(--p-bg1),var(--p-bg2));
  --shadow-soft:5px 5px 0 -1px var(--p-paper),5px 5px 0 1px var(--p-line),10px 10px 0 -1px var(--p-a3),10px 10px 0 1px var(--p-line);--shadow-deep:7px 7px 0 -1px var(--p-paper),7px 7px 0 1px var(--p-line),14px 14px 0 -1px var(--p-a3),14px 14px 0 1px var(--p-line);accent-color:var(--p-accent)}
html[data-site-theme="brandclip"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card,.nav,.info-tabs-wrap,.hero-info-detail,.modal,.budget-banner,.cmd-dock,.chat-panel,.dropdown-list,.btn-primary,.btn-glass,.btn-outline,.tab-btn){border-width:2.5px}
html[data-site-theme="brandclip"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card),html[data-site-theme="brandclip"] .modal{border-color:var(--p-line)}
html[data-site-theme="brandclip"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before{content:"\2726 Collection";position:absolute;top:10px;left:14px;z-index:3;pointer-events:none;padding:0 12px;border:2px solid var(--p-line);border-radius:9px;background:var(--p-a3);color:var(--p-ink);font-size:11px;font-weight:800;line-height:19px}
html[data-site-theme="brandclip"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after{content:"";position:absolute;top:-13px;right:20px;width:44px;height:38px;z-index:4;pointer-events:none;background:var(--p-clip) center/contain no-repeat;transform-origin:50% 0;transition:transform .25s}
html[data-site-theme="brandclip"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card):hover::after{transform:rotate(-7deg)}
html[data-site-theme="brandclip"] :is(.btn-primary,.btn-glass,.btn-outline){border:2.5px solid var(--p-line);border-radius:14px;font-weight:800;box-shadow:0 4px 0 var(--p-line)}
html[data-site-theme="brandclip"] .btn-primary{background:var(--p-accent);color:var(--p-atext)}
html[data-site-theme="brandclip"] .btn-glass,html[data-site-theme="brandclip"] .btn-outline{background:var(--p-paper);color:var(--p-ink)}
html[data-site-theme="brandclip"] :is(.btn-primary,.btn-glass,.btn-outline):active{transform:translateY(3px);box-shadow:0 1px 0 var(--p-line)}
html[data-site-theme="brandclip"] .tab-btn{border:2px solid transparent;border-radius:9px;background:var(--p-a3);color:var(--p-ink);font-weight:700}
html[data-site-theme="brandclip"] .tab-btn:is(.active,.on,.is-active,[aria-selected="true"],[aria-pressed="true"]){background:var(--p-a2);border-color:var(--p-line);color:#2B140D}
html[data-site-theme="brandclip"] :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),select,textarea){border:2.5px solid var(--p-line);border-radius:12px;background:var(--p-field)}

/* ======== olivebubble : เขียวมะกอก ฟองแชท (กระจกฝ้า) ======== */
/* palette (แก้สีตรงนี้) */
html[data-site-theme="olivebubble"][data-theme="light"]{
  --zk-0:#FAFAFA;--zk-1:#F5F6F4;--zk-2:#F3F3F1;--zk-3:#E4E5E1;--zk-4:#D5D7D1;--zk-5:#A8ACA0;--zk-6:#7B806F;--zk-7:#5B5F53;--zk-8:#494C42;--zk-9:#32342D;--zk-10:#22231F;--zk-11:#151613;--p-bg1:#E6EBE0;--p-bg2:#D0D9C5;--p-paper:#FFFFFF;--p-ink:#3D4A2C;--p-head:#26301A;--p-muted:#4A5736;--p-faint:#5A6847;--p-line:#A9BC83;--p-line-soft:rgba(169,188,131,0.45);--p-a1:#A9BE6E;--p-a2:#52692A;--p-a3:#EEF2E4;--p-btext:#1F2A10;--p-accent:#5A7428;--p-atext:#FFFFFF;--p-chip:rgba(169,190,110,0.35);--p-field:#F6F8F0;--p-shadow:rgba(90,110,50,0.25);--p-hi:rgba(255,255,255,0.9);--p-pat:rgba(255,255,255,0.55);--p-bub:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='420' height='420' viewBox='0 0 420 420'><circle cx='84' cy='130' r='40' fill='white' fill-opacity='.38' stroke='%23A9BE6E' stroke-opacity='.8' stroke-width='3'/><path transform='translate(60 106) scale(2)' d='M12 21s-8-5.4-8-11a4.6 4.6 0 0 1 8-3 4.6 4.6 0 0 1 8 3c0 5.6-8 11-8 11z' fill='%23A9BE6E'/><circle cx='310' cy='300' r='26' fill='white' fill-opacity='.38' stroke='%23A9BE6E' stroke-opacity='.8' stroke-width='3'/><circle cx='230' cy='60' r='14' fill='white' fill-opacity='.38'/><circle cx='150' cy='350' r='10' fill='white' fill-opacity='.38'/></svg>");
}
html[data-site-theme="olivebubble"][data-theme="dark"]{
  --zk-0:#0D0E0C;--zk-1:#151613;--zk-2:#22231F;--zk-3:#32342D;--zk-4:#41443B;--zk-5:#5B5F53;--zk-6:#8F9484;--zk-7:#A8ACA0;--zk-8:#D5D7D1;--zk-9:#E4E5E1;--zk-10:#F3F3F1;--zk-11:#F5F6F4;--p-bg1:#1C2417;--p-bg2:#10150D;--p-paper:#28331F;--p-ink:#EEF3E0;--p-head:#FFFFFF;--p-muted:#D4DEC0;--p-faint:#A8B791;--p-line:#6E8546;--p-line-soft:rgba(110,133,70,0.45);--p-a1:#9DB561;--p-a2:#5E7A30;--p-a3:#35452A;--p-btext:#121A08;--p-accent:#BFD982;--p-atext:#121A08;--p-chip:rgba(157,181,97,0.22);--p-field:#1E2816;--p-shadow:rgba(0,0,0,0.5);--p-hi:rgba(255,255,255,0.07);--p-pat:rgba(255,255,255,0.12);--p-bub:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='420' height='420' viewBox='0 0 420 420'><circle cx='84' cy='130' r='40' fill='%239DB561' fill-opacity='.22' stroke='%23BFD982' stroke-opacity='.8' stroke-width='3'/><path transform='translate(60 106) scale(2)' d='M12 21s-8-5.4-8-11a4.6 4.6 0 0 1 8-3 4.6 4.6 0 0 1 8 3c0 5.6-8 11-8 11z' fill='%23BFD982'/><circle cx='310' cy='300' r='26' fill='%239DB561' fill-opacity='.22' stroke='%23BFD982' stroke-opacity='.8' stroke-width='3'/><circle cx='230' cy='60' r='14' fill='%239DB561' fill-opacity='.22'/><circle cx='150' cy='350' r='10' fill='%239DB561' fill-opacity='.22'/></svg>");
}
/* shape (รูปทรง/ลูกเล่นเฉพาะธีม) */
html[data-site-theme="olivebubble"] ::selection{background:var(--p-a1);color:var(--p-btext)}
html[data-site-theme="olivebubble"] :is(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--p-accent);outline-offset:2px}
html[data-site-theme="olivebubble"] .modal{position:relative}

html[data-site-theme="olivebubble"]{--r-xs:18px;--r-sm:22px;--r-md:28px;--r-lg:32px;--r-xl:38px;
  --bg-grad:radial-gradient(circle at 15% 12%,rgba(255,255,255,.55),transparent 40%),radial-gradient(circle at 85% 85%,color-mix(in srgb,var(--p-a1) 30%,transparent),transparent 45%),linear-gradient(180deg,var(--p-bg1),var(--p-bg2));
  --shadow-soft:0 12px 30px var(--p-shadow),inset 0 1px 0 var(--p-hi);--shadow-deep:0 20px 44px var(--p-shadow),inset 0 1px 0 var(--p-hi);accent-color:var(--p-accent)}
html[data-site-theme="olivebubble"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card,.nav,.info-tabs-wrap,.hero-info-detail,.modal,.budget-banner,.cmd-dock,.chat-panel,.dropdown-list,.btn-primary,.btn-glass,.btn-outline,.tab-btn){border-width:1.5px}
html[data-site-theme="olivebubble"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card){border-color:var(--p-hi);border-radius:30px 30px 30px 8px}
html[data-site-theme="olivebubble"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before{content:"\2665";position:absolute;top:-12px;left:-8px;z-index:4;pointer-events:none;box-sizing:border-box;width:36px;height:36px;border:3px solid var(--p-hi);border-radius:50%;background:var(--p-a1);color:#fff;font-size:17px;line-height:30px;text-align:center}
html[data-site-theme="olivebubble"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after{content:"";position:absolute;left:20px;bottom:-11px;width:22px;height:14px;z-index:2;pointer-events:none;background:var(--p-paper);clip-path:polygon(0 0,100% 0,0 100%)}
html[data-site-theme="olivebubble"] .nav{background:var(--p-a1);border-radius:999px;border-color:var(--p-hi);color:var(--p-btext)}
html[data-site-theme="olivebubble"] :is(.btn-primary,.btn-glass,.btn-outline){border-radius:999px;font-weight:700}
html[data-site-theme="olivebubble"] .btn-primary{background:var(--p-a1);color:var(--p-btext);border:2px solid var(--p-hi);box-shadow:0 6px 14px var(--p-shadow)}
html[data-site-theme="olivebubble"] .btn-glass{background:var(--p-paper);color:var(--p-ink);border:2px solid var(--p-hi)}
html[data-site-theme="olivebubble"] .btn-outline{background:transparent;color:var(--p-accent);border:2px solid var(--p-a1)}
html[data-site-theme="olivebubble"] .tab-btn{border:0;border-radius:999px;background:var(--p-a3);color:var(--p-ink);font-weight:700}
html[data-site-theme="olivebubble"] .tab-btn:is(.active,.on,.is-active,[aria-selected="true"],[aria-pressed="true"]){background:var(--p-a2);color:#fff}
html[data-site-theme="olivebubble"] :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),select,textarea){border:1.5px solid var(--p-line);border-radius:999px;background:var(--p-field);box-shadow:inset 0 2px 5px var(--p-shadow)}
html[data-site-theme="olivebubble"]::before{content:"";position:fixed;left:0;top:0;width:100%;height:calc(100% + 420px);pointer-events:none;z-index:-1;background:var(--p-bub) 0 0/420px 420px;animation:zk2-rise420 70s linear infinite}

/* ======== scrapweb : สแครปบุ๊คเว็บ เทา-ชมพู (โพลารอยด์) ======== */
/* palette (แก้สีตรงนี้) */
html[data-site-theme="scrapweb"][data-theme="light"]{
  --zk-0:#FAFAFA;--zk-1:#F4F5F6;--zk-2:#F1F2F3;--zk-3:#E1E2E5;--zk-4:#D1D3D7;--zk-5:#A0A4AC;--zk-6:#6F7680;--zk-7:#53585F;--zk-8:#42464C;--zk-9:#2D3034;--zk-10:#1F2123;--zk-11:#131416;--p-bg1:#C9D6E8;--p-bg2:#AFC0D8;--p-paper:#F4F4F5;--p-ink:#3B3F47;--p-head:#23262C;--p-muted:#40454E;--p-faint:#4E535D;--p-line:#9FA4AD;--p-line-soft:rgba(159,164,173,0.45);--p-a1:#F6C3CF;--p-a2:#E4E5E8;--p-a3:#FFFFFF;--p-btext:#4A2330;--p-accent:#B83A62;--p-atext:#FFFFFF;--p-chip:rgba(246,195,207,0.35);--p-field:#FFFFFF;--p-shadow:rgba(60,70,90,0.3);--p-hi:#FFFFFF;--p-pat:rgba(255,255,255,0.4);
}
html[data-site-theme="scrapweb"][data-theme="dark"]{
  --zk-0:#0C0D0E;--zk-1:#131416;--zk-2:#1F2123;--zk-3:#2D3034;--zk-4:#3B3F44;--zk-5:#53585F;--zk-6:#848A94;--zk-7:#A0A4AC;--zk-8:#D1D3D7;--zk-9:#E1E2E5;--zk-10:#F1F2F3;--zk-11:#F4F5F6;--p-bg1:#20262F;--p-bg2:#12161C;--p-paper:#2C323C;--p-ink:#ECEEF2;--p-head:#FFFFFF;--p-muted:#D0D5DE;--p-faint:#A4ABB8;--p-line:#5A6270;--p-line-soft:rgba(90,98,112,0.45);--p-a1:#F2A9BC;--p-a2:#3A414D;--p-a3:#4A5260;--p-btext:#3A1522;--p-accent:#FF9DB8;--p-atext:#2A0F1A;--p-chip:rgba(242,169,188,0.22);--p-field:#232932;--p-shadow:rgba(0,0,0,0.5);--p-hi:rgba(255,255,255,0.07);--p-pat:rgba(255,255,255,0.06);
}
/* shape (รูปทรง/ลูกเล่นเฉพาะธีม) */
html[data-site-theme="scrapweb"] ::selection{background:var(--p-a1);color:var(--p-btext)}
html[data-site-theme="scrapweb"] :is(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--p-accent);outline-offset:2px}
html[data-site-theme="scrapweb"] .modal{position:relative}

html[data-site-theme="scrapweb"]{--r-xs:8px;--r-sm:10px;--r-md:12px;--r-lg:14px;--r-xl:18px;
  --bg-grad:radial-gradient(ellipse 420px 160px at 20% 14%,rgba(255,255,255,.55),transparent 70%),radial-gradient(ellipse 520px 180px at 78% 34%,rgba(255,255,255,.4),transparent 70%),linear-gradient(180deg,var(--p-bg1),var(--p-bg2));
  --shadow-soft:0 8px 22px var(--p-shadow);--shadow-deep:0 14px 34px var(--p-shadow);accent-color:var(--p-accent)}
html[data-site-theme="scrapweb"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card,.nav,.info-tabs-wrap,.hero-info-detail,.modal,.budget-banner,.cmd-dock,.chat-panel,.dropdown-list,.btn-primary,.btn-glass,.btn-outline,.tab-btn){border-width:1.5px}
html[data-site-theme="scrapweb"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card),html[data-site-theme="scrapweb"] .modal{border-color:var(--p-hi)}
html[data-site-theme="scrapweb"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before{content:"\2022\2022\2022    interest    settings";position:absolute;top:0;left:0;right:0;height:22px;z-index:3;pointer-events:none;box-sizing:border-box;padding:0 10px;border-bottom:1.5px solid var(--p-line);border-top-left-radius:inherit;border-top-right-radius:inherit;background:var(--p-a3);color:var(--p-muted);font-size:10px;line-height:21px;letter-spacing:.06em;white-space:pre;overflow:hidden}
html[data-site-theme="scrapweb"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after{content:"HOME";position:absolute;top:0;right:0;height:22px;z-index:4;pointer-events:none;padding:0 10px;color:var(--p-head);font-size:9px;font-weight:800;line-height:21px;letter-spacing:.12em}
html[data-site-theme="scrapweb"] .album-card{border:7px solid #fff;border-bottom-width:24px;border-radius:3px;transition:transform .2s}
html[data-site-theme="scrapweb"] .album-card:nth-child(odd){transform:rotate(-1.2deg)}
html[data-site-theme="scrapweb"] .album-card:nth-child(even){transform:rotate(1deg)}
html[data-site-theme="scrapweb"] .album-card::before{content:"";position:absolute;top:-14px;left:50%;width:64px;height:18px;margin-left:-32px;z-index:5;pointer-events:none;height:18px;padding:0;border:0;border-radius:0;background:color-mix(in srgb,var(--p-a1) 85%,transparent);transform:rotate(-4deg);font-size:0;line-height:0}
html[data-site-theme="scrapweb"] .album-card::after{content:none}
html[data-site-theme="scrapweb"] :is(.btn-primary,.btn-glass,.btn-outline){border-radius:6px;font-weight:700}
html[data-site-theme="scrapweb"] .btn-primary{background:var(--p-a1);color:var(--p-btext);border:3px solid #fff;box-shadow:0 3px 8px var(--p-shadow);transform:rotate(-1deg)}
html[data-site-theme="scrapweb"] .btn-primary:hover{transform:rotate(0)}
html[data-site-theme="scrapweb"] .btn-glass,html[data-site-theme="scrapweb"] .btn-outline{background:var(--p-a2);color:var(--p-ink);border:1.5px solid var(--p-line)}
html[data-site-theme="scrapweb"] .tab-btn{border:1.5px solid var(--p-line);border-radius:7px 7px 0 0;background:var(--p-a3);color:var(--p-ink);font-weight:600}
html[data-site-theme="scrapweb"] .tab-btn:is(.active,.on,.is-active,[aria-selected="true"],[aria-pressed="true"]){background:var(--p-a1);color:var(--p-btext);border-color:var(--p-a1)}
html[data-site-theme="scrapweb"] :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),select,textarea){border:1.5px solid var(--p-line);border-radius:8px;background:var(--p-field)}
html[data-site-theme="scrapweb"]::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse 360px 120px at 25% 20%,rgba(255,255,255,.5),transparent 70%),radial-gradient(ellipse 420px 140px at 75% 40%,rgba(255,255,255,.4),transparent 70%);animation:zk2-float 40s ease-in-out infinite alternate}

/* ======== chromenoir : โครมนัวร์ ดำ-เงิน (เมทัลลิก) ======== */
/* palette (แก้สีตรงนี้) */
html[data-site-theme="chromenoir"][data-theme="light"]{
  --zk-0:#FAFAFA;--zk-1:#F4F5F6;--zk-2:#F1F2F3;--zk-3:#E1E3E5;--zk-4:#D1D4D7;--zk-5:#A0A6AC;--zk-6:#6F7880;--zk-7:#53595F;--zk-8:#42474C;--zk-9:#2D3034;--zk-10:#1F2123;--zk-11:#131416;--p-bg1:#BFC4C9;--p-bg2:#8E959C;--p-paper:#E9ECEF;--p-ink:#14171A;--p-head:#000000;--p-muted:#22272B;--p-faint:#30363B;--p-line:#14171A;--p-line-soft:rgba(20,23,26,0.45);--p-a1:#F5F7F8;--p-a2:#BDC3C9;--p-a3:#2B2F33;--p-btext:#14171A;--p-accent:#B0285A;--p-atext:#FFFFFF;--p-chip:rgba(245,247,248,0.35);--p-field:#F6F7F8;--p-shadow:rgba(0,0,0,0.4);--p-hi:#FFFFFF;--p-pat:rgba(0,0,0,0.08);--p-chrome:linear-gradient(135deg,#F4F6F8 0,#C9CFD5 45%,#E6E9EC 70%,#B5BCC3 100%);--p-rim:rgba(255,255,255,0.85);--p-noise:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .22 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
}
html[data-site-theme="chromenoir"][data-theme="dark"]{
  --zk-0:#0C0D0E;--zk-1:#131416;--zk-2:#1F2123;--zk-3:#2D3034;--zk-4:#3B4044;--zk-5:#53595F;--zk-6:#848C94;--zk-7:#A0A6AC;--zk-8:#D1D4D7;--zk-9:#E1E3E5;--zk-10:#F1F2F3;--zk-11:#F4F5F6;--p-bg1:#17191C;--p-bg2:#050607;--p-paper:#1D2023;--p-ink:#E9ECEF;--p-head:#FFFFFF;--p-muted:#CDD2D7;--p-faint:#9EA5AC;--p-line:#6B737B;--p-line-soft:rgba(107,115,123,0.45);--p-a1:#D9DDE1;--p-a2:#3A3F45;--p-a3:#2A2E33;--p-btext:#111111;--p-accent:#FF8FB8;--p-atext:#2A0A18;--p-chip:rgba(217,221,225,0.22);--p-field:#15181B;--p-shadow:rgba(0,0,0,0.7);--p-hi:rgba(255,255,255,0.12);--p-pat:rgba(255,255,255,0.07);--p-chrome:linear-gradient(135deg,#2A2E33 0,#1A1D21 50%,#24282C 100%);--p-rim:rgba(255,255,255,0.20);--p-noise:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .28 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
}
/* shape (รูปทรง/ลูกเล่นเฉพาะธีม) */
html[data-site-theme="chromenoir"] ::selection{background:var(--p-a1);color:var(--p-btext)}
html[data-site-theme="chromenoir"] :is(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--p-accent);outline-offset:2px}
html[data-site-theme="chromenoir"] .modal{position:relative}

html[data-site-theme="chromenoir"]{--r-xs:14px;--r-sm:18px;--r-md:22px;--r-lg:26px;--r-xl:30px;
  --bg-grad:var(--p-noise) 0 0/160px 160px,linear-gradient(135deg,var(--p-bg1),var(--p-bg2));
  --glass:var(--p-chrome);--glass-bd:var(--p-rim);
  --shadow-soft:0 10px 26px var(--p-shadow),inset 0 1px 0 var(--p-hi);--shadow-deep:0 18px 40px var(--p-shadow),inset 0 1px 0 var(--p-hi);accent-color:var(--p-accent)}
html[data-site-theme="chromenoir"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card,.nav,.info-tabs-wrap,.hero-info-detail,.modal,.budget-banner,.cmd-dock,.chat-panel,.dropdown-list,.btn-primary,.btn-glass,.btn-outline,.tab-btn){border-width:1.5px}
html[data-site-theme="chromenoir"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card),html[data-site-theme="chromenoir"] .modal{border-color:var(--p-rim);border-radius:26px 26px 26px 4px}
html[data-site-theme="chromenoir"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before{content:"";position:absolute;left:16px;bottom:12px;width:84px;height:18px;z-index:3;pointer-events:none;opacity:.75;background:linear-gradient(var(--p-accent),var(--p-accent)) 0px 50%/3px 50% no-repeat,linear-gradient(var(--p-accent),var(--p-accent)) 6px 50%/3px 50% no-repeat,linear-gradient(var(--p-accent),var(--p-accent)) 12px 50%/3px 50% no-repeat,linear-gradient(var(--p-accent),var(--p-accent)) 18px 50%/3px 50% no-repeat,linear-gradient(var(--p-accent),var(--p-accent)) 24px 50%/3px 50% no-repeat,linear-gradient(var(--p-accent),var(--p-accent)) 30px 50%/3px 50% no-repeat,linear-gradient(var(--p-accent),var(--p-accent)) 36px 50%/3px 50% no-repeat,linear-gradient(var(--p-accent),var(--p-accent)) 42px 50%/3px 50% no-repeat,linear-gradient(var(--p-accent),var(--p-accent)) 48px 50%/3px 50% no-repeat,linear-gradient(var(--p-accent),var(--p-accent)) 54px 50%/3px 50% no-repeat,linear-gradient(var(--p-accent),var(--p-accent)) 60px 50%/3px 50% no-repeat,linear-gradient(var(--p-accent),var(--p-accent)) 66px 50%/3px 50% no-repeat,linear-gradient(var(--p-accent),var(--p-accent)) 72px 50%/3px 50% no-repeat,linear-gradient(var(--p-accent),var(--p-accent)) 78px 50%/3px 50% no-repeat;animation:zk2-wave 1.6s ease-in-out infinite}
html[data-site-theme="chromenoir"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after{content:"# chrome";position:absolute;top:9px;right:12px;z-index:3;pointer-events:none;padding:1px 11px;border-radius:999px;background:var(--p-a1);color:var(--p-btext);font-size:10px;font-weight:700;line-height:16px;box-shadow:0 2px 6px var(--p-shadow)}
html[data-site-theme="chromenoir"] :is(.btn-primary,.btn-glass,.btn-outline){border-radius:999px;font-weight:700}
html[data-site-theme="chromenoir"] .btn-primary{background:var(--p-a1);color:var(--p-btext);border:1.5px solid var(--p-accent);box-shadow:0 6px 14px var(--p-shadow),0 0 0 2px color-mix(in srgb,var(--p-accent) 35%,transparent)}
html[data-site-theme="chromenoir"] .btn-glass,html[data-site-theme="chromenoir"] .btn-outline{background:var(--p-chrome);color:var(--p-ink);border:1.5px solid var(--p-rim)}
html[data-site-theme="chromenoir"] .tab-btn{border:1.5px solid var(--p-rim);border-radius:999px;background:var(--p-chrome);color:var(--p-ink);font-weight:600}
html[data-site-theme="chromenoir"] .tab-btn:is(.active,.on,.is-active,[aria-selected="true"],[aria-pressed="true"]){background:var(--p-accent);color:var(--p-atext);border-color:var(--p-accent)}
html[data-site-theme="chromenoir"] :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),select,textarea){border:1.5px solid var(--p-line);border-radius:16px;background:var(--p-field)}
html[data-site-theme="chromenoir"]::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(110deg,transparent 40%,rgba(255,170,205,.17) 50%,transparent 60%) 0 0/250% 100%;animation:zk2-sheen 9s linear infinite}

/* ======== lapdterm : เทอร์มินัลตำรวจ LAPD (ไซเบอร์ฟ้าเทอร์ควอยซ์) ======== */
/* palette (แก้สีตรงนี้) */
html[data-site-theme="lapdterm"][data-theme="light"]{
  --zk-0:#FAFAFA;--zk-1:#F4F5F6;--zk-2:#F1F3F3;--zk-3:#E1E4E5;--zk-4:#D1D6D7;--zk-5:#A0AAAC;--zk-6:#6F7D80;--zk-7:#535D5F;--zk-8:#424B4C;--zk-9:#2D3334;--zk-10:#1F2323;--zk-11:#131516;--p-bg1:#D6EBEF;--p-bg2:#BBD8DE;--p-paper:#EAF6F8;--p-ink:#0F3C47;--p-head:#07242B;--p-muted:#1B4F5B;--p-faint:#2B5E6A;--p-line:#2F7F90;--p-line-soft:rgba(47,127,144,0.45);--p-a1:#2F7F90;--p-a2:#A9D3DB;--p-a3:#CFE6EA;--p-btext:#FFFFFF;--p-accent:#1A6577;--p-atext:#FFFFFF;--p-chip:rgba(47,127,144,0.35);--p-field:#F4FBFC;--p-shadow:rgba(15,60,71,0.30);--p-hi:#FFFFFF;--p-pat:rgba(47,127,144,0.12);--p-glow:rgba(0,0,0,0);
}
html[data-site-theme="lapdterm"][data-theme="dark"]{
  --zk-0:#0C0D0E;--zk-1:#131516;--zk-2:#1F2323;--zk-3:#2D3334;--zk-4:#3B4344;--zk-5:#535D5F;--zk-6:#849294;--zk-7:#A0AAAC;--zk-8:#D1D6D7;--zk-9:#E1E4E5;--zk-10:#F1F3F3;--zk-11:#F4F5F6;--p-bg1:#05141A;--p-bg2:#01070A;--p-paper:#031016;--p-ink:#A9DCE6;--p-head:#D3F3F9;--p-muted:#8CC4D0;--p-faint:#6FA8B5;--p-line:#5FB0C0;--p-line-soft:rgba(95,176,192,0.45);--p-a1:#7FC8D6;--p-a2:#1F4A55;--p-a3:#0B2A33;--p-btext:#021015;--p-accent:#8FE3F0;--p-atext:#02161C;--p-chip:rgba(127,200,214,0.22);--p-field:#020C10;--p-shadow:rgba(0,0,0,0.6);--p-hi:rgba(143,227,240,0.08);--p-pat:rgba(95,176,192,0.10);--p-glow:rgba(143,227,240,0.5);
}
/* shape (รูปทรง/ลูกเล่นเฉพาะธีม) */
html[data-site-theme="lapdterm"] ::selection{background:var(--p-a1);color:var(--p-btext)}
html[data-site-theme="lapdterm"] :is(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--p-accent);outline-offset:2px}
html[data-site-theme="lapdterm"] .modal{position:relative}

html[data-site-theme="lapdterm"]{--r-xs:0px;--r-sm:1px;--r-md:2px;--r-lg:2px;--r-xl:3px;
  --display:'Courier New',ui-monospace,'Noto Sans Thai',monospace;
  --bg-grad:repeating-linear-gradient(0deg,var(--p-pat) 0 1px,transparent 1px 3px),radial-gradient(ellipse at 50% 40%,var(--p-bg1) 0,var(--p-bg2) 100%);
  --glass:linear-gradient(var(--p-line),var(--p-line)) left 4px top 4px/10px 1px no-repeat,linear-gradient(var(--p-line),var(--p-line)) left 4px top 4px/1px 10px no-repeat,linear-gradient(var(--p-line),var(--p-line)) left 4px bottom 4px/10px 1px no-repeat,linear-gradient(var(--p-line),var(--p-line)) left 4px bottom 4px/1px 10px no-repeat,linear-gradient(var(--p-line),var(--p-line)) right 4px top 4px/10px 1px no-repeat,linear-gradient(var(--p-line),var(--p-line)) right 4px top 4px/1px 10px no-repeat,linear-gradient(var(--p-line),var(--p-line)) right 4px bottom 4px/10px 1px no-repeat,linear-gradient(var(--p-line),var(--p-line)) right 4px bottom 4px/1px 10px no-repeat,repeating-linear-gradient(0deg,var(--p-pat) 0 1px,transparent 1px 3px),linear-gradient(var(--p-paper),var(--p-paper));
  --shadow-soft:0 0 0 1px var(--p-line-soft),0 0 18px var(--p-glow);--shadow-deep:0 0 0 1px var(--p-line),0 0 30px var(--p-glow);accent-color:var(--p-accent)}
html[data-site-theme="lapdterm"] h1,html[data-site-theme="lapdterm"] h2,html[data-site-theme="lapdterm"] h3{text-transform:uppercase;letter-spacing:.08em;font-weight:500;text-shadow:0 0 8px var(--p-glow)}
html[data-site-theme="lapdterm"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card,.nav,.info-tabs-wrap,.hero-info-detail,.modal,.budget-banner,.cmd-dock,.chat-panel,.dropdown-list,.btn-primary,.btn-glass,.btn-outline,.tab-btn){border-width:1px}
html[data-site-theme="lapdterm"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card),html[data-site-theme="lapdterm"] .modal{border-color:var(--p-line)}
html[data-site-theme="lapdterm"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before{content:"LAPD  //  SIGNAL LOW";position:absolute;top:0;left:0;right:0;height:20px;z-index:3;pointer-events:none;box-sizing:border-box;padding:0 10px;border-bottom:1px solid var(--p-line);background:var(--p-a3);color:var(--p-accent);font:600 9px/19px 'Courier New',ui-monospace,monospace;letter-spacing:.2em;white-space:pre;overflow:hidden;text-shadow:0 0 6px var(--p-glow)}
html[data-site-theme="lapdterm"] .modal::before{content:"LAPD  //  AUTH REQUIRED";position:absolute;top:0;left:0;right:0;height:20px;z-index:3;pointer-events:none;box-sizing:border-box;padding:0 10px;border-bottom:1px solid var(--p-line);background:var(--p-a3);color:var(--p-accent);font:600 9px/19px 'Courier New',ui-monospace,monospace;letter-spacing:.2em;white-space:pre;overflow:hidden}
html[data-site-theme="lapdterm"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after{content:"";position:absolute;top:4px;right:12px;z-index:4;pointer-events:none;box-sizing:content-box;width:24px;height:8px;padding:1px;border:1.5px solid var(--p-line);background:repeating-linear-gradient(90deg,var(--p-accent) 0 4px,transparent 4px 6px) content-box;box-shadow:2px 0 0 var(--p-line);animation:zk3-blink 2.4s steps(1) infinite}
html[data-site-theme="lapdterm"] :is(.btn-primary,.btn-glass,.btn-outline){border:1px solid var(--p-line);border-radius:0;background:transparent;color:var(--p-accent);font-weight:600;text-transform:uppercase;letter-spacing:.14em;text-shadow:0 0 6px var(--p-glow)}
html[data-site-theme="lapdterm"] .btn-primary{background:var(--p-a1);color:var(--p-btext);text-shadow:none}
html[data-site-theme="lapdterm"] :is(.btn-primary,.btn-glass,.btn-outline):hover{background:var(--p-accent);color:var(--p-atext);text-shadow:none}
html[data-site-theme="lapdterm"] .tab-btn{border:1px solid var(--p-line);border-radius:0;background:transparent;color:var(--p-ink);font-weight:600;text-transform:uppercase;letter-spacing:.1em}
html[data-site-theme="lapdterm"] .tab-btn:is(.active,.on,.is-active,[aria-selected="true"],[aria-pressed="true"]){background:var(--p-a1);color:var(--p-btext)}
html[data-site-theme="lapdterm"] :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),select,textarea){border:1px solid var(--p-line);border-radius:0;background:var(--p-field);color:var(--p-ink);font-family:'Courier New',ui-monospace,monospace;text-shadow:0 0 5px var(--p-glow)}
html[data-site-theme="lapdterm"]::before{content:"";position:fixed;left:0;right:0;top:0;height:180px;pointer-events:none;z-index:-1;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--p-accent) 12%,transparent),transparent);animation:zk3-scan 7s linear infinite}

/* ======== pixelscav : หน้าต่างพิกเซลเบจ (เกมเก็บของ) ======== */
/* palette (แก้สีตรงนี้) */
html[data-site-theme="pixelscav"][data-theme="light"]{
  --zk-0:#FAFAFA;--zk-1:#F6F5F4;--zk-2:#F3F3F1;--zk-3:#E5E4E1;--zk-4:#D7D5D1;--zk-5:#ACA8A0;--zk-6:#807B6F;--zk-7:#5F5C53;--zk-8:#4C4942;--zk-9:#34322D;--zk-10:#23221F;--zk-11:#161513;--p-bg1:#D8C79F;--p-bg2:#C4B085;--p-paper:#E8E1CB;--p-ink:#1D1B16;--p-head:#000000;--p-muted:#2E2B22;--p-faint:#3D3A2D;--p-line:#1D1B16;--p-line-soft:rgba(29,27,22,0.45);--p-a1:#E3A64A;--p-a2:#C23B2E;--p-a3:#CFC6A8;--p-btext:#1D1B16;--p-accent:#A12B20;--p-atext:#FFFFFF;--p-chip:rgba(227,166,74,0.35);--p-field:#F2EDDA;--p-shadow:#1D1B16;--p-hi:#FFFFFF;--p-pat:rgba(29,27,22,0.10);
}
html[data-site-theme="pixelscav"][data-theme="dark"]{
  --zk-0:#0E0D0C;--zk-1:#161513;--zk-2:#23221F;--zk-3:#34322D;--zk-4:#44413B;--zk-5:#5F5C53;--zk-6:#948F84;--zk-7:#ACA8A0;--zk-8:#D7D5D1;--zk-9:#E5E4E1;--zk-10:#F3F3F1;--zk-11:#F6F5F4;--p-bg1:#3B3226;--p-bg2:#1F1A13;--p-paper:#2B2D2E;--p-ink:#E8E1CB;--p-head:#FFFFFF;--p-muted:#D2CAB0;--p-faint:#A69E86;--p-line:#E8E1CB;--p-line-soft:rgba(232,225,203,0.45);--p-a1:#E3A64A;--p-a2:#E0554A;--p-a3:#44463F;--p-btext:#1D1B16;--p-accent:#FF7A6B;--p-atext:#1B0705;--p-chip:rgba(227,166,74,0.22);--p-field:#232526;--p-shadow:#000000;--p-hi:rgba(255,255,255,0.06);--p-pat:rgba(232,225,203,0.08);
}
/* shape (รูปทรง/ลูกเล่นเฉพาะธีม) */
html[data-site-theme="pixelscav"] ::selection{background:var(--p-a1);color:var(--p-btext)}
html[data-site-theme="pixelscav"] :is(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--p-accent);outline-offset:2px}
html[data-site-theme="pixelscav"] .modal{position:relative}

html[data-site-theme="pixelscav"]{--r-xs:0px;--r-sm:1px;--r-md:2px;--r-lg:3px;--r-xl:3px;
  --display:'Courier New',ui-monospace,'Noto Sans Thai',monospace;
  --bg-grad:repeating-conic-gradient(var(--p-pat) 0 25%,transparent 0 50%) 0 0/6px 6px,linear-gradient(180deg,var(--p-bg1),var(--p-bg2));
  --shadow-soft:3px 3px 0 var(--p-shadow);--shadow-deep:5px 5px 0 var(--p-shadow);accent-color:var(--p-a2)}
html[data-site-theme="pixelscav"] h1,html[data-site-theme="pixelscav"] h2,html[data-site-theme="pixelscav"] h3{text-transform:uppercase;letter-spacing:.04em}
html[data-site-theme="pixelscav"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card,.nav,.info-tabs-wrap,.hero-info-detail,.modal,.budget-banner,.cmd-dock,.chat-panel,.dropdown-list,.btn-primary,.btn-glass,.btn-outline,.tab-btn){border-width:2px}
html[data-site-theme="pixelscav"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card),html[data-site-theme="pixelscav"] .modal{border-color:var(--p-line)}
html[data-site-theme="pixelscav"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before,html[data-site-theme="pixelscav"] .modal::before{content:"\25A0 INFO.EXE";position:absolute;top:0;left:0;right:0;height:18px;z-index:3;pointer-events:none;box-sizing:border-box;padding:0 8px;border-bottom:2px solid var(--p-line);background:repeating-linear-gradient(0deg,var(--p-pat) 0 1px,transparent 1px 3px),var(--p-paper);color:var(--p-ink);font:700 10px/16px 'Courier New',ui-monospace,monospace;letter-spacing:.1em;white-space:pre;overflow:hidden}
html[data-site-theme="pixelscav"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after,html[data-site-theme="pixelscav"] .modal::after{content:"";position:absolute;top:2px;right:6px;z-index:4;pointer-events:none;box-sizing:border-box;width:13px;height:13px;border:2px solid var(--p-line);background:linear-gradient(45deg,transparent 42%,var(--p-line) 42% 58%,transparent 58%),linear-gradient(-45deg,transparent 42%,var(--p-line) 42% 58%,transparent 58%),var(--p-paper)}
html[data-site-theme="pixelscav"] :is(.btn-primary,.btn-glass,.btn-outline){border:2px solid var(--p-line);border-radius:2px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
html[data-site-theme="pixelscav"] .btn-primary{background:var(--p-paper);color:var(--p-ink);box-shadow:2px 2px 0 var(--p-shadow)}
html[data-site-theme="pixelscav"] .btn-glass{background:var(--p-a3);color:var(--p-ink)}
html[data-site-theme="pixelscav"] .btn-outline{background:transparent;color:var(--p-ink);border-style:dashed}
html[data-site-theme="pixelscav"] :is(.btn-primary,.btn-glass,.btn-outline):hover{background:var(--p-line);color:var(--p-paper)}
html[data-site-theme="pixelscav"] :is(.btn-primary,.btn-glass,.btn-outline):active{transform:translate(2px,2px);box-shadow:none}
html[data-site-theme="pixelscav"] .tab-btn{border:2px solid var(--p-line);border-radius:0;background:var(--p-paper);color:var(--p-ink);font-weight:800;text-transform:uppercase;letter-spacing:.05em}
html[data-site-theme="pixelscav"] .tab-btn:is(.active,.on,.is-active,[aria-selected="true"],[aria-pressed="true"]){background:var(--p-a1);color:var(--p-btext)}
html[data-site-theme="pixelscav"] :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),select,textarea){border:2px solid var(--p-line);border-radius:0;background:var(--p-field);font-family:'Courier New',ui-monospace,monospace}
html[data-site-theme="pixelscav"]::-webkit-scrollbar,html[data-site-theme="pixelscav"] ::-webkit-scrollbar{width:14px;height:14px}
html[data-site-theme="pixelscav"]::-webkit-scrollbar-track,html[data-site-theme="pixelscav"] ::-webkit-scrollbar-track{background:var(--p-a3);border-left:2px solid var(--p-line)}
html[data-site-theme="pixelscav"]::-webkit-scrollbar-thumb,html[data-site-theme="pixelscav"] ::-webkit-scrollbar-thumb{background:var(--p-paper);border:2px solid var(--p-line)}
html[data-site-theme="pixelscav"]::before{content:"";position:fixed;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:-1;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><rect x='20' y='30' width='3' height='3' fill='white' fill-opacity='.45'/><rect x='90' y='12' width='2' height='2' fill='white' fill-opacity='.4'/><rect x='130' y='90' width='3' height='3' fill='white' fill-opacity='.4'/><rect x='50' y='120' width='2' height='2' fill='white' fill-opacity='.45'/></svg>") 0 0/160px 160px;animation:zk2-pan 50s linear infinite;--pan-x:160px;--pan-y:80px}

html[data-site-theme="pixelscav"] progress{-webkit-appearance:none;appearance:none;height:16px;border:2px solid var(--p-line);border-radius:0;background:var(--p-field);color:var(--p-a1)}
html[data-site-theme="pixelscav"] progress::-webkit-progress-bar{background:var(--p-field)}
html[data-site-theme="pixelscav"] progress::-webkit-progress-value{background:repeating-linear-gradient(90deg,var(--p-a1) 0 8px,transparent 8px 10px)}
html[data-site-theme="pixelscav"] progress::-moz-progress-bar{background:repeating-linear-gradient(90deg,var(--p-a1) 0 8px,transparent 8px 10px)}
html[data-site-theme="pixelscav"] .tc-hot{background:var(--p-a1);color:var(--p-btext)}
html[data-site-theme="pixelscav"] .tc-red{color:var(--p-accent)}

/* ======== loottable : ตารางลูท (อินเวนทอรีเกม) ======== */
/* palette (แก้สีตรงนี้) */
html[data-site-theme="loottable"][data-theme="light"]{
  --zk-0:#FAFAFA;--zk-1:#F4F5F6;--zk-2:#F1F3F3;--zk-3:#E1E4E5;--zk-4:#D1D6D7;--zk-5:#A0AAAC;--zk-6:#6F7D80;--zk-7:#535D5F;--zk-8:#424B4C;--zk-9:#2D3334;--zk-10:#1F2323;--zk-11:#131516;--p-bg1:#BFC5C2;--p-bg2:#9EA7A4;--p-paper:#E9E6DA;--p-ink:#1E2022;--p-head:#000000;--p-muted:#16181A;--p-faint:#25282A;--p-line:#1E2022;--p-line-soft:rgba(30,32,34,0.45);--p-a1:#E3A64A;--p-a2:#C23B2E;--p-a3:#CBCFC8;--p-btext:#1E1B14;--p-accent:#A12B20;--p-atext:#FFFFFF;--p-chip:rgba(227,166,74,0.35);--p-field:#F3F1E8;--p-shadow:#1E2022;--p-hi:#FFFFFF;--p-pat:rgba(30,32,34,0.10);
}
html[data-site-theme="loottable"][data-theme="dark"]{
  --zk-0:#0C0D0E;--zk-1:#131516;--zk-2:#1F2323;--zk-3:#2D3334;--zk-4:#3B4344;--zk-5:#535D5F;--zk-6:#849294;--zk-7:#A0AAAC;--zk-8:#D1D6D7;--zk-9:#E1E4E5;--zk-10:#F1F3F3;--zk-11:#F4F5F6;--p-bg1:#3A3340;--p-bg2:#1C1A20;--p-paper:#2C2E31;--p-ink:#E8E1CB;--p-head:#FFFFFF;--p-muted:#D0C9B2;--p-faint:#A29B84;--p-line:#E8E1CB;--p-line-soft:rgba(232,225,203,0.45);--p-a1:#E3A64A;--p-a2:#E0554A;--p-a3:#3E4043;--p-btext:#1E1B14;--p-accent:#FF7A6B;--p-atext:#1B0705;--p-chip:rgba(227,166,74,0.22);--p-field:#222426;--p-shadow:#000000;--p-hi:rgba(255,255,255,0.06);--p-pat:rgba(232,225,203,0.08);
}
/* shape (รูปทรง/ลูกเล่นเฉพาะธีม) */
html[data-site-theme="loottable"] ::selection{background:var(--p-a1);color:var(--p-btext)}
html[data-site-theme="loottable"] :is(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--p-accent);outline-offset:2px}
html[data-site-theme="loottable"] .modal{position:relative}

html[data-site-theme="loottable"]{--r-xs:0px;--r-sm:2px;--r-md:2px;--r-lg:3px;--r-xl:4px;
  --display:'Courier New',ui-monospace,'Noto Sans Thai',monospace;
  --bg-grad:linear-gradient(30deg,var(--p-pat) 1px,transparent 1px) 0 0/48px 28px,linear-gradient(150deg,var(--p-pat) 1px,transparent 1px) 0 0/48px 28px,linear-gradient(180deg,var(--p-bg1),var(--p-bg2));
  --glass:repeating-linear-gradient(180deg,transparent 0 23px,var(--p-pat) 23px 24px),linear-gradient(var(--p-paper),var(--p-paper));
  --shadow-soft:inset 0 0 0 3px var(--p-paper),inset 0 0 0 4px var(--p-line-soft),4px 4px 0 var(--p-shadow);--shadow-deep:inset 0 0 0 3px var(--p-paper),inset 0 0 0 4px var(--p-line-soft),6px 6px 0 var(--p-shadow);accent-color:var(--p-a1)}
html[data-site-theme="loottable"] h1,html[data-site-theme="loottable"] h2,html[data-site-theme="loottable"] h3{text-transform:uppercase;letter-spacing:.05em}
html[data-site-theme="loottable"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card,.nav,.info-tabs-wrap,.hero-info-detail,.modal,.budget-banner,.cmd-dock,.chat-panel,.dropdown-list,.btn-primary,.btn-glass,.btn-outline,.tab-btn){border-width:2px}
html[data-site-theme="loottable"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card),html[data-site-theme="loottable"] .modal{border-color:var(--p-line)}
html[data-site-theme="loottable"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before{content:"ITEM        QTY     TYPE";position:absolute;top:0;left:0;right:0;height:20px;z-index:3;pointer-events:none;box-sizing:border-box;padding:0 12px;border-bottom:1px solid var(--p-line-soft);background:var(--p-a3);color:var(--p-faint);font:700 9px/19px 'Courier New',ui-monospace,monospace;letter-spacing:.16em;white-space:pre;overflow:hidden}
html[data-site-theme="loottable"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after{content:"[X] USE    [SPACE] PICK UP";position:absolute;left:0;right:0;bottom:0;height:16px;z-index:3;pointer-events:none;box-sizing:border-box;border-top:1px solid var(--p-line-soft);background:var(--p-a3);color:var(--p-faint);font:700 9px/15px 'Courier New',ui-monospace,monospace;letter-spacing:.12em;text-align:center;white-space:pre;overflow:hidden}
html[data-site-theme="loottable"] :is(.btn-primary,.btn-glass,.btn-outline){border:2px solid var(--p-line);border-radius:2px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
html[data-site-theme="loottable"] .btn-primary{background:var(--p-a1);color:var(--p-btext);box-shadow:3px 3px 0 var(--p-shadow)}
html[data-site-theme="loottable"] .btn-glass,html[data-site-theme="loottable"] .btn-outline{background:var(--p-a3);color:var(--p-ink);border-style:dashed}
html[data-site-theme="loottable"] :is(.btn-primary,.btn-glass,.btn-outline):hover{background:var(--p-ink);color:var(--p-paper);border-style:solid}
html[data-site-theme="loottable"] :is(.btn-primary,.btn-glass,.btn-outline):active{transform:translate(2px,2px);box-shadow:none}
html[data-site-theme="loottable"] .tab-btn{border:0;border-bottom:1px dashed var(--p-line-soft);border-radius:0;background:transparent;color:var(--p-ink);font-weight:700;text-transform:uppercase;letter-spacing:.06em;text-align:left}
html[data-site-theme="loottable"] .tab-btn:is(.active,.on,.is-active,[aria-selected="true"],[aria-pressed="true"]){background:var(--p-a1);color:var(--p-btext);font-weight:800}
html[data-site-theme="loottable"] :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),select,textarea){border:2px solid var(--p-line);border-radius:0;background:var(--p-field);font-family:'Courier New',ui-monospace,monospace}
html[data-site-theme="loottable"]::-webkit-scrollbar,html[data-site-theme="loottable"] ::-webkit-scrollbar{width:14px;height:14px}
html[data-site-theme="loottable"]::-webkit-scrollbar-track,html[data-site-theme="loottable"] ::-webkit-scrollbar-track{background:var(--p-a3);border-left:2px solid var(--p-line)}
html[data-site-theme="loottable"]::-webkit-scrollbar-thumb,html[data-site-theme="loottable"] ::-webkit-scrollbar-thumb{background:var(--p-a1);border:2px solid var(--p-line)}
html[data-site-theme="loottable"]::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 82% 105%,color-mix(in srgb,var(--p-a1) 26%,transparent),transparent 55%);animation:zk2-tw 5s ease-in-out infinite alternate}

html[data-site-theme="loottable"] progress{-webkit-appearance:none;appearance:none;height:16px;border:2px solid var(--p-line);border-radius:0;background:var(--p-field);color:var(--p-a1)}
html[data-site-theme="loottable"] progress::-webkit-progress-bar{background:var(--p-field)}
html[data-site-theme="loottable"] progress::-webkit-progress-value{background:repeating-linear-gradient(90deg,var(--p-a1) 0 8px,transparent 8px 10px)}
html[data-site-theme="loottable"] progress::-moz-progress-bar{background:repeating-linear-gradient(90deg,var(--p-a1) 0 8px,transparent 8px 10px)}
html[data-site-theme="loottable"] .tc-hot{background:var(--p-a1);color:var(--p-btext)}
html[data-site-theme="loottable"] .tc-red{color:var(--p-accent)}

/* ======== Y2K signature (ปรับ 5 ธีม y2k ของรอบ v4.3 ให้ต่างกันมากกว่าสี: ลายลอย + ป้าย + กรอบเฉพาะตัว) ======== */
html[data-site-theme="y2kbubble"]::before{content:"";position:fixed;left:0;top:0;width:100%;height:calc(100% + 600px);pointer-events:none;z-index:-1;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='300'><path transform='translate(40 60) scale(1.3)' d='M12 21s-8-5.4-8-11a4.6 4.6 0 0 1 8-3 4.6 4.6 0 0 1 8 3c0 5.6-8 11-8 11z' fill='%23F2619F' fill-opacity='.55'/><path transform='translate(200 190) scale(1)' d='M12 21s-8-5.4-8-11a4.6 4.6 0 0 1 8-3 4.6 4.6 0 0 1 8 3c0 5.6-8 11-8 11z' fill='%2386BDF0' fill-opacity='.5'/><path transform='translate(130 20) scale(.7)' d='M12 21s-8-5.4-8-11a4.6 4.6 0 0 1 8-3 4.6 4.6 0 0 1 8 3c0 5.6-8 11-8 11z' fill='%2386BDF0' fill-opacity='.5'/></svg>") 0 0/300px 300px;animation:zk2-rise300 80s linear infinite}
html[data-site-theme="y2kmint"]::before{content:"";position:fixed;left:0;top:0;width:100%;height:calc(100% + 600px);pointer-events:none;z-index:-1;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='300'><path d='M60 40l14 14-14 14-14-14z' fill='%234DBA8D' fill-opacity='.55'/><path d='M220 200l10 10-10 10-10-10z' fill='%2386BDF0' fill-opacity='.55'/><path d='M200 60v16M192 68h16' stroke='%234DBA8D' stroke-width='3' stroke-opacity='.5'/><path d='M90 220v14M83 227h14' stroke='%2386BDF0' stroke-width='3' stroke-opacity='.5'/></svg>") 0 0/300px 300px;animation:zk2-rise300 80s linear infinite}
html[data-site-theme="y2kmint"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card),html[data-site-theme="y2kmint"] .modal{border-style:double;border-width:5px;border-radius:8px}
html[data-site-theme="y2kmint"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before{content:"\25C6 level_01:";border-radius:0 0 6px 6px}
html[data-site-theme="y2kmint"] .tab-btn{border-radius:6px;padding-right:34px}
html[data-site-theme="y2kbutter"]::before{content:"";position:fixed;left:0;top:0;width:100%;height:calc(100% + 600px);pointer-events:none;z-index:-1;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='300'><path transform='translate(40 50) scale(.5)' d='M50 4L62 36L96 38L69 59L79 92L50 73L21 92L31 59L4 38L38 36Z' fill='%23F2B820' fill-opacity='.6'/><path transform='translate(210 180) scale(.38)' d='M50 4L62 36L96 38L69 59L79 92L50 73L21 92L31 59L4 38L38 36Z' fill='%23F2619F' fill-opacity='.6'/><path transform='translate(150 20) scale(.24)' d='M50 4L62 36L96 38L69 59L79 92L50 73L21 92L31 59L4 38L38 36Z' fill='%23F2B820' fill-opacity='.6'/></svg>") 0 0/300px 300px;animation:zk2-rise300 80s linear infinite}
html[data-site-theme="y2kbutter"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before{content:"\2605 shop:"}
html[data-site-theme="y2kbutter"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after{content:"NEW!";position:absolute;top:-10px;right:-8px;left:auto;z-index:4;pointer-events:none;box-sizing:border-box;width:46px;height:46px;padding:0;border:0;border-radius:0;background:var(--p-a1);color:var(--p-btext);font-weight:900;font-size:10px;line-height:46px;letter-spacing:0;text-align:center;clip-path:polygon(50.0% 0.0%,59.8% 13.3%,75.0% 6.7%,76.9% 23.1%,93.3% 25.0%,86.7% 40.2%,100.0% 50.0%,86.7% 59.8%,93.3% 75.0%,76.9% 76.9%,75.0% 93.3%,59.8% 86.7%,50.0% 100.0%,40.2% 86.7%,25.0% 93.3%,23.1% 76.9%,6.7% 75.0%,13.3% 59.8%,0.0% 50.0%,13.3% 40.2%,6.7% 25.0%,23.1% 23.1%,25.0% 6.7%,40.2% 13.3%);transform:rotate(12deg)}
html[data-site-theme="y2klilac"]::before{content:"";position:fixed;left:0;top:0;width:100%;height:calc(100% + 600px);pointer-events:none;z-index:-1;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='300'><path d='M70 40a22 22 0 1 0 22 30a18 18 0 1 1-22-30z' fill='%239B7BE3' fill-opacity='.55'/><path transform='translate(200 170) scale(.3)' d='M50 0C54 30 70 46 100 50C70 54 54 70 50 100C46 70 30 54 0 50C30 46 46 30 50 0Z' fill='%23F59CC8' fill-opacity='.7'/><circle cx='150' cy='60' r='3' fill='%23F59CC8' fill-opacity='.6'/><circle cx='60' cy='220' r='4' fill='%239B7BE3' fill-opacity='.5'/></svg>") 0 0/300px 300px;animation:zk2-rise300 80s linear infinite}
html[data-site-theme="y2klilac"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card){border-radius:28px;outline:2px dashed var(--p-line2);outline-offset:-8px}
html[data-site-theme="y2klilac"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before{content:"\263E diary:"}
html[data-site-theme="y2kpeach"]::before{content:"";position:fixed;left:0;top:0;width:100%;height:calc(100% + 600px);pointer-events:none;z-index:-1;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='300'><circle cx='60' cy='60' r='9' fill='%23EE9462' fill-opacity='.5'/><circle cx='210' cy='120' r='6' fill='%2386BDF0' fill-opacity='.55'/><circle cx='120' cy='230' r='12' fill='none' stroke='%23EE9462' stroke-width='3' stroke-opacity='.5'/><circle cx='250' cy='250' r='5' fill='%2386BDF0' fill-opacity='.5'/></svg>") 0 0/300px 300px;animation:zk2-rise300 80s linear infinite}
html[data-site-theme="y2kpeach"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card),html[data-site-theme="y2kpeach"] .modal{border-style:dotted;border-width:4px;border-radius:var(--r-md) var(--r-md) var(--r-md) 4px}
html[data-site-theme="y2kpeach"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before{content:"\2661 order:"}

/* ======== halloween refresh (ปรับกรอบ/แบนเนอร์/ปุ่มของธีม halloween ให้นุ่มและทันสมัย: ขอบมนเย็บประ ชายระบาย ใยแมงมุม พระจันทร์ แสงเรือง) ======== */
html[data-site-theme="halloween"][data-theme="light"]{--h-purple:#5B3A8C;--h-glow:rgba(201,101,26,0.30);--h-web:rgba(58,42,30,0.55);--h-moon:rgba(255,226,170,0.60)}
html[data-site-theme="halloween"][data-theme="dark"]{--h-purple:#8A5FD0;--h-glow:rgba(224,122,31,0.32);--h-web:rgba(234,223,211,0.42);--h-moon:rgba(255,214,150,0.22)}
html[data-site-theme="halloween"]{--display:'Palatino Linotype','Book Antiqua',Georgia,'Noto Serif Thai',serif;
  --r-xs:10px;--r-sm:14px;--r-md:18px;--r-lg:22px;--r-xl:28px;
  --bg-grad:radial-gradient(circle at 86% 9%,var(--h-moon) 0 60px,transparent 62px),radial-gradient(circle at 86% 9%,color-mix(in srgb,var(--h-moon) 45%,transparent),transparent 230px),radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--h-purple) 24%,transparent),transparent 60%),radial-gradient(ellipse at 50% 112%,var(--h-glow),transparent 55%),radial-gradient(ellipse at 50% 0,var(--p-bg1) 0%,var(--p-bg2) 100%);
  --shadow-soft:0 12px 28px var(--p-shadow),0 0 0 1px var(--h-glow);--shadow-deep:0 20px 44px var(--p-shadow),0 0 24px var(--h-glow)}
html[data-site-theme="halloween"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card){border-radius:20px;border-width:1.5px;outline:1.5px dashed var(--p-line-soft);outline-offset:-8px}
html[data-site-theme="halloween"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::before{content:"";position:absolute;top:0;left:14px;right:14px;height:12px;z-index:3;pointer-events:none;background:radial-gradient(circle at 10px 0,var(--p-a2) 0 9px,transparent 9.5px) 0 0/40px 12px repeat-x,radial-gradient(circle at 30px 0,var(--h-purple) 0 9px,transparent 9.5px) 0 0/40px 12px repeat-x;animation:none}
html[data-site-theme="halloween"] :is(.hero,.horiz-card,.deal-card,.comm-container:not(.feed-wide) .comm-item,.album-card)::after{content:"";position:absolute;right:8px;bottom:8px;width:56px;height:56px;z-index:3;pointer-events:none;background:var(--h-web);opacity:.9;transform:scale(-1,-1);-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'><path d='M0 0H60M0 0L52 28M0 0L36 50M0 0L14 58M0 0V60M22 0Q20 18 0 22M40 0Q36 34 0 40M58 0Q50 48 0 58' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'/></svg>") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'><path d='M0 0H60M0 0L52 28M0 0L36 50M0 0L14 58M0 0V60M22 0Q20 18 0 22M40 0Q36 34 0 40M58 0Q50 48 0 58' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'/></svg>") center/contain no-repeat}
html[data-site-theme="halloween"] .nav{border-radius:18px;box-shadow:var(--shadow-soft),inset 0 -3px 0 var(--p-a2)}
html[data-site-theme="halloween"] :is(.info-tabs-wrap,.hero-info-detail,.chat-panel,.dropdown-list){border-radius:16px}
html[data-site-theme="halloween"] .budget-banner{border-radius:16px;border:2px dashed var(--p-a2);background:linear-gradient(90deg,color-mix(in srgb,var(--p-a2) 26%,var(--p-paper)),color-mix(in srgb,var(--h-purple) 26%,var(--p-paper)));box-shadow:0 0 18px var(--h-glow)}
html[data-site-theme="halloween"] .modal{border-radius:22px;box-shadow:var(--shadow-deep)}
html[data-site-theme="halloween"] :is(.btn-primary,.btn-glass,.btn-outline,.tab-btn){border-radius:12px}
html[data-site-theme="halloween"] .btn-primary{background:var(--p-a1);border-color:var(--p-a1);box-shadow:0 4px 0 color-mix(in srgb,var(--p-a1) 55%,#000),0 0 14px var(--h-glow)}
html[data-site-theme="halloween"] :is(.btn-glass,.btn-outline){box-shadow:0 3px 0 var(--p-shadow)}
html[data-site-theme="halloween"] :is(.btn-primary,.btn-glass,.btn-outline):hover{animation:none;transform:translateY(-2px)}
html[data-site-theme="halloween"] :is(.btn-primary,.btn-glass,.btn-outline):active{transform:translateY(2px);box-shadow:none}
html[data-site-theme="halloween"] .tab-btn{border-radius:999px}
html[data-site-theme="halloween"] .tab-btn:is(.active,.on,.is-active,[aria-selected="true"],[aria-pressed="true"]){background:var(--p-a1);color:#fff;border-color:var(--p-a1)}
html[data-site-theme="halloween"] :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),select,textarea){border-radius:12px}

/* ---- ลดการเคลื่อนไหว / ปิดเอฟเฟกต์ ---- */
@media (prefers-reduced-motion:reduce){html:is([data-site-theme="violetwidget"],[data-site-theme="creamneu"],[data-site-theme="crimsonpop"],[data-site-theme="hazardfile"],[data-site-theme="wantedred"],[data-site-theme="halftoneid"],[data-site-theme="magicgrid"],[data-site-theme="brandclip"],[data-site-theme="olivebubble"],[data-site-theme="scrapweb"],[data-site-theme="chromenoir"],[data-site-theme="lapdterm"],[data-site-theme="pixelscav"],[data-site-theme="loottable"],[data-site-theme="y2kbubble"],[data-site-theme="y2kmint"],[data-site-theme="y2kbutter"],[data-site-theme="y2klilac"],[data-site-theme="y2kpeach"])::before,html:is([data-site-theme="violetwidget"],[data-site-theme="creamneu"],[data-site-theme="crimsonpop"],[data-site-theme="hazardfile"],[data-site-theme="wantedred"],[data-site-theme="halftoneid"],[data-site-theme="magicgrid"],[data-site-theme="brandclip"],[data-site-theme="olivebubble"],[data-site-theme="scrapweb"],[data-site-theme="chromenoir"],[data-site-theme="lapdterm"],[data-site-theme="pixelscav"],[data-site-theme="loottable"],[data-site-theme="y2kbubble"],[data-site-theme="y2kmint"],[data-site-theme="y2kbutter"],[data-site-theme="y2klilac"],[data-site-theme="y2kpeach"])::after,html[data-site-theme="chromenoir"] :is(.hero,.horiz-card,.deal-card,.comm-item,.album-card)::before,html[data-site-theme="lapdterm"] :is(.hero,.horiz-card,.deal-card,.comm-item,.album-card)::after{animation:none !important}}
html[data-fx="off"]:is([data-site-theme="chromenoir"],[data-site-theme="lapdterm"]) :is(.hero,.horiz-card,.deal-card,.comm-item,.album-card)::before,html[data-fx="off"]:is([data-site-theme="chromenoir"],[data-site-theme="lapdterm"]) :is(.hero,.horiz-card,.deal-card,.comm-item,.album-card)::after{animation:none !important}

/* ---- ไอคอนลอยขึ้นของธีม (.paw-print) ---- */
html[data-site-theme="violetwidget"] .paw-print::before{content:"\f3cd"} /* fa-mobile-screen */
html[data-site-theme="creamneu"] .paw-print::before{content:"\f042"} /* fa-circle-half-stroke */
html[data-site-theme="crimsonpop"] .paw-print::before{content:"\f0e7"} /* fa-bolt */
html[data-site-theme="hazardfile"] .paw-print::before{content:"\f071"} /* fa-triangle-exclamation */
html[data-site-theme="wantedred"] .paw-print::before{content:"\f21b"} /* fa-user-secret */
html[data-site-theme="halftoneid"] .paw-print::before{content:"\f2c2"} /* fa-id-card */
html[data-site-theme="magicgrid"] .paw-print::before{content:"\f72b"} /* fa-wand-magic-sparkles */
html[data-site-theme="brandclip"] .paw-print::before{content:"\f0c6"} /* fa-paperclip */
html[data-site-theme="olivebubble"] .paw-print::before{content:"\f4ad"} /* fa-comment-dots */
html[data-site-theme="scrapweb"] .paw-print::before{content:"\f302"} /* fa-images */
html[data-site-theme="chromenoir"] .paw-print::before{content:"\f51f"} /* fa-compact-disc */
html[data-site-theme="lapdterm"] .paw-print::before{content:"\f120"} /* fa-terminal */
html[data-site-theme="pixelscav"] .paw-print::before{content:"\f2d2"} /* fa-window-restore */
html[data-site-theme="loottable"] .paw-print::before{content:"\f49e"} /* fa-box-open */