/* Mood: Main */
.mood-main body,
.mood-main .menu-panel {
  font-family: "Poppins", sans-serif;
  background: linear-gradient(135deg, #d8f3f9, #e0c3fc, #f9c5d1);
}

.mood-main header,
.mood-main h1 {
  background: white;
  color: #000000;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.mood-main footer {
  background: white;
  color: #999;
}

.mood-main h2,
.mood-main details {
  color: #2d3e50;
  background: #fff;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.mood-main summary,
.mood-main .nav-btn,
.mood-main .page-btn,
.mood-main .btn-404,
.mood-main .fic a {
  background: #42a5f5;
  color: white;
  transition: background 0.2s;
}

.mood-main .nav-btn:hover,
.mood-main .page-btn:hover,
.mood-main .btn-404:hover,
.mood-main .fic a:hover {
  background: #64b5f6;
  color: #fff;
}

.mood-main .page-list a,
.mood-main .tool-list a,
.mood-main .log,
.mood-main .fic {
  background: white;
  border: 2px solid #2196f3;
  border-left: 4px solid #2196f3;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.mood-main input[type="file"],
.mood-main .page-list strong,
.mood-main .tool-list strong,
.mood-main .title,
.mood-main h3 {
  color: #1e88e5;
}

.mood-main .page-list span,
.mood-main .tool-list span {
  color: #7b2cbf;
}

.mood-main .desc,
.mood-main p {
  color: black;
}

.mood-main .feature {
  background: linear-gradient(135deg, #e3f2fd, #ede7f6);
  color: #1e88e5;
  border: 2px solid #42a5f5;
  box-shadow: 0 3px 8px rgba(0,0,0,0.08);
}

/* Mood: Stories */
.mood-stories body,
.mood-stories .menu-panel {
  font-family: "Poppins", sans-serif;
  background: radial-gradient(circle at bottom right, #d8f3f9, #f9c5d1);
}

.mood-stories header,
.mood-stories h1 {
  background: white;
  color: #000000;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.mood-stories footer {
  background: white;
  color: #999;
}

.mood-stories h2,
.mood-stories details {
  color: #c2185b;
  background: #fff;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.mood-stories summary,
.mood-stories .nav-btn,
.mood-stories .page-btn,
.mood-stories .btn-404,
.mood-stories .fic a {
  background: #26a69a;
  color: white;
  transition: background 0.2s;
}

.mood-stories .nav-btn:hover,
.mood-stories .page-btn:hover,
.mood-stories .btn-404:hover,
.mood-stories .fic a:hover {
  background: #00796b;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.mood-stories .page-list a,
.mood-stories .tool-list a,
.mood-stories .log,
.mood-stories .fic {
  background: white;
  border: 2px solid #009688;
  border-left: 4px solid #009688;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.mood-stories input[type="file"],
.mood-stories .page-list strong,
.mood-stories .tool-list strong,
.mood-stories .title,
.mood-stories h3 {
  color: #00695c;
}

.mood-stories .page-list span,
.mood-stories .tool-list span {
  color: #37474f;
}

.mood-stories .desc,
.mood-stories p {
  color: #37474f;
}

.mood-stories .feature {
  background: #80cbc4;
  color: #004d40;
  border: 2px solid #009688;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

/* Mood: Series */
.mood-series body,
.mood-series .menu-panel {
  font-family: "Poppins", sans-serif;
  background: linear-gradient(to right, #fff0e5, #ffe2f0);
}

.mood-series header,
.mood-series h1 {
  background: white;
  color: #000000;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.mood-series footer {
  background: white;
  color: #999;
}

.mood-series h2,
.mood-series details {
  color: #d6336c;
  background: #fff;
  border-left: 2px solid #ff8a65;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05);
}

.mood-series summary,
.mood-series .nav-btn,
.mood-series .page-btn,
.mood-series .btn-404,
.mood-series .fic a {
  background: #ffa07a;
  color: white;
  transition: background 0.2s;
}

.mood-series .nav-btn:hover,
.mood-series .page-btn:hover,
.mood-series .btn-404:hover,
.mood-series .fic a:hover {
  background: #ff8a65; /* tone cam đào đậm hơn 1 chút */
  transform: translateY(-1px);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.mood-series .page-list a,
.mood-series .tool-list a,
.mood-series .log,
.mood-series .fic {
  background: white;
  border: 2px solid #009688;
  border-left: 4px solid #009688;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.mood-series input[type="file"],
.mood-series .page-list strong,
.mood-series .tool-list strong,
.mood-series .title,
.mood-series h3 {
  color: #d6336c;
}

.mood-series .page-list span,
.mood-series .tool-list span,
.mood-series .desc,
.mood-series p {
  color: #555;
}

.mood-series .feature {
  background: linear-gradient(45deg, #ffd5c2, #ffe3e0);
  color: #6a1b1a;
  border: 2px solid #ff8a65;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
}

/* Mood: Toolkit */
.mood-toolkit body,
.mood-toolkit .menu-panel {
  font-family: "Segoe UI", sans-serif;
  background: #f2f5f7;
  color: #333;
}

.mood-toolkit header,
.mood-toolkit h1 {
  background: #2d3e50;
  color: white;
}

.mood-toolkit footer {
  color: #888;
}

.mood-toolkit h2,
.mood-toolkit details {
  color: #2d3e50;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
}

.mood-toolkit summary,
.mood-toolkit .nav-btn,
.mood-toolkit .page-btn,
.mood-toolkit .btn-404,
.mood-toolkit .fic a {
  background: #2d8fcf;
  color: white;
  border: 2px solid #9ebacf;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

.mood-toolkit .nav-btn:hover,
.mood-toolkit .page-btn:hover,
.mood-toolkit .btn-404:hover,
.mood-toolkit .fic a:hover {
  background: #1972a3;
}

.mood-toolkit .page-list a,
.mood-toolkit .tool-list a,
.mood-toolkit .log,
.mood-toolkit .fic {
  background: white;
  border: 2px solid #9ebacf;
  border-left: 4px solid #9ebacf;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

.mood-toolkit input[type="file"],
.mood-toolkit .page-list strong,
.mood-toolkit .tool-list strong,
.mood-toolkit .title,
.mood-toolkit h3 {
  color: #134d73;
}

.mood-toolkit .page-list span,
.mood-toolkit .tool-list span,
.mood-toolkit .desc,
.mood-toolkit p {
  color: #555;
}

.mood-toolkit .feature {
  background: #ffffff;
  border: 2px solid #2d8fcf;
  color: #134d73;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

/* Mood: Pixel */
.mood-pixel body,
.mood-pixel .menu-panel {
  background: #222;
  color: #39ff14;
  font-family: "Press Start 2P", monospace;
}

.mood-pixel header,
.mood-pixel footer,
.mood-pixel h1 {
  background: #000;
  color: #39ff14;
  text-shadow: 1px 1px 0 #000, 2px 2px 0 #39ff14;
}

.mood-pixel h2,
.mood-pixel details {
  color: #39ff14;
  background: #111;
  text-shadow: 1px 1px 0 #000, 2px 2px 0 #39ff14;
}

.mood-pixel summary,
.mood-pixel .nav-btn,
.mood-pixel .page-btn,
.mood-pixel .btn-404,
.mood-pixel .fic a {
  background: black;
  color: #39ff14;
  border: 2px solid #39ff14;
  transition: background 0.2s;
  text-shadow: 1px 1px 0 #000, 2px 2px 0 #39ff14;
}

.mood-pixel .nav-btn:hover,
.mood-pixel .page-btn:hover,
.mood-pixel .btn-404:hover,
.mood-pixel .fic a:hover {
  background: #39ff14;
  color: black;
}

.mood-pixel .page-list a,
.mood-pixel .tool-list a,
.mood-pixel .log,
.mood-pixel .fic {
  color: #7cfc00;
  border: 2px solid #7cfc00;
  border-left: 4px solid #7cfc00;
}

.mood-pixel input[type="file"],
.mood-pixel .page-list strong,
.mood-pixel .tool-list strong,
.mood-pixel .title,
.mood-pixel h3 {
  color: #00e676;
}

.mood-pixel .page-list span,
.mood-pixel .tool-list span,
.mood-pixel .desc,
.mood-pixel p {
  color: #9cff57;
}

.mood-pixel .feature {
  background: #111;
  padding: 8px 12px;
  border: 2px dashed #39ff14;
}

/* Mood: Galaxy */
.mood-galaxy body,
.mood-galaxy .menu-panel {
  background: radial-gradient(circle, #1a237e, #0d47a1, #000000);
  color: #e3f2fd;
  font-family: "Orbitron", sans-serif;
}

.mood-galaxy header,
.mood-galaxy h1 {
  background: #0d47a1;
  color: #bbdefb;
}

.mood-galaxy footer {
  background: #1a237e;
  color: #90caf9;
}

.mood-galaxy h2,
.mood-galaxy details {
  color: #69f0ae;
  background: #111;
}

.mood-galaxy summary,
.mood-galaxy .nav-btn,
.mood-galaxy .page-btn,
.mood-galaxy .btn-404,
.mood-galaxy .fic a {
  background: #00e676;
  color: #000;
  transition: background 0.2s;
}

.mood-galaxy .nav-btn:hover,
.mood-galaxy .page-btn:hover,
.mood-galaxy .btn-404:hover,
.mood-galaxy .fic a:hover {
  background: #69f0ae;
  color: #000;
}

.mood-galaxy .page-list a,
.mood-galaxy .tool-list a,
.mood-galaxy .log,
.mood-galaxy .fic {
  background: #121212;
  border: 2px solid #00e676;
  border-left: 4px solid #00e676;
}

.mood-galaxy input[type="file"],
.mood-galaxy .page-list strong,
.mood-galaxy .tool-list strong,
.mood-galaxy .title,
.mood-galaxy h3 {
  color: #69f0ae;
}

.mood-galaxy .page-list span,
.mood-galaxy .tool-list span,
.mood-galaxy .desc,
.mood-galaxy p {
  color: #b2ebf2;
}

.mood-galaxy .feature {
  background: #0e1b26;
  color: #69f0ae;
  border: 2px solid #00e676;
  box-shadow: 0 0 6px #00e67666;
}

/* Mood: Classic */
.mood-classic body,
.mood-classic .menu-panel {
  background: #fefefe;
  color: #333;
  font-family: "Georgia", serif;
}

.mood-classic header,
.mood-classic h1 {
  background: #ececec;
  color: #222;
}

.mood-classic footer {
  background: #f5f5f5;
  color: #444;
}

.mood-classic h2,
.mood-classic details {
  background: #fff;
  color: #2c2c2c;
}

.mood-classic summary,
.mood-classic .nav-btn,
.mood-classic .page-btn,
.mood-classic .btn-404,
.mood-classic .fic a {
  background: #444;
  color: white;
  transition: background 0.2s;
}

.mood-classic .nav-btn:hover,
.mood-classic .page-btn:hover,
.mood-classic .btn-404:hover,
.mood-classic .fic a:hover {
  background: #222;
  color: #fff;
}

.mood-classic .page-list a,
.mood-classic .tool-list a,
.mood-classic .log,
.mood-classic .fic {
  background: #ffffff;
  border: 2px solid #999;
  border-left: 4px solid #999;
}

.mood-classic input[type="file"],
.mood-classic .page-list strong,
.mood-classic .tool-list strong,
.mood-classic .title,
.mood-classic h3 {
  color: #2c2c2c;
}

.mood-classic .page-list span,
.mood-classic .tool-list span,
.mood-classic .desc,
.mood-classic p {
  color: #555;
}

.mood-classic .feature {
  background: #f3f3f3;
  color: #222;
  border: 1px solid #ccc;
  font-style: italic;
}

/* Mood: Trà đào nắng nhẹ */
.mood-trà-đào-nắng-nhẹ body,
.mood-trà-đào-nắng-nhẹ .menu-panel {
  font-family: "Merriweather", serif;
  background: linear-gradient(120deg, #fff0e6, #ffe6cc);
}

.mood-trà-đào-nắng-nhẹ header,
.mood-trà-đào-nắng-nhẹ footer,
.mood-trà-đào-nắng-nhẹ h1 {
  background: #fff8f2;
  color: #cc6633;
}

.mood-trà-đào-nắng-nhẹ h2,
.mood-trà-đào-nắng-nhẹ details {
  background: #fff;
  color: #cc5500;
}

.mood-trà-đào-nắng-nhẹ summary,
.mood-trà-đào-nắng-nhẹ .nav-btn,
.mood-trà-đào-nắng-nhẹ .page-btn,
.mood-trà-đào-nắng-nhẹ .btn-404,
.mood-trà-đào-nắng-nhẹ .fic a {
  background: #ffb380;
  color: #5c1f00;
  border: 2px solid #ffb380;
  transition: background 0.2s;
}

.mood-trà-đào-nắng-nhẹ .nav-btn:hover,
.mood-trà-đào-nắng-nhẹ .page-btn:hover,
.mood-trà-đào-nắng-nhẹ .btn-404:hover,
.mood-trà-đào-nắng-nhẹ .fic a:hover {
  background: #ffaa66;
  color: white;
}

.mood-trà-đào-nắng-nhẹ .page-list a,
.mood-trà-đào-nắng-nhẹ .tool-list a,
.mood-trà-đào-nắng-nhẹ .log,
.mood-trà-đào-nắng-nhẹ .fic {
  background: #fff5ee;
  border: 2px solid #ffb380;
  border-left: 6px solid #ffb380;
}

.mood-trà-đào-nắng-nhẹ input[type="file"],
.mood-trà-đào-nắng-nhẹ .page-list strong,
.mood-trà-đào-nắng-nhẹ .tool-list strong,
.mood-trà-đào-nắng-nhẹ .title,
.mood-trà-đào-nắng-nhẹ h3 {
  color: #cc5500;
}

.mood-trà-đào-nắng-nhẹ .page-list span,
.mood-trà-đào-nắng-nhẹ .tool-list span,
.mood-trà-đào-nắng-nhẹ .desc,
.mood-trà-đào-nắng-nhẹ p {
  color: #cc6633;
}

.mood-trà-đào-nắng-nhẹ .feature {
  background: #fff8f2;
  border: 2px solid #cc6633;
  box-shadow: 0 2px 6px rgba(204, 102, 51, 0.2);
  font-style: italic;
}

/* Mood: Galaxy Neon */
.mood-galaxy-neon body,
.mood-galaxy-neon .menu-panel {
  font-family: "Orbitron", sans-serif;
  background: radial-gradient(circle at top left, #302b63, #0f0c29 60%);
  color: #e0e0ff;
}

.mood-galaxy-neon header,
.mood-galaxy-neon footer,
.mood-galaxy-neon h1 {
  background: #1a1a2e;
  color: #70d6ff;
}

.mood-galaxy-neon h2,
.mood-galaxy-neon details {
  color: #70d6ff;
  background: #111;
  text-shadow: 0 0 6px #70d6ff, 0 0 12px #99e6ff;
}

.mood-galaxy-neon summary,
.mood-galaxy-neon .nav-btn,
.mood-galaxy-neon .page-btn,
.mood-galaxy-neon .btn-404,
.mood-galaxy-neon .fic a {
  background: #70d6ff;
  color: #1a1a2e;
  border: 2px solid #70d6ff;
  transition: background 0.2s;
}

.mood-galaxy-neon .nav-btn:hover,
.mood-galaxy-neon .page-btn:hover,
.mood-galaxy-neon .btn-404:hover,
.mood-galaxy-neon .fic a:hover {
  background: #99e6ff;
  color: #000;
}

.mood-galaxy-neon .page-list a,
.mood-galaxy-neon .tool-list a,
.mood-galaxy-neon .log,
.mood-galaxy-neon .fic {
  background: #1f1f3b;
  border: 2px solid #70d6ff;
  border-left: 4px solid #70d6ff;
}

.mood-galaxy-neon input[type="file"],
.mood-galaxy-neon .page-list strong,
.mood-galaxy-neon .tool-list strong,
.mood-galaxy-neon .title,
.mood-galaxy-neon h3 {
  color: #70d6ff;
  text-shadow: 0 0 6px #70d6ff, 0 0 12px #99e6ff;
}

.mood-galaxy-neon .page-list span,
.mood-galaxy-neon .tool-list span,
.mood-galaxy-neon .desc,
.mood-galaxy-neon p {
  color: #99ccff;
}

.mood-galaxy-neon .feature {
  background: #1a1a2e;
  color: #70d6ff;
  border: 2px solid #70d6ff;
  box-shadow: 0 0 12px #70d6ff, 0 0 24px #99e6ff;
}

/* Mood: Sách cổ thư viện */
.mood-sách-cổ-thư-viện body,
.mood-sách-cổ-thư-viện .menu-panel {
  font-family: "EB Garamond", serif;
  background: url("https://www.transparenttextures.com/patterns/paper-fibers.png"), linear-gradient(90deg, #f5f0e6, #e0d6c1);
  background-blend-mode: overlay;
  color: #2e1f0e;
}

.mood-sách-cổ-thư-viện header,
.mood-sách-cổ-thư-viện footer,
.mood-sách-cổ-thư-viện h1 {
  background: #d8cbb0;
  color: #4b3621;
}

.mood-sách-cổ-thư-viện h2,
.mood-sách-cổ-thư-viện details {
  color: #5e3d2c;
}

.mood-sách-cổ-thư-viện summary,
.mood-sách-cổ-thư-viện .nav-btn,
.mood-sách-cổ-thư-viện .page-btn,
.mood-sách-cổ-thư-viện .btn-404,
.mood-sách-cổ-thư-viện .fic a {
  background: #b19970;
  color: #2e1f0e;
  border: 2px solid #b19970;
  transition: background 0.2s;
}

.mood-sách-cổ-thư-viện .nav-btn:hover,
.mood-sách-cổ-thư-viện .page-btn:hover,
.mood-sách-cổ-thư-viện .btn-404:hover,
.mood-sách-cổ-thư-viện .fic a:hover {
  background: #a68b63;
  color: white;
}

.mood-sách-cổ-thư-viện .page-list a,
.mood-sách-cổ-thư-viện .tool-list a,
.mood-sách-cổ-thư-viện .log,
.mood-sách-cổ-thư-viện .fic {
  background: #fdfaf4;
  border: 2px solid #b19970;
  border-left: 4px solid #b19970;
}

.mood-sách-cổ-thư-viện input[type="file"],
.mood-sách-cổ-thư-viện .page-list strong,
.mood-sách-cổ-thư-viện .tool-list strong,
.mood-sách-cổ-thư-viện .title,
.mood-sách-cổ-thư-viện h3 {
  color: #5e3d2c;
}

.mood-sách-cổ-thư-viện .page-list span,
.mood-sách-cổ-thư-viện .tool-list span,
.mood-sách-cổ-thư-viện .desc,
.mood-sách-cổ-thư-viện p {
  color: #663300;
}

.mood-sách-cổ-thư-viện .feature {
  background: #fdfaf4;
  color: #2e1f0e;
  border: 2px dashed #b19970;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
}

/* Mood: Pixel Retro */
.mood-pixel-retro body,
.mood-pixel-retro .menu-panel {
  font-family: "VT323", monospace;
  background: linear-gradient(to right, #c1f0f6, #ffe0f0);
  color: #333;
}

.mood-pixel-retro header,
.mood-pixel-retro footer,
.mood-pixel-retro h1 {
  background: #fff;
  color: #111;
}

.mood-pixel-retro h2,
.mood-pixel-retro details {
  background: #fff;
  color: #cc3366;
  border-color: #ff99cc;
}

.mood-pixel-retro summary,
.mood-pixel-retro .nav-btn,
.mood-pixel-retro .page-btn,
.mood-pixel-retro .btn-404,
.mood-pixel-retro .fic a {
  background: #ff99cc;
  color: #000;
  border: 2px solid #cc3366;
  transition: background 0.2s;
}

.mood-pixel-retro .nav-btn:hover,
.mood-pixel-retro .page-btn:hover,
.mood-pixel-retro .btn-404:hover,
.mood-pixel-retro .fic a:hover {
  background: #cc3366;
  color: #fff;
  border-color: #ff99cc;
}

.mood-pixel-retro .page-list a,
.mood-pixel-retro .tool-list a,
.mood-pixel-retro .log,
.mood-pixel-retro .fic {
  background: #fffbe6;
  border: 2px dashed #ff99cc;
  box-shadow: inset -2px -2px 0 #cc3366, inset 2px 2px 0 #ffccdd;
}

.mood-pixel-retro input[type="file"],
.mood-pixel-retro .page-list strong,
.mood-pixel-retro .tool-list strong,
.mood-pixel-retro .title,
.mood-pixel-retro h3 {
  color: #cc3366;
  text-shadow: 1px 1px #fff;
}

.mood-pixel-retro .feature {
  border-radius: 12px;
  font-weight: bold;
  box-shadow: 0 4px 8px rgba(255, 153, 204, 0.2);
}

/* Mood: Midnight Rose */
.mood-midnight-rose body,
.mood-midnight-rose .menu-panel {
  font-family: "Playfair Display", serif;
  background: radial-gradient(circle, #1e002b, #000000);
  color: #fbeeff;
}

.mood-midnight-rose header,
.mood-midnight-rose footer,
.mood-midnight-rose h1 {
  background: #2a003f;
  color: #ffb3ec;
}

.mood-midnight-rose h2,
.mood-midnight-rose details {
  color: #ff99dd;
  background: #111;
}

.mood-midnight-rose summary,
.mood-midnight-rose .nav-btn,
.mood-midnight-rose .page-btn,
.mood-midnight-rose .btn-404,
.mood-midnight-rose .fic a {
  background: #cc6aa8;
  border-color: #cc6aa8;
  color: #2e003f;
  border: 2px solid #ff9bce;
  transition: background 0.2s;
}

.mood-midnight-rose .nav-btn:hover,
.mood-midnight-rose .page-btn:hover,
.mood-midnight-rose .btn-404:hover,
.mood-midnight-rose .fic a:hover {
  background: #ffb3ec;
  color: #000;
}

.mood-midnight-rose .page-list a,
.mood-midnight-rose .tool-list a,
.mood-midnight-rose .log,
.mood-midnight-rose .fic {
  background: #3a004f;
  border: 2px solid #ff9bce;
}

.mood-midnight-rose input[type="file"],
.mood-midnight-rose .page-list strong,
.mood-midnight-rose .tool-list strong,
.mood-midnight-rose .title,
.mood-midnight-rose h3 {
  color: #ff99dd;
}

.mood-midnight-rose .page-list span,
.mood-midnight-rose .tool-list span,
.mood-midnight-rose .desc,
.mood-midnight-rose p {
  color: #ddbadd;
}

.mood-midnight-rose .feature {
  background: #2e003f;
  color: #ffb3ec;
  border: 2px solid #ff9bce;
}

/* Mood: Biển sớm mát mẻ */
.mood-biển-sớm-mát-mẻ body,
.mood-biển-sớm-mát-mẻ .menu-panel {
  font-family: "Quicksand", sans-serif;
  background: linear-gradient(to bottom, #e0f7fa, #b2ebf2, #80deea);
  color: #004d40;
}

.mood-biển-sớm-mát-mẻ header,
.mood-biển-sớm-mát-mẻ footer,
.mood-biển-sớm-mát-mẻ h1 {
  background: #ffffff;
  color: #00796b;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.mood-biển-sớm-mát-mẻ h2,
.mood-biển-sớm-mát-mẻ details {
  color: #00796b;
}

.mood-biển-sớm-mát-mẻ summary,
.mood-biển-sớm-mát-mẻ .nav-btn,
.mood-biển-sớm-mát-mẻ .page-btn,
.mood-biển-sớm-mát-mẻ .btn-404,
.mood-biển-sớm-mát-mẻ .fic a {
  background: #4dd0e1;
  color: #004d40;
  border: 2px solid #4dd0e1;
  transition: background 0.2s;
}

.mood-biển-sớm-mát-mẻ .nav-btn:hover,
.mood-biển-sớm-mát-mẻ .page-btn:hover,
.mood-biển-sớm-mát-mẻ .btn-404:hover,
.mood-biển-sớm-mát-mẻ .fic a:hover {
  background: #00acc1;
  color: #ffffff;
}

.mood-biển-sớm-mát-mẻ .page-list a,
.mood-biển-sớm-mát-mẻ .tool-list a,
.mood-biển-sớm-mát-mẻ .log,
.mood-biển-sớm-mát-mẻ .fic {
  background: #ffffffcc;
  border: 2px solid #4dd0e1;
  border-left: 4px solid #4dd0e1;
  backdrop-filter: blur(2px);
}

.mood-biển-sớm-mát-mẻ input[type="file"],
.mood-biển-sớm-mát-mẻ .page-list strong,
.mood-biển-sớm-mát-mẻ .tool-list strong,
.mood-biển-sớm-mát-mẻ .title,
.mood-biển-sớm-mát-mẻ h3 {
  color: #00796b;
}

.mood-biển-sớm-mát-mẻ .page-list span,
.mood-biển-sớm-mát-mẻ .tool-list span,
.mood-biển-sớm-mát-mẻ .desc,
.mood-biển-sớm-mát-mẻ p {
  color: #000000;
}

.mood-biển-sớm-mát-mẻ .feature {
  background: #ffffffcc;
  color: #00796b;
  border: 2px solid #4dd0e1;
  backdrop-filter: blur(2px);
}

/* Mood: Băng tuyết phương Bắc */
.mood-băng-tuyết-phương-bắc body,
.mood-băng-tuyết-phương-bắc .menu-panel {
  font-family: "Raleway", sans-serif;
  background: linear-gradient(to bottom, #e0f7fa, #cfd8dc, #b0bec5);
  color: #263238;
}

.mood-băng-tuyết-phương-bắc header,
.mood-băng-tuyết-phương-bắc footer,
.mood-băng-tuyết-phương-bắc h1 {
  background: #ffffff;
  color: #37474f;
}

.mood-băng-tuyết-phương-bắc h2,
.mood-băng-tuyết-phương-bắc details {
  color: #1565c0;
}

.mood-băng-tuyết-phương-bắc summary,
.mood-băng-tuyết-phương-bắc .nav-btn,
.mood-băng-tuyết-phương-bắc .page-btn,
.mood-băng-tuyết-phương-bắc .btn-404,
.mood-băng-tuyết-phương-bắc .fic a {
  background: #90caf9;
  color: #0d47a1;
  border: 2px solid #90caf9;
  transition: background 0.2s;
}

.mood-băng-tuyết-phương-bắc .nav-btn:hover,
.mood-băng-tuyết-phương-bắc .page-btn:hover,
.mood-băng-tuyết-phương-bắc .btn-404:hover,
.mood-băng-tuyết-phương-bắc .fic a:hover {
  background: #64b5f6;
  color: #ffffff;
}

.mood-băng-tuyết-phương-bắc .page-list a,
.mood-băng-tuyết-phương-bắc .tool-list a,
.mood-băng-tuyết-phương-bắc .log,
.mood-băng-tuyết-phương-bắc .fic {
  background: #e3f2fd;
  border: 2px solid #90caf9;
  border-left: 4px solid #90caf9;
}

.mood-băng-tuyết-phương-bắc input[type="file"],
.mood-băng-tuyết-phương-bắc .page-list strong,
.mood-băng-tuyết-phương-bắc .tool-list strong,
.mood-băng-tuyết-phương-bắc .title,
.mood-băng-tuyết-phương-bắc h3 {
  color: #1565c0;
}

.mood-băng-tuyết-phương-bắc .feature {
  background: #e3f2fd;
  color: #0d47a1;
  border: 2px solid #90caf9;
}

/* Mood: Hồ thu xanh tĩnh */
.mood-hồ-thu-xanh-tĩnh body,
.mood-hồ-thu-xanh-tĩnh .menu-panel {
  font-family: "Nunito", sans-serif;
  background: linear-gradient(to bottom, #e0f2f1, #b2dfdb);
  color: #004d40;
}

.mood-hồ-thu-xanh-tĩnh header,
.mood-hồ-thu-xanh-tĩnh footer,
.mood-hồ-thu-xanh-tĩnh h1 {
  background: #ffffff;
  color: #00695c;
}

.mood-hồ-thu-xanh-tĩnh h2,
.mood-hồ-thu-xanh-tĩnh details {
  color: #00796b;
}

.mood-hồ-thu-xanh-tĩnh summary,
.mood-hồ-thu-xanh-tĩnh .nav-btn,
.mood-hồ-thu-xanh-tĩnh .page-btn,
.mood-hồ-thu-xanh-tĩnh .btn-404,
.mood-hồ-thu-xanh-tĩnh .fic a {
  background: #4db6ac;
  color: #00332c;
  border: 2px solid #4db6ac;
  transition: background 0.2s;
}

.mood-hồ-thu-xanh-tĩnh .nav-btn:hover,
.mood-hồ-thu-xanh-tĩnh .page-btn:hover,
.mood-hồ-thu-xanh-tĩnh .btn-404:hover,
.mood-hồ-thu-xanh-tĩnh .fic a:hover {
  background: #26a69a;
  color: #ffffff;
}

.mood-hồ-thu-xanh-tĩnh .page-list a,
.mood-hồ-thu-xanh-tĩnh .tool-list a,
.mood-hồ-thu-xanh-tĩnh .log,
.mood-hồ-thu-xanh-tĩnh .fic {
  background: #ffffffee;
  border: 2px solid #4db6ac;
  border-left: 4px solid #4db6ac;
}

.mood-hồ-thu-xanh-tĩnh input[type="file"],
.mood-hồ-thu-xanh-tĩnh .page-list strong,
.mood-hồ-thu-xanh-tĩnh .tool-list strong,
.mood-hồ-thu-xanh-tĩnh .title,
.mood-hồ-thu-xanh-tĩnh h3 {
  color: #00796b;
}

.mood-hồ-thu-xanh-tĩnh .feature {
  background: #ffffffdd;
  color: #004d40;
  border: 2px solid #4db6ac;
  backdrop-filter: blur(2px);
}

/* Mood: Đêm mùa hè yên tĩnh */
.mood-đêm-mùa-hè-yên-tĩnh body,
.mood-đêm-mùa-hè-yên-tĩnh .menu-panel {
  font-family: "Lexend", sans-serif;
  background: linear-gradient(to bottom, #1a237e, #283593, #3f51b5);
  color: #e8eaf6;
  transition: all 0.3s ease;
}

.mood-đêm-mùa-hè-yên-tĩnh header,
.mood-đêm-mùa-hè-yên-tĩnh footer,
.mood-đêm-mùa-hè-yên-tĩnh h1 {
  background: #1e1e2f;
  color: #bbdefb;
}

.mood-đêm-mùa-hè-yên-tĩnh h2,
.mood-đêm-mùa-hè-yên-tĩnh details {
  color: #82b1ff;
  background: #111;
}

.mood-đêm-mùa-hè-yên-tĩnh summary,
.mood-đêm-mùa-hè-yên-tĩnh .nav-btn,
.mood-đêm-mùa-hè-yên-tĩnh .page-btn,
.mood-đêm-mùa-hè-yên-tĩnh .btn-404,
.mood-đêm-mùa-hè-yên-tĩnh .fic a {
  background: #7986cb;
  color: #1e1e2f;
  border: 2px solid #7986cb;
  transition: background 0.2s;
}

.mood-đêm-mùa-hè-yên-tĩnh .nav-btn:hover,
.mood-đêm-mùa-hè-yên-tĩnh .page-btn:hover,
.mood-đêm-mùa-hè-yên-tĩnh .btn-404:hover,
.mood-đêm-mùa-hè-yên-tĩnh .fic a:hover {
  background: #9fa8da;
  color: #000;
}

.mood-đêm-mùa-hè-yên-tĩnh .page-list a,
.mood-đêm-mùa-hè-yên-tĩnh .tool-list a,
.mood-đêm-mùa-hè-yên-tĩnh .log,
.mood-đêm-mùa-hè-yên-tĩnh .fic {
  background: #2c2c3a;
  border: 2px solid #7986cb;
  border-left: 4px solid #7986cb;
}

.mood-đêm-mùa-hè-yên-tĩnh input[type="file"],
.mood-đêm-mùa-hè-yên-tĩnh .page-list strong,
.mood-đêm-mùa-hè-yên-tĩnh .tool-list strong,
.mood-đêm-mùa-hè-yên-tĩnh .title,
.mood-đêm-mùa-hè-yên-tĩnh h3 {
  color: #82b1ff;
}

.mood-đêm-mùa-hè-yên-tĩnh .page-list span,
.mood-đêm-mùa-hè-yên-tĩnh .tool-list span,
.mood-đêm-mùa-hè-yên-tĩnh .desc,
.mood-đêm-mùa-hè-yên-tĩnh p {
  color: #9999cc;
}

.mood-đêm-mùa-hè-yên-tĩnh .feature {
  background: rgba(170, 182, 255, 0.15);
  color: #ccccff;
  border: 2px solid rgba(170, 182, 255, 0.5);
  box-shadow: 0 0 12px #ccccff;
}

/* Mood: Đêm sáng trăng */
.mood-đêm-sáng-trăng body,
.mood-đêm-sáng-trăng .menu-panel {
  background: linear-gradient(to bottom, #1a237e, #303f9f);
  color: #e8eaf6;
}

.mood-đêm-sáng-trăng header,
.mood-đêm-sáng-trăng footer,
.mood-đêm-sáng-trăng h2,
.mood-đêm-sáng-trăng h1 {
  background: #1e1e2f;
  color: #bbdefb;
}

.mood-đêm-sáng-trăng details {
  background: #aab6ff;
  color: #000;
}

.mood-đêm-sáng-trăng summary,
.mood-đêm-sáng-trăng .nav-btn,
.mood-đêm-sáng-trăng .page-btn,
.mood-đêm-sáng-trăng .btn-404,
.mood-đêm-sáng-trăng .fic a {
  background: #ccccff;
  color: #1c1c2c;
  border: 2px solid #1c1c2c;
  transition: background 0.2s;
}

.mood-đêm-sáng-trăng .nav-btn:hover,
.mood-đêm-sáng-trăng .page-btn:hover,
.mood-đêm-sáng-trăng .btn-404:hover,
.mood-đêm-sáng-trăng .fic a:hover {
  background: #aab6ff;
  color: #000;
}

.mood-đêm-sáng-trăng .page-list a,
.mood-đêm-sáng-trăng .tool-list a,
.mood-đêm-sáng-trăng .log,
.mood-đêm-sáng-trăng .fic {
  background: #1c1c2c;
  color: #e0e0ff;
  border: 2px solid #1c1c2c;
}

.mood-đêm-sáng-trăng input[type="file"],
.mood-đêm-sáng-trăng .page-list strong,
.mood-đêm-sáng-trăng .tool-list strong,
.mood-đêm-sáng-trăng .title,
.mood-đêm-sáng-trăng h3 {
  color: #82b1ff;
}

.mood-đêm-sáng-trăng .page-list span,
.mood-đêm-sáng-trăng .tool-list span,
.mood-đêm-sáng-trăng .desc,
.mood-đêm-sáng-trăng p {
  color: #ccccff;
}

.mood-đêm-sáng-trăng .feature {
  background: #1c1c2c;
  color: #ccccff;
  border: 2px solid #ccccff;
  box-shadow: 0 0 12px #ccccff;
}

/* Mood: Sương mù bạc sớm mai */
.mood-sương-mù-bạc-sớm-mai body,
.mood-sương-mù-bạc-sớm-mai .menu-panel {
font-family: 'Lato', sans-serif;
background: linear-gradient(to bottom, #f1f1f1, #d7e1ec);
color: #2c3e50;
}

.mood-sương-mù-bạc-sớm-mai header,
.mood-sương-mù-bạc-sớm-mai footer,
.mood-sương-mù-bạc-sớm-mai h1 {
background: #e3eaf1;
color: #2c3e50;
}

.mood-sương-mù-bạc-sớm-mai h2,
.mood-sương-mù-bạc-sớm-mai details {
color: #455a64;
}

.mood-sương-mù-bạc-sớm-mai summary,
.mood-sương-mù-bạc-sớm-mai .nav-btn,
.mood-sương-mù-bạc-sớm-mai .page-btn,
.mood-sương-mù-bạc-sớm-mai .btn-404,
.mood-sương-mù-bạc-sớm-mai .fic a {
background: #90a4ae;
color: #263238;
border: 2px solid #90a4ae;
transition: background 0.2s;
}

.mood-sương-mù-bạc-sớm-mai .nav-btn:hover,
.mood-sương-mù-bạc-sớm-mai .page-btn:hover,
.mood-sương-mù-bạc-sớm-mai .btn-404:hover,
.mood-sương-mù-bạc-sớm-mai .fic a:hover {
background: #78909c;
color: #ffffff;
}

.mood-sương-mù-bạc-sớm-mai .page-list a,
.mood-sương-mù-bạc-sớm-mai .tool-list a,
.mood-sương-mù-bạc-sớm-mai .log,
.mood-sương-mù-bạc-sớm-mai .fic {
background: #ffffff;
border: 2px solid #90a4ae;
border-left: 4px solid #90a4ae;
}

.mood-sương-mù-bạc-sớm-mai input[type="file"],
.mood-sương-mù-bạc-sớm-mai .page-list strong,
.mood-sương-mù-bạc-sớm-mai .tool-list strong,
.mood-sương-mù-bạc-sớm-mai .title,
.mood-sương-mù-bạc-sớm-mai h3 {
color: #455a64;
}

.mood-sương-mù-bạc-sớm-mai .feature {
background: #ffffff;
color: #263238;
border: 2px solid #90a4ae;
box-shadow: 0 0 12px rgba(144, 164, 174, 0.4);
backdrop-filter: blur(4px);
}

/* Mood: Xanh bích Thái Lan */
.mood-xanh-bích-thái-lan body,
.mood-xanh-bích-thái-lan .menu-panel {
font-family: 'Open Sans', sans-serif;
background: linear-gradient(to bottom, #e0f2f1, #b2ebf2);
color: #004d40;
}

.mood-xanh-bích-thái-lan header,
.mood-xanh-bích-thái-lan footer,
.mood-xanh-bích-thái-lan h1 {
background: #ffffff;
color: #00796b;
}

.mood-xanh-bích-thái-lan h2,
.mood-xanh-bích-thái-lan details {
color: #00897b;
}

.mood-xanh-bích-thái-lan summary,
.mood-xanh-bích-thái-lan .nav-btn,
.mood-xanh-bích-thái-lan .page-btn,
.mood-xanh-bích-thái-lan .btn-404,
.mood-xanh-bích-thái-lan .fic a {
background: #26a69a;
color: #004d40;
border: 2px solid #26a69a;
transition: background 0.2s;
}

.mood-xanh-bích-thái-lan .nav-btn:hover,
.mood-xanh-bích-thái-lan .page-btn:hover,
.mood-xanh-bích-thái-lan .btn-404:hover,
.mood-xanh-bích-thái-lan .fic a:hover {
background: #009688;
color: #ffffff;
}

.mood-xanh-bích-thái-lan .page-list a,
.mood-xanh-bích-thái-lan .tool-list a,
.mood-xanh-bích-thái-lan .log,
.mood-xanh-bích-thái-lan .fic {
background: #ffffffdd;
border: 2px solid #26a69a;
border-left: 5px solid #26a69a;
}

.mood-xanh-bích-thái-lan input[type="file"],
.mood-xanh-bích-thái-lan .page-list strong,
.mood-xanh-bích-thái-lan .tool-list strong,
.mood-xanh-bích-thái-lan .title,
.mood-xanh-bích-thái-lan h3 {
color: #00897b;
}

.mood-xanh-bích-thái-lan .feature {
background: #b2dfdb;
color: #004d40;
border: 2px solid #26a69a;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

/* Mood: Hồ băng ánh trăng */
.mood-hồ-băng-ánh-trăng body,
.mood-hồ-băng-ánh-trăng .menu-panel {
font-family: 'IBM Plex Sans', sans-serif;
background: linear-gradient(to bottom, #dfe9f3, #cfd8dc);
color: #263238;
}

.mood-hồ-băng-ánh-trăng header,
.mood-hồ-băng-ánh-trăng footer,
.mood-hồ-băng-ánh-trăng h1 {
background: #f5f5f5;
color: #455a64;
}

.mood-hồ-băng-ánh-trăng h2,
.mood-hồ-băng-ánh-trăng details {
color: #5c6bc0;
}

.mood-hồ-băng-ánh-trăng summary,
.mood-hồ-băng-ánh-trăng .nav-btn,
.mood-hồ-băng-ánh-trăng .page-btn,
.mood-hồ-băng-ánh-trăng .btn-404,
.mood-hồ-băng-ánh-trăng .fic a {
background: #9fa8da;
color: #1a237e;
border: 2px solid #9fa8da;
transition: background 0.2s;
}

.mood-hồ-băng-ánh-trăng .nav-btn:hover,
.mood-hồ-băng-ánh-trăng .page-btn:hover,
.mood-hồ-băng-ánh-trăng .btn-404:hover,
.mood-hồ-băng-ánh-trăng .fic a:hover {
background: #7986cb;
color: #fff;
}

.mood-hồ-băng-ánh-trăng .page-list a,
.mood-hồ-băng-ánh-trăng .tool-list a,
.mood-hồ-băng-ánh-trăng .log,
.mood-hồ-băng-ánh-trăng .fic {
background: #ffffff;
border: 2px solid #9fa8da;
border-left: 4px solid #9fa8da;
}

.mood-hồ-băng-ánh-trăng input[type="file"],
.mood-hồ-băng-ánh-trăng .page-list strong,
.mood-hồ-băng-ánh-trăng .tool-list strong,
.mood-hồ-băng-ánh-trăng .title,
.mood-hồ-băng-ánh-trăng h3 {
color: #5c6bc0;
}

.mood-hồ-băng-ánh-trăng .feature {
background: #ffffff;
border: 2px solid #9fa8da;
backdrop-filter: blur(2px);
color: #1a237e;
box-shadow: 0 1px 4px rgba(0,0,0,0.05);
}

/* Mood: Mưa xanh trên kính */
.mood-mưa-xanh-trên-kính body,
.mood-mưa-xanh-trên-kính .menu-panel {
font-family: 'Inter', sans-serif;
background: linear-gradient(to bottom, #c8e6e6, #a2c7cf);
color: #0d3b66;
}

.mood-mưa-xanh-trên-kính header,
.mood-mưa-xanh-trên-kính footer,
.mood-mưa-xanh-trên-kính h1 {
background: #ffffffee;
color: #065a60;
}

.mood-mưa-xanh-trên-kính h2,
.mood-mưa-xanh-trên-kính details {
color: #007c91;
}

.mood-mưa-xanh-trên-kính summary,
.mood-mưa-xanh-trên-kính .nav-btn,
.mood-mưa-xanh-trên-kính .page-btn,
.mood-mưa-xanh-trên-kính .btn-404,
.mood-mưa-xanh-trên-kính .fic a {
background: #4db8c4;
color: #002b36;
border: 2px solid #4db8c4;
transition: background 0.2s;
}

.mood-mưa-xanh-trên-kính .nav-btn:hover,
.mood-mưa-xanh-trên-kính .page-btn:hover,
.mood-mưa-xanh-trên-kính .btn-404:hover,
.mood-mưa-xanh-trên-kính .fic a:hover {
background: #26a0ad;
color: #fff;
}

.mood-mưa-xanh-trên-kính .page-list a,
.mood-mưa-xanh-trên-kính .tool-list a,
.mood-mưa-xanh-trên-kính .log,
.mood-mưa-xanh-trên-kính .fic {
background: #eef7f9;
border: 2px solid #4db8c4;
border-left: 4px solid #4db8c4;
}

.mood-mưa-xanh-trên-kính input[type="file"],
.mood-mưa-xanh-trên-kính .page-list strong,
.mood-mưa-xanh-trên-kính .tool-list strong,
.mood-mưa-xanh-trên-kính .title,
.mood-mưa-xanh-trên-kính h3 {
color: #007c91;
}

.mood-mưa-xanh-trên-kính .feature {
background: #eef7f9;
color: #007c91;
border: 2px solid #4db8c4;
box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

/* Mood: Lavender sương lạnh */
.mood-lavender-sương-lạnh body,
.mood-lavender-sương-lạnh .menu-panel {
font-family: 'Manrope', sans-serif;
background: linear-gradient(to bottom, #eae6f7, #c7d2e5);
color: #2e2e3a;
}

.mood-lavender-sương-lạnh header,
.mood-lavender-sương-lạnh footer,
.mood-lavender-sương-lạnh h1 {
background: #f8f5ff;
color: #5e548e;
}

.mood-lavender-sương-lạnh h2,
.mood-lavender-sương-lạnh details {
color: #6a4c93;
}

.mood-lavender-sương-lạnh summary,
.mood-lavender-sương-lạnh .nav-btn,
.mood-lavender-sương-lạnh .page-btn,
.mood-lavender-sương-lạnh .btn-404,
.mood-lavender-sương-lạnh .fic a {
background: #b39ddb;
color: #2e2e3a;
border: 2px solid #b39ddb;
transition: background 0.2s;
}

.mood-lavender-sương-lạnh .nav-btn:hover,
.mood-lavender-sương-lạnh .page-btn:hover,
.mood-lavender-sương-lạnh .btn-404:hover,
.mood-lavender-sương-lạnh .fic a:hover {
background: #9575cd;
color: #fff;
}

.mood-lavender-sương-lạnh .page-list a,
.mood-lavender-sương-lạnh .tool-list a,
.mood-lavender-sương-lạnh .log,
.mood-lavender-sương-lạnh .fic {
background: #ffffffee;
border: 2px solid #b39ddb;
border-left: 4px solid #b39ddb;
}

.mood-lavender-sương-lạnh input[type="file"],
.mood-lavender-sương-lạnh .page-list strong,
.mood-lavender-sương-lạnh .tool-list strong,
.mood-lavender-sương-lạnh .title,
.mood-lavender-sương-lạnh h3 {
color: #6a4c93;
}

.mood-lavender-sương-lạnh .feature {
background: #ede7f6;
color: #5e548e;
border: 2px solid #b39ddb;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05);
}

/* Mood: Bầu trời Bắc Âu */
.mood-bầu-trời-bắc-âu body,
.mood-bầu-trời-bắc-âu .menu-panel {
font-family: 'Noto Sans', sans-serif;
background: linear-gradient(to bottom, #e3f2fd, #e0f7fa);
color: #37474f;
}

.mood-bầu-trời-bắc-âu header,
.mood-bầu-trời-bắc-âu footer,
.mood-bầu-trời-bắc-âu h1 {
background: #ffffff;
color: #1565c0;
}

.mood-bầu-trời-bắc-âu h2,
.mood-bầu-trời-bắc-âu details {
color: #1e88e5;
}

.mood-bầu-trời-bắc-âu summary,
.mood-bầu-trời-bắc-âu .nav-btn,
.mood-bầu-trời-bắc-âu .page-btn,
.mood-bầu-trời-bắc-âu .btn-404,
.mood-bầu-trời-bắc-âu .fic a {
background: #64b5f6;
color: #0d47a1;
border: 2px solid #64b5f6;
transition: background 0.2s;
}

.mood-bầu-trời-bắc-âu .nav-btn:hover,
.mood-bầu-trời-bắc-âu .page-btn:hover,
.mood-bầu-trời-bắc-âu .btn-404:hover,
.mood-bầu-trời-bắc-âu .fic a:hover {
background: #42a5f5;
color: #ffffff;
}

.mood-bầu-trời-bắc-âu .page-list a,
.mood-bầu-trời-bắc-âu .tool-list a,
.mood-bầu-trời-bắc-âu .log,
.mood-bầu-trời-bắc-âu .fic {
background: #ffffffcc;
border: 2px solid #64b5f6;
border-left: 4px solid #64b5f6;
}

.mood-bầu-trời-bắc-âu input[type="file"],
.mood-bầu-trời-bắc-âu .page-list strong,
.mood-bầu-trời-bắc-âu .tool-list strong,
.mood-bầu-trời-bắc-âu .title,
.mood-bầu-trời-bắc-âu h3 {
color: #1e88e5;
}

.mood-bầu-trời-bắc-âu .feature {
background: #ffffffcc;
color: #1565c0;
border: 2px solid #64b5f6;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
}

/* Mood: Màn sương thành phố */
.mood-màn-sương-thành-phố body,
.mood-màn-sương-thành-phố .menu-panel {
font-family: 'Urbanist', sans-serif;
background: linear-gradient(to bottom, #eceff1, #cfd8dc);
color: #263238;
}

.mood-màn-sương-thành-phố header,
.mood-màn-sương-thành-phố footer,
.mood-màn-sương-thành-phố h1 {
background: #ffffff;
color: #455a64;
}

.mood-màn-sương-thành-phố h2,
.mood-màn-sương-thành-phố details {
color: #546e7a;
}

.mood-màn-sương-thành-phố summary,
.mood-màn-sương-thành-phố .nav-btn,
.mood-màn-sương-thành-phố .page-btn,
.mood-màn-sương-thành-phố .btn-404,
.mood-màn-sương-thành-phố .fic a {
background: #90a4ae;
color: #263238;
border: 2px solid #90a4ae;
transition: background 0.2s;
}

.mood-màn-sương-thành-phố .nav-btn:hover,
.mood-màn-sương-thành-phố .page-btn:hover,
.mood-màn-sương-thành-phố .btn-404:hover,
.mood-màn-sương-thành-phố .fic a:hover {
background: #78909c;
color: #ffffff;
}

.mood-màn-sương-thành-phố .page-list a,
.mood-màn-sương-thành-phố .tool-list a,
.mood-màn-sương-thành-phố .log,
.mood-màn-sương-thành-phố .fic {
background: #f4f6f8;
border: 2px solid #90a4ae;
border-left: 4px solid #90a4ae;
}

.mood-màn-sương-thành-phố input[type="file"],
.mood-màn-sương-thành-phố .page-list strong,
.mood-màn-sương-thành-phố .tool-list strong,
.mood-màn-sương-thành-phố .title,
.mood-màn-sương-thành-phố h3 {
color: #546e7a;
}

.mood-màn-sương-thành-phố .feature {
  background: rgba(144, 164, 174, 0.1); /* chuyển về trong suốt */
  color: #455a64;
  border: 2px solid #90a4ae;
  backdrop-filter: blur(2px);
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

/* Mood: Gió đồng thảo nguyên lạnh */
.mood-gió-đồng-thảo-nguyên-lạnh body,
.mood-gió-đồng-thảo-nguyên-lạnh .menu-panel {
font-family: 'M PLUS Rounded 1c', sans-serif;
background: linear-gradient(to bottom, #e6f2e6, #c5d8c5);
color: #2e3e2e;
}

.mood-gió-đồng-thảo-nguyên-lạnh header,
.mood-gió-đồng-thảo-nguyên-lạnh footer,
.mood-gió-đồng-thảo-nguyên-lạnh h1 {
background: #f4fdf4;
color: #446644;
}

.mood-gió-đồng-thảo-nguyên-lạnh h2,
.mood-gió-đồng-thảo-nguyên-lạnh details {
color: #388e3c;
}

.mood-gió-đồng-thảo-nguyên-lạnh summary,
.mood-gió-đồng-thảo-nguyên-lạnh .nav-btn,
.mood-gió-đồng-thảo-nguyên-lạnh .page-btn,
.mood-gió-đồng-thảo-nguyên-lạnh .btn-404,
.mood-gió-đồng-thảo-nguyên-lạnh .fic a {
background: #a5d6a7;
color: #1b5e20;
border: 2px solid #a5d6a7;
transition: background 0.2s;
}

.mood-gió-đồng-thảo-nguyên-lạnh .nav-btn:hover,
.mood-gió-đồng-thảo-nguyên-lạnh .page-btn:hover,
.mood-gió-đồng-thảo-nguyên-lạnh .btn-404:hover,
.mood-gió-đồng-thảo-nguyên-lạnh .fic a:hover {
background: #81c784;
color: #fff;
}

.mood-gió-đồng-thảo-nguyên-lạnh .page-list a,
.mood-gió-đồng-thảo-nguyên-lạnh .tool-list a,
.mood-gió-đồng-thảo-nguyên-lạnh .log,
.mood-gió-đồng-thảo-nguyên-lạnh .fic {
background: #ffffff;
border: 2px solid #a5d6a7;
border-left: 4px solid #a5d6a7;
}

.mood-gió-đồng-thảo-nguyên-lạnh input[type="file"],
.mood-gió-đồng-thảo-nguyên-lạnh .page-list strong,
.mood-gió-đồng-thảo-nguyên-lạnh .tool-list strong,
.mood-gió-đồng-thảo-nguyên-lạnh .title,
.mood-gió-đồng-thảo-nguyên-lạnh h3 {
color: #388e3c;
}

.mood-gió-đồng-thảo-nguyên-lạnh .feature {
  background: #e8f5e9;
  border: 2px solid #81c784;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  color: #2e3e2e;
  backdrop-filter: blur(2px);
}

/* Mood: Sáng sớm sau mưa */
.mood-sáng-sớm-sau-mưa body,
.mood-sáng-sớm-sau-mưa .menu-panel {
font-family: 'Prompt', sans-serif;
background: linear-gradient(to bottom, #e0f2f1, #f1f8e9);
color: #2c3e50;
}

.mood-sáng-sớm-sau-mưa header,
.mood-sáng-sớm-sau-mưa footer,
.mood-sáng-sớm-sau-mưa h1 {
background: #ffffff;
color: #388e8e;
}

.mood-sáng-sớm-sau-mưa h2,
.mood-sáng-sớm-sau-mưa details {
color: #2e7d32;
}

.mood-sáng-sớm-sau-mưa summary,
.mood-sáng-sớm-sau-mưa .nav-btn,
.mood-sáng-sớm-sau-mưa .page-btn,
.mood-sáng-sớm-sau-mưa .btn-404,
.mood-sáng-sớm-sau-mưa .fic a {
background: #81c784;
color: #1b5e20;
border: 2px solid #81c784;
transition: background 0.2s;
}

.mood-sáng-sớm-sau-mưa .nav-btn:hover,
.mood-sáng-sớm-sau-mưa .page-btn:hover,
.mood-sáng-sớm-sau-mưa .btn-404:hover,
.mood-sáng-sớm-sau-mưa .fic a:hover {
background: #66bb6a;
color: #ffffff;
}

.mood-sáng-sớm-sau-mưa .page-list a,
.mood-sáng-sớm-sau-mưa .tool-list a,
.mood-sáng-sớm-sau-mưa .log,
.mood-sáng-sớm-sau-mưa .fic {
background: #ffffffee;
  border: 2px solid #a5d6a7;
  border-left: 4px solid #81c784;
  box-shadow: 0 1px 3px rgba(0,0,0,0.03);
}

.mood-sáng-sớm-sau-mưa input[type="file"],
.mood-sáng-sớm-sau-mưa .page-list strong,
.mood-sáng-sớm-sau-mưa .tool-list strong,
.mood-sáng-sớm-sau-mưa .title,
.mood-sáng-sớm-sau-mưa h3 {
color: #2e7d32;
}

.mood-sáng-sớm-sau-mưa .feature {
  background: #c8e6c9;
  color: #1b5e20;
  border: 2px solid #81c784;
  border-radius: 6px;
  box-shadow: inset 0 0 0.5em rgba(255,255,255,0.3), 0 1px 4px rgba(0,0,0,0.05);
}

/* Mood: Gió lặng ngoài hiên */
.mood-gió-lặng-ngoài-hiên body,
.mood-gió-lặng-ngoài-hiên .menu-panel {
font-family: 'Source Sans Pro', sans-serif;
background: linear-gradient(to bottom, #f5f5f5, #e0e0e0);
color: #333;
}

.mood-gió-lặng-ngoài-hiên header,
.mood-gió-lặng-ngoài-hiên footer,
.mood-gió-lặng-ngoài-hiên h1 {
background: #fafafa;
color: #424242;
}

.mood-gió-lặng-ngoài-hiên h2,
.mood-gió-lặng-ngoài-hiên details {
color: #455a64;
}

.mood-gió-lặng-ngoài-hiên summary,
.mood-gió-lặng-ngoài-hiên .nav-btn,
.mood-gió-lặng-ngoài-hiên .page-btn,
.mood-gió-lặng-ngoài-hiên .btn-404,
.mood-gió-lặng-ngoài-hiên .fic a {
background: #bdbdbd;
color: #212121;
border: 2px solid #bdbdbd;
transition: background 0.2s;
}

.mood-gió-lặng-ngoài-hiên .nav-btn:hover,
.mood-gió-lặng-ngoài-hiên .page-btn:hover,
.mood-gió-lặng-ngoài-hiên .btn-404:hover,
.mood-gió-lặng-ngoài-hiên .fic a:hover {
background: #9e9e9e;
color: #ffffff;
}

.mood-gió-lặng-ngoài-hiên .page-list a,
.mood-gió-lặng-ngoài-hiên .tool-list a,
.mood-gió-lặng-ngoài-hiên .log,
.mood-gió-lặng-ngoài-hiên .fic {
background: rgba(255, 255, 255, 0.95);
  border: 2px solid #bdbdbd;
  border-left: 4px solid #9e9e9e;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}

.mood-gió-lặng-ngoài-hiên input[type="file"],
.mood-gió-lặng-ngoài-hiên .page-list strong,
.mood-gió-lặng-ngoài-hiên .tool-list strong,
.mood-gió-lặng-ngoài-hiên .title,
.mood-gió-lặng-ngoài-hiên h3 {
color: #455a64;
}

.mood-gió-lặng-ngoài-hiên .feature {
  background: #eeeeee;
color: #555;
  border: 2px solid #cccccc;
}

/* Mood: Sân trường hoài niệm */
.mood-sân-trường-hoài-niệm body,
.mood-sân-trường-hoài-niệm .menu-panel {
font-family: 'Hind', sans-serif;
background: linear-gradient(to bottom, #fffde7, #e8f5e9);
color: #4e342e;
}

.mood-sân-trường-hoài-niệm header,
.mood-sân-trường-hoài-niệm footer,
.mood-sân-trường-hoài-niệm h1 {
background: #ffffff;
color: #5d4037;
}

.mood-sân-trường-hoài-niệm h2,
.mood-sân-trường-hoài-niệm details {
color: #6d4c41;
}

.mood-sân-trường-hoài-niệm summary,
.mood-sân-trường-hoài-niệm .nav-btn,
.mood-sân-trường-hoài-niệm .page-btn,
.mood-sân-trường-hoài-niệm .btn-404,
.mood-sân-trường-hoài-niệm .fic a {
background: #ffe082;
color: #4e342e;
border: 2px solid #ffe082;
transition: background 0.2s;
}

.mood-sân-trường-hoài-niệm .nav-btn:hover,
.mood-sân-trường-hoài-niệm .page-btn:hover,
.mood-sân-trường-hoài-niệm .btn-404:hover,
.mood-sân-trường-hoài-niệm .fic a:hover {
background: #ffca28;
color: #fff;
}

.mood-sân-trường-hoài-niệm .page-list a,
.mood-sân-trường-hoài-niệm .tool-list a,
.mood-sân-trường-hoài-niệm .log,
.mood-sân-trường-hoài-niệm .fic {
background: #ffffffee;
border: 2px solid #ffe082;
border-left: 4px solid #ffe082;
}

.mood-sân-trường-hoài-niệm input[type="file"],
.mood-sân-trường-hoài-niệm .page-list strong,
.mood-sân-trường-hoài-niệm .tool-list strong,
.mood-sân-trường-hoài-niệm .title,
.mood-sân-trường-hoài-niệm h3 {
color: #6d4c41;
}

.mood-sân-trường-hoài-niệm .feature {
background: #fdf6e3;
border: 2px solid #e0c090;
color: #4e342e;
}

/* Mood: Cát sông dịu nhẹ */
.mood-cát-sông-dịu-nhẹ body,
.mood-cát-sông-dịu-nhẹ .menu-panel {
background: linear-gradient(to right, #fdf6e3, #e0dcd3);
color: #3e2723;
font-family: 'Hind', sans-serif;
}

.mood-cát-sông-dịu-nhẹ header,
.mood-cát-sông-dịu-nhẹ footer,
.mood-cát-sông-dịu-nhẹ h1 {
background: #fbe9e7;
color: #5d4037;
}

.mood-cát-sông-dịu-nhẹ h2,
.mood-cát-sông-dịu-nhẹ details {
color: #8d6e63;
}

.mood-cát-sông-dịu-nhẹ summary,
.mood-cát-sông-dịu-nhẹ .nav-btn,
.mood-cát-sông-dịu-nhẹ .page-btn,
.mood-cát-sông-dịu-nhẹ .btn-404,
.mood-cát-sông-dịu-nhẹ .fic a {
background: #fbc02d;
color: #3e2723;
border: 2px solid #fbc02d;
transition: background 0.2s;
}

.mood-cát-sông-dịu-nhẹ .nav-btn:hover,
.mood-cát-sông-dịu-nhẹ .page-btn:hover,
.mood-cát-sông-dịu-nhẹ .btn-404:hover,
.mood-cát-sông-dịu-nhẹ .fic a:hover {
background: #f9a825;
color: #fff;
}

.mood-cát-sông-dịu-nhẹ .page-list a,
.mood-cát-sông-dịu-nhẹ .tool-list a,
.mood-cát-sông-dịu-nhẹ .log,
.mood-cát-sông-dịu-nhẹ .fic {
background: #fffdf8;
border: 2px solid #fbc02d;
border-left: 5px solid #fbc02d;
}

.mood-cát-sông-dịu-nhẹ input[type="file"],
.mood-cát-sông-dịu-nhẹ .page-list strong,
.mood-cát-sông-dịu-nhẹ .tool-list strong,
.mood-cát-sông-dịu-nhẹ .title,
.mood-cát-sông-dịu-nhẹ h3 {
color: #8d6e63;
}

.mood-cát-sông-dịu-nhẹ .feature {
background: #ffe082;
color: #4e342e;
border: 2px solid #ffe082;
}

/* Mood: Trắng bạc hiện đại */
.mood-trắng-bạc-hiện-đại body,
.mood-trắng-bạc-hiện-đại .menu-panel {
background: linear-gradient(to right, #f5f5f5, #e0e0e0);
color: #212121;
font-family: 'Source Sans Pro', sans-serif;
}

.mood-trắng-bạc-hiện-đại header,
.mood-trắng-bạc-hiện-đại footer,
.mood-trắng-bạc-hiện-đại h1 {
background: #ffffff;
color: #424242;
}

.mood-trắng-bạc-hiện-đại h2,
.mood-trắng-bạc-hiện-đại details {
color: #424242;
}

.mood-trắng-bạc-hiện-đại summary,
.mood-trắng-bạc-hiện-đại .nav-btn,
.mood-trắng-bạc-hiện-đại .page-btn,
.mood-trắng-bạc-hiện-đại .btn-404,
.mood-trắng-bạc-hiện-đại .fic a {
background: linear-gradient(45deg, #cfd8dc, #bdbdbd);
color: #212121;
border: 2px solid #bdbdbd;
transition: background 0.2s;
}

.mood-trắng-bạc-hiện-đại .nav-btn:hover,
.mood-trắng-bạc-hiện-đại .page-btn:hover,
.mood-trắng-bạc-hiện-đại .btn-404:hover,
.mood-trắng-bạc-hiện-đại .fic a:hover {
background: #9e9e9e;
color: #ffffff;
}

.mood-trắng-bạc-hiện-đại .page-list a,
.mood-trắng-bạc-hiện-đại .tool-list a,
.mood-trắng-bạc-hiện-đại .log,
.mood-trắng-bạc-hiện-đại .fic {
background: #ffffff;
border: 2px solid #bdbdbd;
border-left: 5px solid #bdbdbd;
}

.mood-trắng-bạc-hiện-đại input[type="file"],
.mood-trắng-bạc-hiện-đại .page-list strong,
.mood-trắng-bạc-hiện-đại .tool-list strong,
.mood-trắng-bạc-hiện-đại .title,
.mood-trắng-bạc-hiện-đại h3 {
color: #424242;
}

.mood-trắng-bạc-hiện-đại .feature {
background: linear-gradient(to right, #f5f5f5, #e0e0e0);
box-shadow: inset 0 0 10px #b0bec5;
color: #212121;
border: 2px solid #bdbdbd;
}

/* Mood: Trắng bạc + Accent xanh ngọc nhạt */
.mood-trắng-bạc-accent-xanh-ngọc-nhạt body,
.mood-trắng-bạc-accent-xanh-ngọc-nhạt .menu-panel {
font-family: 'Barlow', sans-serif;
background: linear-gradient(to bottom, #f7f9fb, #e3f2f1);
color: #263238;
}

.mood-trắng-bạc-accent-xanh-ngọc-nhạt header,
.mood-trắng-bạc-accent-xanh-ngọc-nhạt footer,
.mood-trắng-bạc-accent-xanh-ngọc-nhạt h1 {
background: #ffffff;
color: #424242;
}

.mood-trắng-bạc-accent-xanh-ngọc-nhạt h2,
.mood-trắng-bạc-accent-xanh-ngọc-nhạt details {
color: #00796b;
}

.mood-trắng-bạc-accent-xanh-ngọc-nhạt summary,
.mood-trắng-bạc-accent-xanh-ngọc-nhạt .nav-btn,
.mood-trắng-bạc-accent-xanh-ngọc-nhạt .page-btn,
.mood-trắng-bạc-accent-xanh-ngọc-nhạt .btn-404,
.mood-trắng-bạc-accent-xanh-ngọc-nhạt .fic a {
background: #4dd0e1;
color: #004d40;
border: 2px solid #4dd0e1;
transition: background 0.2s;
}

.mood-trắng-bạc-accent-xanh-ngọc-nhạt .nav-btn:hover,
.mood-trắng-bạc-accent-xanh-ngọc-nhạt .page-btn:hover,
.mood-trắng-bạc-accent-xanh-ngọc-nhạt .btn-404:hover,
.mood-trắng-bạc-accent-xanh-ngọc-nhạt .fic a:hover {
background: #00acc1;
color: #ffffff;
}

.mood-trắng-bạc-accent-xanh-ngọc-nhạt .page-list a,
.mood-trắng-bạc-accent-xanh-ngọc-nhạt .tool-list a,
.mood-trắng-bạc-accent-xanh-ngọc-nhạt .log,
.mood-trắng-bạc-accent-xanh-ngọc-nhạt .fic {
background: #ffffff;
border: 2px solid #4dd0e1;
border-left: 4px solid #4dd0e1;
}

.mood-trắng-bạc-accent-xanh-ngọc-nhạt input[type="file"],
.mood-trắng-bạc-accent-xanh-ngọc-nhạt .page-list strong,
.mood-trắng-bạc-accent-xanh-ngọc-nhạt .tool-list strong,
.mood-trắng-bạc-accent-xanh-ngọc-nhạt .title,
.mood-trắng-bạc-accent-xanh-ngọc-nhạt h3 {
color: #00796b;
}

.mood-trắng-bạc-accent-xanh-ngọc-nhạt .feature {
background: linear-gradient(to bottom, #f1f1f1, #dfeeee); /* dịu hơn */
color: #004d40;
border: 2px solid #4dd0e1;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

/* Mood: Trắng ấm nhẹ, pha cam nhạt */
.mood-trắng-ấm-nhẹ-pha-cam-nhạt body,
.mood-trắng-ấm-nhẹ-pha-cam-nhạt .menu-panel {
font-family: 'Source Sans Pro', sans-serif;
background: linear-gradient(to bottom, #fffefb, #fff3e0);
color: #3e2723;
}

.mood-trắng-ấm-nhẹ-pha-cam-nhạt header,
.mood-trắng-ấm-nhẹ-pha-cam-nhạt footer,
.mood-trắng-ấm-nhẹ-pha-cam-nhạt h1 {
background: #ffffff;
color: #424242;
}

.mood-trắng-ấm-nhẹ-pha-cam-nhạt h2,
.mood-trắng-ấm-nhẹ-pha-cam-nhạt details {
color: #ef6c00;
}

.mood-trắng-ấm-nhẹ-pha-cam-nhạt summary,
.mood-trắng-ấm-nhẹ-pha-cam-nhạt .nav-btn,
.mood-trắng-ấm-nhẹ-pha-cam-nhạt .page-btn,
.mood-trắng-ấm-nhẹ-pha-cam-nhạt .btn-404,
.mood-trắng-ấm-nhẹ-pha-cam-nhạt .fic a {
background: #ffb74d;
color: #4e342e;
border: 2px solid #ffb74d;
transition: background 0.2s;
}

.mood-trắng-ấm-nhẹ-pha-cam-nhạt .nav-btn:hover,
.mood-trắng-ấm-nhẹ-pha-cam-nhạt .page-btn:hover,
.mood-trắng-ấm-nhẹ-pha-cam-nhạt .btn-404:hover,
.mood-trắng-ấm-nhẹ-pha-cam-nhạt .fic a:hover {
background: #ffcc80;
color: #fff;
}

.mood-trắng-ấm-nhẹ-pha-cam-nhạt .page-list a,
.mood-trắng-ấm-nhẹ-pha-cam-nhạt .tool-list a,
.mood-trắng-ấm-nhẹ-pha-cam-nhạt .log,
.mood-trắng-ấm-nhẹ-pha-cam-nhạt .fic {
background: #ffffff;
border: 2px solid #ffb74d;
border-left: 4px solid #ffb74d;
}

.mood-trắng-ấm-nhẹ-pha-cam-nhạt input[type="file"],
.mood-trắng-ấm-nhẹ-pha-cam-nhạt .page-list strong,
.mood-trắng-ấm-nhẹ-pha-cam-nhạt .tool-list strong,
.mood-trắng-ấm-nhẹ-pha-cam-nhạt .title,
.mood-trắng-ấm-nhẹ-pha-cam-nhạt h3 {
color: #ef6c00;
}

.mood-trắng-ấm-nhẹ-pha-cam-nhạt .feature {
background: #fffaf3;
color: #5d4037;
border: 2px solid #ffe0b2;
}

/* Mood: Mây hoàng hôn */
.mood-mây-hoàng-hôn body,
.mood-mây-hoàng-hôn .menu-panel {
background: linear-gradient(to right, #f3e5f5, #ffe0b2);
color: #4e342e;
font-family: 'Karla', sans-serif;
}

.mood-mây-hoàng-hôn header,
.mood-mây-hoàng-hôn footer,
.mood-mây-hoàng-hôn h1 {
background: #fce4ec;
color: #6a1b9a;
}

.mood-mây-hoàng-hôn h2,
.mood-mây-hoàng-hôn details {
color: #8e24aa;
}

.mood-mây-hoàng-hôn summary,
.mood-mây-hoàng-hôn .nav-btn,
.mood-mây-hoàng-hôn .page-btn,
.mood-mây-hoàng-hôn .btn-404,
.mood-mây-hoàng-hôn .fic a {
background: #ffb74d;
color: #4e342e;
border: 2px solid #ffb74d;
transition: background 0.2s;
}

.mood-mây-hoàng-hôn .nav-btn:hover,
.mood-mây-hoàng-hôn .page-btn:hover,
.mood-mây-hoàng-hôn .btn-404:hover,
.mood-mây-hoàng-hôn .fic a:hover {
background: #ba68c8;
color: #fff;
}

.mood-mây-hoàng-hôn .page-list a,
.mood-mây-hoàng-hôn .tool-list a,
.mood-mây-hoàng-hôn .log,
.mood-mây-hoàng-hôn .fic {
background: #ffffff;
border: 2px solid #ffb74d;
border-left: 4px solid #ffb74d;
}

.mood-mây-hoàng-hôn input[type="file"],
.mood-mây-hoàng-hôn .page-list strong,
.mood-mây-hoàng-hôn .tool-list strong,
.mood-mây-hoàng-hôn .title,
.mood-mây-hoàng-hôn h3 {
color: #ef6c00;
}

.mood-mây-hoàng-hôn .feature {
background: linear-gradient(to right, #e1bee7, #ffe0b2);
color: #4e342e;
border: 2px solid #ce93d8;
}

.mood-mây-hoàng-hôn .feature:hover {
  background: #ab47bc;
  color: white;
}

/* Mood: Tàng cây xanh bạc hà */
.mood-tàng-cây-xanh-bạc-hà body,
.mood-tàng-cây-xanh-bạc-hà .menu-panel {
background: linear-gradient(to right, #e0f2f1, #f1f8e9);
color: #2e7d32;
font-family: 'Rubik', sans-serif;
}

.mood-tàng-cây-xanh-bạc-hà header,
.mood-tàng-cây-xanh-bạc-hà footer,
.mood-tàng-cây-xanh-bạc-hà h1 {
background: #ffffff;
color: #388e3c;
}

.mood-tàng-cây-xanh-bạc-hà h2,
.mood-tàng-cây-xanh-bạc-hà details {
color: #2e7d32;
}

.mood-tàng-cây-xanh-bạc-hà summary,
.mood-tàng-cây-xanh-bạc-hà .nav-btn,
.mood-tàng-cây-xanh-bạc-hà .page-btn,
.mood-tàng-cây-xanh-bạc-hà .btn-404,
.mood-tàng-cây-xanh-bạc-hà .fic a {
background: #81c784;
color: #1b5e20;
border: 2px solid #81c784;
transition: background 0.2s;
}

.mood-tàng-cây-xanh-bạc-hà .nav-btn:hover,
.mood-tàng-cây-xanh-bạc-hà .page-btn:hover,
.mood-tàng-cây-xanh-bạc-hà .btn-404:hover,
.mood-tàng-cây-xanh-bạc-hà .fic a:hover {
background: #4db6ac;
color: #ffffff;
}

.mood-tàng-cây-xanh-bạc-hà .page-list a,
.mood-tàng-cây-xanh-bạc-hà .tool-list a,
.mood-tàng-cây-xanh-bạc-hà .log,
.mood-tàng-cây-xanh-bạc-hà .fic {
background: #ffffff;
border: 2px solid #81c784;
border-left: 5px solid #81c784;
}

.mood-tàng-cây-xanh-bạc-hà input[type="file"],
.mood-tàng-cây-xanh-bạc-hà .page-list strong,
.mood-tàng-cây-xanh-bạc-hà .tool-list strong,
.mood-tàng-cây-xanh-bạc-hà .title,
.mood-tàng-cây-xanh-bạc-hà h3 {
color: #2e7d32;
}

.mood-tàng-cây-xanh-bạc-hà .feature {
background: rgba(224,242,241,0.9);
color: #1b5e20;
border: 2px solid #81c784;
}

/* Mood: Nắng sớm ban công */
.mood-nắng-sớm-ban-công body,
.mood-nắng-sớm-ban-công .menu-panel {
background: linear-gradient(to bottom, #fffde7, #fff3e0);
color: #4e342e;
font-family: 'Karla', sans-serif;
}

.mood-nắng-sớm-ban-công header,
.mood-nắng-sớm-ban-công footer,
.mood-nắng-sớm-ban-công h1 {
background: #fff8e1;
color: #6d4c41;
}

.mood-nắng-sớm-ban-công h2,
.mood-nắng-sớm-ban-công details {
color: #ef6c00;
}

.mood-nắng-sớm-ban-công summary,
.mood-nắng-sớm-ban-công .nav-btn,
.mood-nắng-sớm-ban-công .page-btn,
.mood-nắng-sớm-ban-công .btn-404,
.mood-nắng-sớm-ban-công .fic a {
background: #ffe0b2;
color: #4e342e;
border: 2px solid #ffcc80;
transition: background 0.2s;
}

.mood-nắng-sớm-ban-công .nav-btn:hover,
.mood-nắng-sớm-ban-công .page-btn:hover,
.mood-nắng-sớm-ban-công .btn-404:hover,
.mood-nắng-sớm-ban-công .fic a:hover {
background: #fb8c00;
color: #ffffff;
}

.mood-nắng-sớm-ban-công .page-list a,
.mood-nắng-sớm-ban-công .tool-list a,
.mood-nắng-sớm-ban-công .log,
.mood-nắng-sớm-ban-công .fic {
background: #ffffff;
border: 2px solid #ffcc80;
border-left: 4px solid #ffcc80;
}

.mood-nắng-sớm-ban-công input[type="file"],
.mood-nắng-sớm-ban-công .page-list strong,
.mood-nắng-sớm-ban-công .tool-list strong,
.mood-nắng-sớm-ban-công .title,
.mood-nắng-sớm-ban-công h3 {
color: #ef6c00;
}

.mood-nắng-sớm-ban-công .feature {
background: linear-gradient(to bottom, rgba(255,253,231,0.85), rgba(255,243,224,0.85));
color: #4e342e;
border: 2px solid #ffcc80;
}

/* Mood: Trăng non qua lưới */
.mood-trăng-non-qua-lưới body,
.mood-trăng-non-qua-lưới .menu-panel {
background: linear-gradient(to right, #f0f4f8, #d7dde6);
color: #2c3e50;
font-family: 'Lato', sans-serif;
}

.mood-trăng-non-qua-lưới header,
.mood-trăng-non-qua-lưới footer,
.mood-trăng-non-qua-lưới h1 {
background: #ffffff;
color: #37474f;
}

.mood-trăng-non-qua-lưới h2,
.mood-trăng-non-qua-lưới details {
color: #546e7a;
}

.mood-trăng-non-qua-lưới summary,
.mood-trăng-non-qua-lưới .nav-btn,
.mood-trăng-non-qua-lưới .page-btn,
.mood-trăng-non-qua-lưới .btn-404,
.mood-trăng-non-qua-lưới .fic a {
background: #90a4ae;
color: #263238;
border: 2px solid #90a4ae;
transition: background 0.2s;
}

.mood-trăng-non-qua-lưới .nav-btn:hover,
.mood-trăng-non-qua-lưới .page-btn:hover,
.mood-trăng-non-qua-lưới .btn-404:hover,
.mood-trăng-non-qua-lưới .fic a:hover {
background: #78909c;
color: #ffffff;
}

.mood-trăng-non-qua-lưới .page-list a,
.mood-trăng-non-qua-lưới .tool-list a,
.mood-trăng-non-qua-lưới .log,
.mood-trăng-non-qua-lưới .fic {
background: #ffffff;
border: 2px solid #90a4ae;
border-left: 4px solid #90a4ae;
}

.mood-trăng-non-qua-lưới input[type="file"],
.mood-trăng-non-qua-lưới .page-list strong,
.mood-trăng-non-qua-lưới .tool-list strong,
.mood-trăng-non-qua-lưới .title,
.mood-trăng-non-qua-lưới h3 {
color: #546e7a;
}

.mood-trăng-non-qua-lưới .feature {
background sang linear-gradient(to right, #e8f5f9, #cfd8dc)
color: #263238;
border: 2px solid #90a4ae;
}

/* Mood: Gió thổi đồng lau */
.mood-gió-thổi-đồng-lau body,
.mood-gió-thổi-đồng-lau .menu-panel {
background: linear-gradient(to right, #f5f5dc, #e0f2f1);
color: #4e342e;
font-family: 'Spectral', serif;
}

.mood-gió-thổi-đồng-lau header,
.mood-gió-thổi-đồng-lau footer,
.mood-gió-thổi-đồng-lau h1 {
background: #fffde7;
color: #5d4037;
}

.mood-gió-thổi-đồng-lau h2,
.mood-gió-thổi-đồng-lau details {
color: #795548;
}

.mood-gió-thổi-đồng-lau summary,
.mood-gió-thổi-đồng-lau .nav-btn,
.mood-gió-thổi-đồng-lau .page-btn,
.mood-gió-thổi-đồng-lau .btn-404,
.mood-gió-thổi-đồng-lau .fic a {
background: #a1887f;
color: #3e2723;
border: 2px solid #a1887f;
transition: background 0.2s;
}

.mood-gió-thổi-đồng-lau .nav-btn:hover,
.mood-gió-thổi-đồng-lau .page-btn:hover,
.mood-gió-thổi-đồng-lau .btn-404:hover,
.mood-gió-thổi-đồng-lau .fic a:hover {
background: #8d6e63;
color: #fff;
}

.mood-gió-thổi-đồng-lau .page-list a,
.mood-gió-thổi-đồng-lau .tool-list a,
.mood-gió-thổi-đồng-lau .log,
.mood-gió-thổi-đồng-lau .fic {
background: #ffffff;
border: 2px solid #a1887f;
border-left: 4px solid #a1887f;
}

.mood-gió-thổi-đồng-lau input[type="file"],
.mood-gió-thổi-đồng-lau .page-list strong,
.mood-gió-thổi-đồng-lau .tool-list strong,
.mood-gió-thổi-đồng-lau .title,
.mood-gió-thổi-đồng-lau h3 {
color: #795548;
}

.mood-gió-thổi-đồng-lau .feature {
background: #d7ccc8;
color: #3e2723;
border: 2px solid #d7ccc8;
}

/* Mood: Pixel Kẹo Bông */
.mood-pixel-kẹo-bông body,
.mood-pixel-kẹo-bông .menu-panel {
background: linear-gradient(to bottom, #fce4ec, #e1f5fe);
font-family: 'Press Start 2P', monospace;
color: #880e4f;
image-rendering: pixelated;
}

.mood-pixel-kẹo-bông header,
.mood-pixel-kẹo-bông footer,
.mood-pixel-kẹo-bông h1 {
background: #ffffff;
color: #d81b60;
}

.mood-pixel-kẹo-bông h2,
.mood-pixel-kẹo-bông details {
color: #d81b60;
}

.mood-pixel-kẹo-bông summary,
.mood-pixel-kẹo-bông .nav-btn,
.mood-pixel-kẹo-bông .page-btn,
.mood-pixel-kẹo-bông .btn-404,
.mood-pixel-kẹo-bông .fic a {
background: #f06292;
color: #fff;
border: 2px solid #f06292;
transition: background 0.2s;
}

.mood-pixel-kẹo-bông .nav-btn:hover,
.mood-pixel-kẹo-bông .page-btn:hover,
.mood-pixel-kẹo-bông .btn-404:hover,
.mood-pixel-kẹo-bông .fic a:hover {
background: #ec407a;
transform: scale(1.05);
}

.mood-pixel-kẹo-bông .page-list a,
.mood-pixel-kẹo-bông .tool-list a,
.mood-pixel-kẹo-bông .log,
.mood-pixel-kẹo-bông .fic {
background: #fff9fb;
border: 2px solid #f06292;
border-left: 4px solid #f06292;
box-shadow: 0 0 0 2px #f06292, 0 0 0 4px #fff;
}

.mood-pixel-kẹo-bông input[type="file"],
.mood-pixel-kẹo-bông .page-list strong,
.mood-pixel-kẹo-bông .tool-list strong,
.mood-pixel-kẹo-bông .title,
.mood-pixel-kẹo-bông h3 {
color: #d81b60;
}

.mood-pixel-kẹo-bông .feature {
  background: rgba(240, 98, 146, 0.15);
  color: #d81b60;
  border: 2px solid #f06292;
}

/* Mood: Pixel Xanh Neon */
.mood-pixel-xanh-neon body,
.mood-pixel-xanh-neon .menu-panel {
background: #000000;
font-family: 'VT323', monospace;
color: #00ff99;
}

.mood-pixel-xanh-neon header,
.mood-pixel-xanh-neon footer,
.mood-pixel-xanh-neon h1 {
background: #111111;
color: #00ffaa;
}

.mood-pixel-xanh-neon h2,
.mood-pixel-xanh-neon details {
color: #00ffaa;
background: #111;
}

.mood-pixel-xanh-neon summary,
.mood-pixel-xanh-neon .nav-btn,
.mood-pixel-xanh-neon .page-btn,
.mood-pixel-xanh-neon .btn-404,
.mood-pixel-xanh-neon .fic a {
background: #00ffaa;
color: #000000;
border: 2px solid #00ffaa;
transition: background 0.2s;
}

.mood-pixel-xanh-neon .nav-btn:hover,
.mood-pixel-xanh-neon .page-btn:hover,
.mood-pixel-xanh-neon .btn-404:hover,
.mood-pixel-xanh-neon .fic a:hover {
background: #00ffcc;
color: #000;
transform: scale(1.05);
}

.mood-pixel-xanh-neon .page-list a,
.mood-pixel-xanh-neon .tool-list a,
.mood-pixel-xanh-neon .log,
.mood-pixel-xanh-neon .fic {
background: #111;
border: 2px solid #00ffaa;
border-left: 4px solid #00ffaa;
}

.mood-pixel-xanh-neon input[type="file"],
.mood-pixel-xanh-neon .page-list strong,
.mood-pixel-xanh-neon .tool-list strong,
.mood-pixel-xanh-neon .title,
.mood-pixel-xanh-neon h3 {
color: #00ffcc;
}

.mood-pixel-xanh-neon .page-list span,
.mood-pixel-xanh-neon .tool-list span,
.mood-pixel-xanh-neon .desc,
.mood-pixel-xanh-neon p {
color: #ccffff;
}

.mood-pixel-xanh-neon .feature {
  background: #111;
  color: #00ffcc;
  border: 2px dashed #00ffaa;
}

/* Mood: Pixel Màn Hình Gameboy */
.mood-pixel-màn-hình-gameboy body,
.mood-pixel-màn-hình-gameboy .menu-panel {
background: #cfd8ae;
font-family: 'Courier New', monospace;
color: #263238;
}

.mood-pixel-màn-hình-gameboy header,
.mood-pixel-màn-hình-gameboy footer,
.mood-pixel-màn-hình-gameboy h1 {
background: #dde5b6;
color: #4e342e;
}

.mood-pixel-màn-hình-gameboy h2,
.mood-pixel-màn-hình-gameboy details {
color: #5d4037;
}

.mood-pixel-màn-hình-gameboy summary,
.mood-pixel-màn-hình-gameboy .nav-btn,
.mood-pixel-màn-hình-gameboy .page-btn,
.mood-pixel-màn-hình-gameboy .btn-404,
.mood-pixel-màn-hình-gameboy .fic a {
background: #a4b367;
color: #263238;
border: 2px solid #a4b367;
transition: background 0.2s;
}

.mood-pixel-màn-hình-gameboy .nav-btn:hover,
.mood-pixel-màn-hình-gameboy .page-btn:hover,
.mood-pixel-màn-hình-gameboy .btn-404:hover,
.mood-pixel-màn-hình-gameboy .fic a:hover {
background: #8e9e5d;
color: #ffffff;
}

.mood-pixel-màn-hình-gameboy .page-list a,
.mood-pixel-màn-hình-gameboy .tool-list a,
.mood-pixel-màn-hình-gameboy .log,
.mood-pixel-màn-hình-gameboy .fic {
background: #f0f4c3;
border: 2px solid #a4b367;
border-left: 4px solid #a4b367;
}

.mood-pixel-màn-hình-gameboy input[type="file"],
.mood-pixel-màn-hình-gameboy .page-list strong,
.mood-pixel-màn-hình-gameboy .tool-list strong,
.mood-pixel-màn-hình-gameboy .title,
.mood-pixel-màn-hình-gameboy h3 {
color: #5d4037;
}

.mood-pixel-màn-hình-gameboy .feature {
background: #7a8b45;
color: #ffffff;
  border: none;
}

/* Mood: Pixel Minty Sky */
.mood-pixel-minty-sky body,
.mood-pixel-minty-sky .menu-panel {
background: linear-gradient(to bottom, #d0f0ec, #f3e5f5);
font-family: 'Press Start 2P', monospace;
color: #4a148c;
}

.mood-pixel-minty-sky header,
.mood-pixel-minty-sky footer,
.mood-pixel-minty-sky h1 {
background: #ffffff;
color: #6a1b9a;
}

.mood-pixel-minty-sky h2,
.mood-pixel-minty-sky details {
color: #6a1b9a;
}

.mood-pixel-minty-sky summary,
.mood-pixel-minty-sky .nav-btn,
.mood-pixel-minty-sky .page-btn,
.mood-pixel-minty-sky .btn-404,
.mood-pixel-minty-sky .fic a {
background: #ce93d8;
color: #4a148c;
border: 2px solid #ce93d8;
transition: background 0.2s;
}

.mood-pixel-minty-sky .nav-btn:hover,
.mood-pixel-minty-sky .page-btn:hover,
.mood-pixel-minty-sky .btn-404:hover,
.mood-pixel-minty-sky .fic a:hover {
background: #ba68c8;
color: #fff;
transform: scale(1.05);
}

.mood-pixel-minty-sky .page-list a,
.mood-pixel-minty-sky .tool-list a,
.mood-pixel-minty-sky .log,
.mood-pixel-minty-sky .fic {
background: #ffffff;
border: 2px solid #ce93d8;
border-left: 5px solid #ce93d8;
}

.mood-pixel-minty-sky input[type="file"],
.mood-pixel-minty-sky .page-list strong,
.mood-pixel-minty-sky .tool-list strong,
.mood-pixel-minty-sky .title,
.mood-pixel-minty-sky h3 {
color: #6a1b9a;
}

.mood-pixel-minty-sky .feature {
background: linear-gradient(to bottom, #ccebe7, #e9d7ee);
color: #4a148c;
border: 2px solid #ce93d8;
}

/* Mood: Pixel Hacker Terminal */
.mood-pixel-hacker-terminal body,
.mood-pixel-hacker-terminal .menu-panel {
background: #000000;
font-family: 'VT323', monospace;
color: #00ff99;
}

.mood-pixel-hacker-terminal header,
.mood-pixel-hacker-terminal footer,
.mood-pixel-hacker-terminal h1 {
background: #111;
color: #00ffcc;
}

.mood-pixel-hacker-terminal h2,
.mood-pixel-hacker-terminal details {
color: #00ffcc;
background: #111;
}

.mood-pixel-hacker-terminal summary,
.mood-pixel-hacker-terminal .nav-btn,
.mood-pixel-hacker-terminal .page-btn,
.mood-pixel-hacker-terminal .btn-404,
.mood-pixel-hacker-terminal .fic a {
background: #00ffaa;
color: #000000;
border: 2px solid #00ffaa;
transition: background 0.2s;
}

.mood-pixel-hacker-terminal .nav-btn:hover,
.mood-pixel-hacker-terminal .page-btn:hover,
.mood-pixel-hacker-terminal .btn-404:hover,
.mood-pixel-hacker-terminal .fic a:hover {
background: #00ffe0;
transform: scale(1.05);
color: #000;
}

.mood-pixel-hacker-terminal .page-list a,
.mood-pixel-hacker-terminal .tool-list a,
.mood-pixel-hacker-terminal .log,
.mood-pixel-hacker-terminal .fic {
background: #111;
border: 2px solid #00ffaa;
border-left: 4px solid #00ffaa;
}

.mood-pixel-hacker-terminal input[type="file"],
.mood-pixel-hacker-terminal .page-list strong,
.mood-pixel-hacker-terminal .tool-list strong,
.mood-pixel-hacker-terminal .title,
.mood-pixel-hacker-terminal h3 {
color: #00ffe0;
}

.mood-pixel-hacker-terminal .page-list span,
.mood-pixel-hacker-terminal .tool-list span,
.mood-pixel-hacker-terminal .desc,
.mood-pixel-hacker-terminal p {
color: #ccffff;
}

.mood-pixel-hacker-terminal .feature {
background: rgba(0, 255, 170, 0.15);
  color: #00ffaa;
  border: 2px solid #00ffaa;
}

/* Mood: Pixel Lavender Retro */
.mood-pixel-lavender-retro body,
.mood-pixel-lavender-retro .menu-panel {
background: linear-gradient(to bottom, #f3e5f5, #fff8e1);
font-family: 'Press Start 2P', monospace;
color: #4a148c;
}

.mood-pixel-lavender-retro header,
.mood-pixel-lavender-retro footer,
.mood-pixel-lavender-retro h1 {
background: #fff;
color: #6a1b9a;
}

.mood-pixel-lavender-retro h2,
.mood-pixel-lavender-retro details {
color: #8e24aa;
}

.mood-pixel-lavender-retro summary,
.mood-pixel-lavender-retro .nav-btn,
.mood-pixel-lavender-retro .page-btn,
.mood-pixel-lavender-retro .btn-404,
.mood-pixel-lavender-retro .fic a {
background: #ba68c8;
color: #fff;
border: 2px solid #ba68c8;
transition: background 0.2s;
}

.mood-pixel-lavender-retro .nav-btn:hover,
.mood-pixel-lavender-retro .page-btn:hover,
.mood-pixel-lavender-retro .btn-404:hover,
.mood-pixel-lavender-retro .fic a:hover {
background: #ab47bc;
color: #ffffff;
transform: scale(1.05);
}

.mood-pixel-lavender-retro .page-list a,
.mood-pixel-lavender-retro .tool-list a,
.mood-pixel-lavender-retro .log,
.mood-pixel-lavender-retro .fic {
background: #fff9fb;
border: 2px solid #ba68c8;
border-left: 5px solid #ba68c8;
}

.mood-pixel-lavender-retro input[type="file"],
.mood-pixel-lavender-retro .page-list strong,
.mood-pixel-lavender-retro .tool-list strong,
.mood-pixel-lavender-retro .title,
.mood-pixel-lavender-retro h3 {
color: #8e24aa;
}

.mood-pixel-lavender-retro .feature {
  background: #e1bee7; /* đậm hơn chút */
  color: #4a148c;
  border: 2px solid #ce93d8;
}

/* Mood: Pixel Clay Console */
.mood-pixel-clay-console body,
.mood-pixel-clay-console .menu-panel {
background: linear-gradient(to bottom, #d7ccc8, #efebe9);
font-family: 'VT323', monospace;
color: #3e2723;
}

.mood-pixel-clay-console header,
.mood-pixel-clay-console footer,
.mood-pixel-clay-console h1 {
background: #efebe9;
color: #5d4037;
}

.mood-pixel-clay-console h2,
.mood-pixel-clay-console details {
color: #6d4c41;
}

.mood-pixel-clay-console summary,
.mood-pixel-clay-console .nav-btn,
.mood-pixel-clay-console .page-btn,
.mood-pixel-clay-console .btn-404,
.mood-pixel-clay-console .fic a {
background: #a1887f;
color: #ffffff;
border: 2px solid #a1887f;
transition: background 0.2s;
}

.mood-pixel-clay-console .nav-btn:hover,
.mood-pixel-clay-console .page-btn:hover,
.mood-pixel-clay-console .btn-404:hover,
.mood-pixel-clay-console .fic a:hover {
background: #8d6e63;
color: #fff;
transform: scale(1.05);
}

.mood-pixel-clay-console .page-list a,
.mood-pixel-clay-console .tool-list a,
.mood-pixel-clay-console .log,
.mood-pixel-clay-console .fic {
background: #ffffff;
border: 2px solid #a1887f;
border-left: 4px solid #a1887f;
}

.mood-pixel-clay-console input[type="file"],
.mood-pixel-clay-console .page-list strong,
.mood-pixel-clay-console .tool-list strong,
.mood-pixel-clay-console .title,
.mood-pixel-clay-console h3 {
color: #6d4c41;
}

.mood-pixel-clay-console .feature {
  background: #bcaaa4;
  color: #3e2723;
  border: 2px solid #bcaaa4;
}

/* Mood: Trắng kem lễ đường */
.mood-trắng-kem-lễ-đường body,
.mood-trắng-kem-lễ-đường .menu-panel {
background: linear-gradient(to bottom, #fffefc, #f9f4ee);
color: #4e342e;
font-family: 'Source Sans Pro', sans-serif;
}

.mood-trắng-kem-lễ-đường header,
.mood-trắng-kem-lễ-đường footer,
.mood-trắng-kem-lễ-đường h1 {
background: #fffaf0;
color: #6d4c41;
}

.mood-trắng-kem-lễ-đường h2,
.mood-trắng-kem-lễ-đường details {
color: #e64a19;
}

.mood-trắng-kem-lễ-đường summary,
.mood-trắng-kem-lễ-đường .nav-btn,
.mood-trắng-kem-lễ-đường .page-btn,
.mood-trắng-kem-lễ-đường .btn-404,
.mood-trắng-kem-lễ-đường .fic a {
background: #ffcc80;
color: #4e342e;
border: 2px solid #ffcc80;
transition: background 0.2s;
}

.mood-trắng-kem-lễ-đường .nav-btn:hover,
.mood-trắng-kem-lễ-đường .page-btn:hover,
.mood-trắng-kem-lễ-đường .btn-404:hover,
.mood-trắng-kem-lễ-đường .fic a:hover {
background: #ffa726;
color: #fff;
}

.mood-trắng-kem-lễ-đường .page-list a,
.mood-trắng-kem-lễ-đường .tool-list a,
.mood-trắng-kem-lễ-đường .log,
.mood-trắng-kem-lễ-đường .fic {
background: #ffffff;
border: 2px solid #ffcc80;
border-left: 4px solid #ffcc80;
}

.mood-trắng-kem-lễ-đường input[type="file"],
.mood-trắng-kem-lễ-đường .page-list strong,
.mood-trắng-kem-lễ-đường .tool-list strong,
.mood-trắng-kem-lễ-đường .title,
.mood-trắng-kem-lễ-đường h3 {
color: #e64a19;
}

.mood-trắng-kem-lễ-đường .feature {
  background: #fff3e0;
  color: #6d4c41;
  border: 2px solid #ffe0b2;
  box-shadow: 0 0 4px #f9e0c3 inset;
}

/* Mood: Hồng phấn chào dâu */
.mood-hồng-phấn-chào-dâu body,
.mood-hồng-phấn-chào-dâu .menu-panel {
background: linear-gradient(to bottom, #fdeff2, #f9f3f8);
color: #880e4f;
font-family: 'Source Sans Pro', sans-serif;
}

.mood-hồng-phấn-chào-dâu header,
.mood-hồng-phấn-chào-dâu footer,
.mood-hồng-phấn-chào-dâu h1 {
background: #ffffff;
color: #ad1457;
}

.mood-hồng-phấn-chào-dâu h2,
.mood-hồng-phấn-chào-dâu details {
color: #c2185b;
}

.mood-hồng-phấn-chào-dâu summary,
.mood-hồng-phấn-chào-dâu .nav-btn,
.mood-hồng-phấn-chào-dâu .page-btn,
.mood-hồng-phấn-chào-dâu .btn-404,
.mood-hồng-phấn-chào-dâu .fic a {
background: #f06292;
color: #ffffff;
border: 2px solid #f06292;
transition: background 0.2s;
}

.mood-hồng-phấn-chào-dâu .nav-btn:hover,
.mood-hồng-phấn-chào-dâu .page-btn:hover,
.mood-hồng-phấn-chào-dâu .btn-404:hover,
.mood-hồng-phấn-chào-dâu .fic a:hover {
background: #ec407a;
color: #ffffff;
}

.mood-hồng-phấn-chào-dâu .page-list a,
.mood-hồng-phấn-chào-dâu .tool-list a,
.mood-hồng-phấn-chào-dâu .log,
.mood-hồng-phấn-chào-dâu .fic {
background: #fff0f5;
border: 2px solid #f06292;
border-left: 4px solid #f06292;
}

.mood-hồng-phấn-chào-dâu input[type="file"],
.mood-hồng-phấn-chào-dâu .page-list strong,
.mood-hồng-phấn-chào-dâu .tool-list strong,
.mood-hồng-phấn-chào-dâu .title,
.mood-hồng-phấn-chào-dâu h3 {
color: #c2185b;
}

.mood-hồng-phấn-chào-dâu .feature {
background: #fffaf8;
border: 2px solid #f8bbd0;
color: #6d4c41;
box-shadow: 0 1px 4px rgba(0,0,0,0.05);
}

/* Mood: Đám cưới hoàng gia */
.mood-đám-cưới-hoàng-gia body,
.mood-đám-cưới-hoàng-gia .menu-panel {
background: linear-gradient(to bottom, #f3e5f5, #fffde7);
color: #4a148c;
font-family: 'Playfair Display', serif;
}

.mood-đám-cưới-hoàng-gia header,
.mood-đám-cưới-hoàng-gia footer,
.mood-đám-cưới-hoàng-gia h1 {
background: #fff;
color: #6a1b9a;
}

.mood-đám-cưới-hoàng-gia h2,
.mood-đám-cưới-hoàng-gia details {
color: #8e24aa;
}

.mood-đám-cưới-hoàng-gia summary,
.mood-đám-cưới-hoàng-gia .nav-btn,
.mood-đám-cưới-hoàng-gia .page-btn,
.mood-đám-cưới-hoàng-gia .btn-404,
.mood-đám-cưới-hoàng-gia .fic a {
background: #b39ddb;
color: #4a148c;
border: 2px solid #b39ddb;
transition: background 0.2s;
}

.mood-đám-cưới-hoàng-gia .nav-btn:hover,
.mood-đám-cưới-hoàng-gia .page-btn:hover,
.mood-đám-cưới-hoàng-gia .btn-404:hover,
.mood-đám-cưới-hoàng-gia .fic a:hover {
background: #9575cd;
color: #fff;
}

.mood-đám-cưới-hoàng-gia .page-list a,
.mood-đám-cưới-hoàng-gia .tool-list a,
.mood-đám-cưới-hoàng-gia .log,
.mood-đám-cưới-hoàng-gia .fic {
background: #fffaf5;
border: 2px solid #b39ddb;
border-left: 4px solid #b39ddb;
}

.mood-đám-cưới-hoàng-gia input[type="file"],
.mood-đám-cưới-hoàng-gia .page-list strong,
.mood-đám-cưới-hoàng-gia .tool-list strong,
.mood-đám-cưới-hoàng-gia .title,
.mood-đám-cưới-hoàng-gia h3 {
color: #8e24aa;
}

.mood-đám-cưới-hoàng-gia .feature {
background: linear-gradient(145deg, #d1c4e9, #f3e5f5);
color: #4a148c;
border: 2px solid #b39ddb;
}

/* Mood: Cưới bí mật giữa rừng */
.mood-cưới-bí-mật-giữa-rừng body,
.mood-cưới-bí-mật-giữa-rừng .menu-panel {
background: linear-gradient(to bottom, #dcedc8, #c8e6c9);
color: #2e7d32;
font-family: 'M PLUS Rounded 1c', sans-serif;
}

.mood-cưới-bí-mật-giữa-rừng header,
.mood-cưới-bí-mật-giữa-rừng footer,
.mood-cưới-bí-mật-giữa-rừng h1 {
background: #ffffff;
color: #33691e;
}

.mood-cưới-bí-mật-giữa-rừng h2,
.mood-cưới-bí-mật-giữa-rừng details {
color: #558b2f;
}

.mood-cưới-bí-mật-giữa-rừng summary,
.mood-cưới-bí-mật-giữa-rừng .nav-btn,
.mood-cưới-bí-mật-giữa-rừng .page-btn,
.mood-cưới-bí-mật-giữa-rừng .btn-404,
.mood-cưới-bí-mật-giữa-rừng .fic a {
background: #8bc34a;
color: #1b5e20;
border: 2px solid #8bc34a;
transition: background 0.2s;
}

.mood-cưới-bí-mật-giữa-rừng .nav-btn:hover,
.mood-cưới-bí-mật-giữa-rừng .page-btn:hover,
.mood-cưới-bí-mật-giữa-rừng .btn-404:hover,
.mood-cưới-bí-mật-giữa-rừng .fic a:hover {
background: #7cb342;
color: #ffffff;
}

.mood-cưới-bí-mật-giữa-rừng .page-list a,
.mood-cưới-bí-mật-giữa-rừng .tool-list a,
.mood-cưới-bí-mật-giữa-rừng .log,
.mood-cưới-bí-mật-giữa-rừng .fic {
background: #ffffff;
border: 2px solid #8bc34a;
border-left: 4px solid #8bc34a;
}

.mood-cưới-bí-mật-giữa-rừng input[type="file"],
.mood-cưới-bí-mật-giữa-rừng .page-list strong,
.mood-cưới-bí-mật-giữa-rừng .tool-list strong,
.mood-cưới-bí-mật-giữa-rừng .title,
.mood-cưới-bí-mật-giữa-rừng h3 {
color: #558b2f;
}

.mood-cưới-bí-mật-giữa-rừng .feature {
  background: #c5e1a5;
  color: #2e7d32;
  border: 2px solid #9ccc65;
  box-shadow: 0 0 8px rgba(139, 195, 74, 0.3);
}

/* Mood: Minh Hôn Bí Cảnh */
.mood-minh-hôn-bí-cảnh body,
.mood-minh-hôn-bí-cảnh .menu-panel {
background: linear-gradient(to bottom, #1c1c1c, #2d0000);
font-family: 'Cinzel', serif;
color: #eeeeee;
}

.mood-minh-hôn-bí-cảnh header,
.mood-minh-hôn-bí-cảnh footer,
.mood-minh-hôn-bí-cảnh h1 {
background: #300000;
color: #f44336;
}

.mood-minh-hôn-bí-cảnh h2,
.mood-minh-hôn-bí-cảnh details {
color: #ff1744;
background: #111;
}

.mood-minh-hôn-bí-cảnh summary,
.mood-minh-hôn-bí-cảnh .nav-btn,
.mood-minh-hôn-bí-cảnh .page-btn,
.mood-minh-hôn-bí-cảnh .btn-404,
.mood-minh-hôn-bí-cảnh .fic a {
background: #2d0000;
  box-shadow: inset 0 0 8px #b71c1c;
color: #ffffff;
border: none;
transition: background 0.2s;
}

.mood-minh-hôn-bí-cảnh .nav-btn:hover,
.mood-minh-hôn-bí-cảnh .page-btn:hover,
.mood-minh-hôn-bí-cảnh .btn-404:hover,
.mood-minh-hôn-bí-cảnh .fic a:hover {
background: #b71c1c;
color: #fff;
transform: scale(1.05);
}

.mood-minh-hôn-bí-cảnh .page-list a,
.mood-minh-hôn-bí-cảnh .tool-list a,
.mood-minh-hôn-bí-cảnh .log,
.mood-minh-hôn-bí-cảnh .fic {
background: #1c1c1ccc;
border: 2px solid #d32f2f;
border-left: 4px solid #d32f2f;
}

.mood-minh-hôn-bí-cảnh input[type="file"],
.mood-minh-hôn-bí-cảnh .page-list strong,
.mood-minh-hôn-bí-cảnh .tool-list strong,
.mood-minh-hôn-bí-cảnh .title,
.mood-minh-hôn-bí-cảnh h3 {
color: #ff1744;
}

.mood-minh-hôn-bí-cảnh .page-list span,
.mood-minh-hôn-bí-cảnh .tool-list span,
.mood-minh-hôn-bí-cảnh .desc,
.mood-minh-hôn-bí-cảnh p {
color: #cc3333;
}

.mood-minh-hôn-bí-cảnh .feature {
  background: linear-gradient(to right, #3a0000, #5e1a1a);
  color: #ffcccc;
  border: 2px solid #880e0e;
  box-shadow: 0 0 10px rgba(255, 0, 0, 0.2);
}

/* Mood: Minh Hôn Đêm Trăng */
.mood-minh-hôn-đêm-trăng body,
.mood-minh-hôn-đêm-trăng .menu-panel {
font-family: 'Cinzel', serif;
background: linear-gradient(to bottom, #1a1a2e, #2c2c54);
color: #eeeeee;
}

.mood-minh-hôn-đêm-trăng body::before {
  content: "";
  position: fixed;
  top: 10%;
  left: 80%;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, #fff, #eee, transparent);
  opacity: 0.2;
  pointer-events: none;
}

.mood-minh-hôn-đêm-trăng header,
.mood-minh-hôn-đêm-trăng footer,
.mood-minh-hôn-đêm-trăng h1 {
background: #2c2c54;
color: #f3f3f3;
}

.mood-minh-hôn-đêm-trăng h2,
.mood-minh-hôn-đêm-trăng details {
color: #e1bee7;
background: #111;
}

.mood-minh-hôn-đêm-trăng summary,
.mood-minh-hôn-đêm-trăng .nav-btn,
.mood-minh-hôn-đêm-trăng .page-btn,
.mood-minh-hôn-đêm-trăng .btn-404,
.mood-minh-hôn-đêm-trăng .fic a {
background: #9c27b0;
color: #ffffff;
border: 2px solid #9c27b0;
transition: background 0.2s;
}

.mood-minh-hôn-đêm-trăng .nav-btn:hover,
.mood-minh-hôn-đêm-trăng .page-btn:hover,
.mood-minh-hôn-đêm-trăng .btn-404:hover,
.mood-minh-hôn-đêm-trăng .fic a:hover {
background: #7b1fa2;
color: #fff;
transform: scale(1.05);
}

.mood-minh-hôn-đêm-trăng .page-list a,
.mood-minh-hôn-đêm-trăng .tool-list a,
.mood-minh-hôn-đêm-trăng .log,
.mood-minh-hôn-đêm-trăng .fic {
background: #1e1e2e;
border: 2px solid #9c27b0;
border-left: 4px solid #9c27b0;
}

.mood-minh-hôn-đêm-trăng input[type="file"],
.mood-minh-hôn-đêm-trăng .page-list strong,
.mood-minh-hôn-đêm-trăng .tool-list strong,
.mood-minh-hôn-đêm-trăng .title,
.mood-minh-hôn-đêm-trăng h3 {
color: #e1bee7;
}

.mood-minh-hôn-đêm-trăng .page-list span,
.mood-minh-hôn-đêm-trăng .tool-list span,
.mood-minh-hôn-đêm-trăng .desc,
.mood-minh-hôn-đêm-trăng p {
color: #6666cc;
}

.mood-minh-hôn-đêm-trăng .feature {
  background: radial-gradient(circle, #9c27b0 0%, #2c2c54 80%);
  color: #f8eaff;
  border: 2px solid #7b1fa2;
  box-shadow: 0 0 12px #7b1fa299;
}

/* Mood: Minh Hôn Đưa Dâu Rừng Trúc */
.mood-minh-hôn-đưa-dâu-rừng-trúc body,
.mood-minh-hôn-đưa-dâu-rừng-trúc .menu-panel {
font-family: 'Cinzel', serif;
background: linear-gradient(to bottom, #1b2c1b, #263826);
color: #dcedc8;
}

.mood-minh-hôn-đưa-dâu-rừng-trúc header,
.mood-minh-hôn-đưa-dâu-rừng-trúc footer,
.mood-minh-hôn-đưa-dâu-rừng-trúc h1 {
background: #2e3b2e;
color: #a5d6a7;
}

.mood-minh-hôn-đưa-dâu-rừng-trúc h2,
.mood-minh-hôn-đưa-dâu-rừng-trúc details {
color: #c8e6c9;
background: #111;
}

.mood-minh-hôn-đưa-dâu-rừng-trúc summary,
.mood-minh-hôn-đưa-dâu-rừng-trúc .nav-btn,
.mood-minh-hôn-đưa-dâu-rừng-trúc .page-btn,
.mood-minh-hôn-đưa-dâu-rừng-trúc .btn-404,
.mood-minh-hôn-đưa-dâu-rừng-trúc .fic a {
background: #81c784;
color: #1b2c1b;
border: 2px solid #81c784;
transition: background 0.2s;
}

.mood-minh-hôn-đưa-dâu-rừng-trúc .nav-btn:hover,
.mood-minh-hôn-đưa-dâu-rừng-trúc .page-btn:hover,
.mood-minh-hôn-đưa-dâu-rừng-trúc .btn-404:hover,
.mood-minh-hôn-đưa-dâu-rừng-trúc .fic a:hover {
background: #66bb6a;
color: #ffffff;
transform: scale(1.05);
}

.mood-minh-hôn-đưa-dâu-rừng-trúc .page-list a,
.mood-minh-hôn-đưa-dâu-rừng-trúc .tool-list a,
.mood-minh-hôn-đưa-dâu-rừng-trúc .log,
.mood-minh-hôn-đưa-dâu-rừng-trúc .fic {
background: #1b1f1b;
border: 2px solid #81c784;
border-left: 4px solid #81c784;
}

.mood-minh-hôn-đưa-dâu-rừng-trúc input[type="file"],
.mood-minh-hôn-đưa-dâu-rừng-trúc .page-list strong,
.mood-minh-hôn-đưa-dâu-rừng-trúc .tool-list strong,
.mood-minh-hôn-đưa-dâu-rừng-trúc .title,
.mood-minh-hôn-đưa-dâu-rừng-trúc h3 {
color: #c8e6c9;
}

.mood-minh-hôn-đưa-dâu-rừng-trúc .page-list span,
.mood-minh-hôn-đưa-dâu-rừng-trúc .tool-list span,
.mood-minh-hôn-đưa-dâu-rừng-trúc .desc,
.mood-minh-hôn-đưa-dâu-rừng-trúc p {
color: #669966;
}

.mood-minh-hôn-đưa-dâu-rừng-trúc .feature {
  background: radial-gradient(circle at 60% 90%, #81c784, #1b2c1b);
  color: #e8f5e9;
  border: 2px solid #66bb6a;
  box-shadow: 0 0 8px #66bb6a88;
}

/* Mood: Minh Hôn Trấn Trạch */
.mood-minh-hôn-trấn-trạch body,
.mood-minh-hôn-trấn-trạch .menu-panel {
font-family: 'Cinzel', serif;
background: linear-gradient(to bottom, #4e0000, #1b0000);
color: #ffe082;
}

.mood-minh-hôn-trấn-trạch header,
.mood-minh-hôn-trấn-trạch footer,
.mood-minh-hôn-trấn-trạch h1 {
background: #3e2723;
color: #ffd54f;
}

.mood-minh-hôn-trấn-trạch h2,
.mood-minh-hôn-trấn-trạch details {
color: #ffb300;
background: #111;
}

.mood-minh-hôn-trấn-trạch summary,
.mood-minh-hôn-trấn-trạch .nav-btn,
.mood-minh-hôn-trấn-trạch .page-btn,
.mood-minh-hôn-trấn-trạch .btn-404,
.mood-minh-hôn-trấn-trạch .fic a {
background: #ff8f00;
color: #1b0000;
border: 2px solid #ff8f00;
transition: background 0.2s;
}

.mood-minh-hôn-trấn-trạch .nav-btn:hover,
.mood-minh-hôn-trấn-trạch .page-btn:hover,
.mood-minh-hôn-trấn-trạch .btn-404:hover,
.mood-minh-hôn-trấn-trạch .fic a:hover {
background: #ff6f00;
color: #ffffff;
transform: scale(1.05);
}

.mood-minh-hôn-trấn-trạch .page-list a,
.mood-minh-hôn-trấn-trạch .tool-list a,
.mood-minh-hôn-trấn-trạch .log,
.mood-minh-hôn-trấn-trạch .fic {
background: #1c1c1c;
border: 2px solid #ff8f00;
border-left: 4px solid #ff8f00;
}

.mood-minh-hôn-trấn-trạch input[type="file"],
.mood-minh-hôn-trấn-trạch .page-list strong,
.mood-minh-hôn-trấn-trạch .tool-list strong,
.mood-minh-hôn-trấn-trạch .title,
.mood-minh-hôn-trấn-trạch h3 {
color: #ffb300;
}

.mood-minh-hôn-trấn-trạch .page-list span,
.mood-minh-hôn-trấn-trạch .tool-list span,
.mood-minh-hôn-trấn-trạch .desc,
.mood-minh-hôn-trấn-trạch p {
color: #cc3300;
}

.mood-minh-hôn-trấn-trạch .feature {
  background: #3e2723;
  color: #ffca28;
  border: 2px solid #ff6f00;
  box-shadow: inset 0 0 6px #ff8f00aa;
}

/* Mood: Minh Hôn Lạc Dương */
.mood-minh-hôn-lạc-dương body,
.mood-minh-hôn-lạc-dương .menu-panel {
font-family: 'Cinzel', serif;
background: linear-gradient(to bottom, #ede0c9, #f5f5dc);
color: #3e2723;
}

.mood-minh-hôn-lạc-dương header,
.mood-minh-hôn-lạc-dương footer,
.mood-minh-hôn-lạc-dương h1 {
background: #fce4b6;
color: #6d4c41;
}

.mood-minh-hôn-lạc-dương h2,
.mood-minh-hôn-lạc-dương details {
color: #bf360c;
}

.mood-minh-hôn-lạc-dương summary,
.mood-minh-hôn-lạc-dương .nav-btn,
.mood-minh-hôn-lạc-dương .page-btn,
.mood-minh-hôn-lạc-dương .btn-404,
.mood-minh-hôn-lạc-dương .fic a {
background: #ff7043;
color: #fff8e1;
border: 2px solid #ff7043;
transition: background 0.2s;
}

.mood-minh-hôn-lạc-dương .nav-btn:hover,
.mood-minh-hôn-lạc-dương .page-btn:hover,
.mood-minh-hôn-lạc-dương .btn-404:hover,
.mood-minh-hôn-lạc-dương .fic a:hover {
background: #e64a19;
color: #fff;
}

.mood-minh-hôn-lạc-dương .page-list a,
.mood-minh-hôn-lạc-dương .tool-list a,
.mood-minh-hôn-lạc-dương .log,
.mood-minh-hôn-lạc-dương .fic {
background: #fff8e1;
border: 2px solid #ff7043;
border-left: 4px solid #ff7043;
}

.mood-minh-hôn-lạc-dương input[type="file"],
.mood-minh-hôn-lạc-dương .page-list strong,
.mood-minh-hôn-lạc-dương .tool-list strong,
.mood-minh-hôn-lạc-dương .title,
.mood-minh-hôn-lạc-dương h3 {
color: #bf360c;
}

.mood-minh-hôn-lạc-dương .page-list span,
.mood-minh-hôn-lạc-dương .tool-list span,
.mood-minh-hôn-lạc-dương .desc,
.mood-minh-hôn-lạc-dương p {
color: #806517;
}

.mood-minh-hôn-lạc-dương .feature {
  background: linear-gradient(145deg, #a0522d, #7f2a1f);
  color: #fff8e1;
  border: 2px solid #a0522d;
}

/* Mood: Long Tộc Chân Chính */
.mood-long-tộc-chân-chính body,
.mood-long-tộc-chân-chính .menu-panel {
background: linear-gradient(to bottom, #3b0000, #000000);
color: #ffd700;
font-family: 'Cinzel', serif;
}

.mood-long-tộc-chân-chính header,
.mood-long-tộc-chân-chính footer,
.mood-long-tộc-chân-chính h1 {
background: #b71c1c;
color: #ffeb3b;
}

.mood-long-tộc-chân-chính h2,
.mood-long-tộc-chân-chính details {
color: #ffc107;
background: #111;
}

.mood-long-tộc-chân-chính summary,
.mood-long-tộc-chân-chính .nav-btn,
.mood-long-tộc-chân-chính .page-btn,
.mood-long-tộc-chân-chính .btn-404,
.mood-long-tộc-chân-chính .fic a {
background: #ff8f00;
color: #1a0000;
border: 2px solid #ff8f00;
transition: background 0.2s;
}

.mood-long-tộc-chân-chính .nav-btn:hover,
.mood-long-tộc-chân-chính .page-btn:hover,
.mood-long-tộc-chân-chính .btn-404:hover,
.mood-long-tộc-chân-chính .fic a:hover {
background: #ff6f00;
color: #ffffff;
transform: scale(1.05);
}

.mood-long-tộc-chân-chính .page-list a,
.mood-long-tộc-chân-chính .tool-list a,
.mood-long-tộc-chân-chính .log,
.mood-long-tộc-chân-chính .fic {
background: #1a0000;
border: 2px solid #ff8f00;
border-left: 4px solid #ff8f00;
}

.mood-long-tộc-chân-chính input[type="file"],
.mood-long-tộc-chân-chính .page-list strong,
.mood-long-tộc-chân-chính .tool-list strong,
.mood-long-tộc-chân-chính .title,
.mood-long-tộc-chân-chính h3 {
color: #ffc107;
}

.mood-long-tộc-chân-chính .page-list span,
.mood-long-tộc-chân-chính .tool-list span,
.mood-long-tộc-chân-chính .desc,
.mood-long-tộc-chân-chính p {
color: #cc9966;
}

.mood-long-tộc-chân-chính .feature {
  background: #2b1b00;
  color: #ffca28;
  border: 2px solid #795548;
  box-shadow: 0 0 10px #cfae5d88;
}

/* Mood: Long Tộc Tân Thời (Urban Fantasy) */
.mood-long-tộc-tân-thời-urban-fantasy body,
.mood-long-tộc-tân-thời-urban-fantasy .menu-panel {
background: linear-gradient(to right, #0d47a1, #1a237e);
color: #bbdefb;
font-family: 'Orbitron', sans-serif;
text-shadow: 0 0 6px #00e5ff88;
}

.mood-long-tộc-tân-thời-urban-fantasy header,
.mood-long-tộc-tân-thời-urban-fantasy footer,
.mood-long-tộc-tân-thời-urban-fantasy h1 {
background: #1e1e2f;
color: #82b1ff;
text-shadow: 0 0 6px #82b1ff, 0 0 12px #00e5ff;
}

.mood-long-tộc-tân-thời-urban-fantasy h2,
.mood-long-tộc-tân-thời-urban-fantasy details {
color: #69f0ae;
background: #111;
}

.mood-long-tộc-tân-thời-urban-fantasy summary,
.mood-long-tộc-tân-thời-urban-fantasy .nav-btn,
.mood-long-tộc-tân-thời-urban-fantasy .page-btn,
.mood-long-tộc-tân-thời-urban-fantasy .btn-404,
.mood-long-tộc-tân-thời-urban-fantasy .fic a {
background: #00e5ff;
color: #0d0d2f;
border: 2px solid #00e5ff;
transition: background 0.2s;
}

.mood-long-tộc-tân-thời-urban-fantasy .nav-btn:hover,
.mood-long-tộc-tân-thời-urban-fantasy .page-btn:hover,
.mood-long-tộc-tân-thời-urban-fantasy .btn-404:hover,
.mood-long-tộc-tân-thời-urban-fantasy .fic a:hover {
background: #00bcd4;
color: #ffffff;
transform: scale(1.05);
}

.mood-long-tộc-tân-thời-urban-fantasy .page-list a,
.mood-long-tộc-tân-thời-urban-fantasy .tool-list a,
.mood-long-tộc-tân-thời-urban-fantasy .log,
.mood-long-tộc-tân-thời-urban-fantasy .fic {
background: #0d0d2f;
border: 2px solid #00e5ff;
border-left: 4px solid #00e5ff;
}

.mood-long-tộc-tân-thời-urban-fantasy input[type="file"],
.mood-long-tộc-tân-thời-urban-fantasy .page-list strong,
.mood-long-tộc-tân-thời-urban-fantasy .tool-list strong,
.mood-long-tộc-tân-thời-urban-fantasy .title,
.mood-long-tộc-tân-thời-urban-fantasy h3 {
color: #69f0ae;
}

.mood-long-tộc-tân-thời-urban-fantasy .page-list span,
.mood-long-tộc-tân-thời-urban-fantasy .tool-list span,
.mood-long-tộc-tân-thời-urban-fantasy .desc,
.mood-long-tộc-tân-thời-urban-fantasy p {
color: #3399ff;
}

.mood-long-tộc-tân-thời-urban-fantasy .feature {
  background: rgba(0, 229, 255, 0.1);
  border: 2px dashed #00e5ff;
  color: #69f0ae;
  backdrop-filter: blur(2px);
}

/* Mood: Long Tộc Cưới Huyết Khế Ước */
.mood-long-tộc-cưới-huyết-khế-ước body,
.mood-long-tộc-cưới-huyết-khế-ước .menu-panel {
background: linear-gradient(to bottom, #1a0000, #330000);
color: #fce4ec;
font-family: 'Almendra SC', serif;
}

.mood-long-tộc-cưới-huyết-khế-ước header,
.mood-long-tộc-cưới-huyết-khế-ước footer,
.mood-long-tộc-cưới-huyết-khế-ước h1 {
background: #4a0000;
color: #ff5252;
}

.mood-long-tộc-cưới-huyết-khế-ước h2,
.mood-long-tộc-cưới-huyết-khế-ước details {
color: #cc0000;
background: #111;
}

.mood-long-tộc-cưới-huyết-khế-ước summary,
.mood-long-tộc-cưới-huyết-khế-ước .nav-btn,
.mood-long-tộc-cưới-huyết-khế-ước .page-btn,
.mood-long-tộc-cưới-huyết-khế-ước .btn-404,
.mood-long-tộc-cưới-huyết-khế-ước .fic a {
background: #d50000;
color: #fce4ec;
border: 2px solid #d50000;
transition: background 0.2s;
}

.mood-long-tộc-cưới-huyết-khế-ước .nav-btn:hover,
.mood-long-tộc-cưới-huyết-khế-ước .page-btn:hover,
.mood-long-tộc-cưới-huyết-khế-ước .btn-404:hover,
.mood-long-tộc-cưới-huyết-khế-ước .fic a:hover {
background: #b71c1c;
color: #fff;
transform: scale(1.05);
}

.mood-long-tộc-cưới-huyết-khế-ước .page-list a,
.mood-long-tộc-cưới-huyết-khế-ước .tool-list a,
.mood-long-tộc-cưới-huyết-khế-ước .log,
.mood-long-tộc-cưới-huyết-khế-ước .fic {
background: #1f0000;
border: 2px dashed #d50000;
border-left: 4px dashed #d50000;
}

.mood-long-tộc-cưới-huyết-khế-ước input[type="file"],
.mood-long-tộc-cưới-huyết-khế-ước .page-list strong,
.mood-long-tộc-cưới-huyết-khế-ước .tool-list strong,
.mood-long-tộc-cưới-huyết-khế-ước .title,
.mood-long-tộc-cưới-huyết-khế-ước h3 {
color: #cc0000;
}

.mood-long-tộc-cưới-huyết-khế-ước .page-list span,
.mood-long-tộc-cưới-huyết-khế-ước .tool-list span,
.mood-long-tộc-cưới-huyết-khế-ước .desc,
.mood-long-tộc-cưới-huyết-khế-ước p {
color: #cc6666;
}

.mood-long-tộc-cưới-huyết-khế-ước .feature {
background: #8b0000;
box-shadow: 0 0 10px #ff174480;
color: #fce4ec;
border: 2px solid #d50000;
}

/* Mood: Màu Kem Dâu */
.mood-màu-kem-dâu body,
.mood-màu-kem-dâu .menu-panel {
background: linear-gradient(to bottom, #fff0f5, #fffaf0);
color: #7b2cbf;
font-family: 'Poppins', sans-serif;
}

.mood-màu-kem-dâu header,
.mood-màu-kem-dâu footer,
.mood-màu-kem-dâu h1 {
background: #fff0f5;
color: #c2185b;
}

.mood-màu-kem-dâu h2,
.mood-màu-kem-dâu details {
color: #d81b60;
}

.mood-màu-kem-dâu summary,
.mood-màu-kem-dâu .nav-btn,
.mood-màu-kem-dâu .page-btn,
.mood-màu-kem-dâu .btn-404,
.mood-màu-kem-dâu .fic a {
background: #f06292;
color: #fffaf0;
border: 2px solid #f06292;
transition: background 0.2s;
}

.mood-màu-kem-dâu .nav-btn:hover,
.mood-màu-kem-dâu .page-btn:hover,
.mood-màu-kem-dâu .btn-404:hover,
.mood-màu-kem-dâu .fic a:hover {
background: #ec407a;
color: #ffffff;
}

.mood-màu-kem-dâu .page-list a,
.mood-màu-kem-dâu .tool-list a,
.mood-màu-kem-dâu .log,
.mood-màu-kem-dâu .fic {
background: #ffffff;
border: 2px solid #f06292;
border-left: 4px solid #f06292;
}

.mood-màu-kem-dâu input[type="file"],
.mood-màu-kem-dâu .page-list strong,
.mood-màu-kem-dâu .tool-list strong,
.mood-màu-kem-dâu .title,
.mood-màu-kem-dâu h3 {
color: #d81b60;
}

.mood-màu-kem-dâu .feature {
background: linear-gradient(to bottom, #f8bbd0, #f06292);
color: #fffaf0;
border: 2px solid rgba(240, 98, 146, 0.5);
box-shadow: 0 2px 6px rgba(255, 105, 180, 0.2);
}

/* Mood: Trời Xanh Bong Bóng */
.mood-trời-xanh-bong-bóng body,
.mood-trời-xanh-bong-bóng .menu-panel {
background: linear-gradient(to bottom, #cdeff2, #f5fbe7);
color: #035d75; /* từ #01579b → xanh sẫm dễ đọc hơn */
font-family: 'Quicksand', sans-serif;
}

.mood-trời-xanh-bong-bóng header,
.mood-trời-xanh-bong-bóng footer,
.mood-trời-xanh-bong-bóng h1 {
background: #ffffff;
color: #0288d1;
}

.mood-trời-xanh-bong-bóng h2,
.mood-trời-xanh-bong-bóng details {
color: #0097a7;
}

.mood-trời-xanh-bong-bóng summary,
.mood-trời-xanh-bong-bóng .nav-btn,
.mood-trời-xanh-bong-bóng .page-btn,
.mood-trời-xanh-bong-bóng .btn-404,
.mood-trời-xanh-bong-bóng .fic a {
background: #b2ebf2;
  border: 2px solid #4dd0e1;
  color: #0277bd;
transition: background 0.2s;
}

.mood-trời-xanh-bong-bóng .nav-btn:hover,
.mood-trời-xanh-bong-bóng .page-btn:hover,
.mood-trời-xanh-bong-bóng .btn-404:hover,
.mood-trời-xanh-bong-bóng .fic a:hover {
background: #00acc1;
color: #ffffff;
transform: scale(1.05);
}

.mood-trời-xanh-bong-bóng .page-list a,
.mood-trời-xanh-bong-bóng .tool-list a,
.mood-trời-xanh-bong-bóng .log,
.mood-trời-xanh-bong-bóng .fic {
background: #f6fefe; /* nhẹ hơn #ffffff, đỡ bật vào mắt */
border: 2px solid #4dd0e1;
border-left: 4px solid #4dd0e1;
}

.mood-trời-xanh-bong-bóng input[type="file"],
.mood-trời-xanh-bong-bóng .page-list strong,
.mood-trời-xanh-bong-bóng .tool-list strong,
.mood-trời-xanh-bong-bóng .title,
.mood-trời-xanh-bong-bóng h3 {
color: #0097a7;
}

.mood-trời-xanh-bong-bóng .feature {
background: #00bcd4;
  color: #ffffff;
  border: 2px double #0288d1;
  box-shadow: 0 0 8px #b2ebf266;
}

/* Mood: Trà Sữa Trân Châu */
.mood-trà-sữa-trân-châu body,
.mood-trà-sữa-trân-châu .menu-panel {
background: linear-gradient(to bottom, #fff8e1, #efebe9);
color: #4e342e;
font-family: 'Hind', sans-serif;
}

.mood-trà-sữa-trân-châu header,
.mood-trà-sữa-trân-châu footer,
.mood-trà-sữa-trân-châu h1 {
background: #fff3e0;
color: #6d4c41;
}

.mood-trà-sữa-trân-châu h2,
.mood-trà-sữa-trân-châu details {
color: #795548;
}

.mood-trà-sữa-trân-châu summary,
.mood-trà-sữa-trân-châu .nav-btn,
.mood-trà-sữa-trân-châu .page-btn,
.mood-trà-sữa-trân-châu .btn-404,
.mood-trà-sữa-trân-châu .fic a {
background: #d7ccc8;
  color: #4e342e;
  border: 2px solid #a1887f;
transition: background 0.2s;
}

.mood-trà-sữa-trân-châu .nav-btn:hover,
.mood-trà-sữa-trân-châu .page-btn:hover,
.mood-trà-sữa-trân-châu .btn-404:hover,
.mood-trà-sữa-trân-châu .fic a:hover {
background: #8d6e63;
color: #fff;
transform: scale(1.05);
}

.mood-trà-sữa-trân-châu .page-list a,
.mood-trà-sữa-trân-châu .tool-list a,
.mood-trà-sữa-trân-châu .log,
.mood-trà-sữa-trân-châu .fic {
background: #ffffff;
border: 2px solid #a1887f;
border-left: 4px solid #a1887f;
}

.mood-trà-sữa-trân-châu input[type="file"],
.mood-trà-sữa-trân-châu .page-list strong,
.mood-trà-sữa-trân-châu .tool-list strong,
.mood-trà-sữa-trân-châu .title,
.mood-trà-sữa-trân-châu h3 {
color: #795548;
}

.mood-trà-sữa-trân-châu .feature {
background: #8d6e63;
  color: #fff;
  border: 2px dashed #5d4037;
  box-shadow: 0 0 6px #d7ccc8aa;
}

/* Mood: Kẹo Gummy Cầu Vồng */
.mood-kẹo-gummy-cầu-vồng body,
.mood-kẹo-gummy-cầu-vồng .menu-panel {
background: linear-gradient(to right, #f8bbd0, #ffe0b2, #b2dfdb);
color: #4a148c;
font-family: 'Comic Neue', monospace;
}

.mood-kẹo-gummy-cầu-vồng header,
.mood-kẹo-gummy-cầu-vồng footer,
.mood-kẹo-gummy-cầu-vồng h1 {
background: #ffffff;
color: #8e24aa;
}

.mood-kẹo-gummy-cầu-vồng h2,
.mood-kẹo-gummy-cầu-vồng details {
color: #ab47bc;
}

.mood-kẹo-gummy-cầu-vồng summary,
.mood-kẹo-gummy-cầu-vồng .nav-btn,
.mood-kẹo-gummy-cầu-vồng .page-btn,
.mood-kẹo-gummy-cầu-vồng .btn-404,
.mood-kẹo-gummy-cầu-vồng .fic a {
background: #ec407a;
color: #fff;
border: 2px solid #ec407a;
transition: background 0.2s;
}

.mood-kẹo-gummy-cầu-vồng .nav-btn:hover,
.mood-kẹo-gummy-cầu-vồng .page-btn:hover,
.mood-kẹo-gummy-cầu-vồng .btn-404:hover,
.mood-kẹo-gummy-cầu-vồng .fic a:hover {
background: #d81b60;
transform: scale(1.08) rotate(-1deg);
}

.mood-kẹo-gummy-cầu-vồng .page-list a,
.mood-kẹo-gummy-cầu-vồng .tool-list a,
.mood-kẹo-gummy-cầu-vồng .log,
.mood-kẹo-gummy-cầu-vồng .fic {
background: #ffffff;
border: 2px solid #ec407a;
border-left: 4px solid #ec407a;
}

.mood-kẹo-gummy-cầu-vồng input[type="file"],
.mood-kẹo-gummy-cầu-vồng .page-list strong,
.mood-kẹo-gummy-cầu-vồng .tool-list strong,
.mood-kẹo-gummy-cầu-vồng .title,
.mood-kẹo-gummy-cầu-vồng h3 {
color: #ab47bc;
}

.mood-kẹo-gummy-cầu-vồng .feature {
background: linear-gradient(to right, #fce4ec, #fff3e0, #e0f2f1); /* dịu hơn */
  color: #6a1b9a;
border: 2px solid #ec407a;
box-shadow: 0 0 8px #ec407a80;
}

/* Mood: Công Chúa Cổ Điển */
.mood-công-chúa-cổ-điển body,
.mood-công-chúa-cổ-điển .menu-panel {
background: linear-gradient(to bottom, #fff8f0, #ffeef5);
font-family: 'Parisienne', cursive;
color: #6a1b9a;
}

.mood-công-chúa-cổ-điển header,
.mood-công-chúa-cổ-điển footer,
.mood-công-chúa-cổ-điển h1 {
background: #ffffff;
color: #ec407a;
}

.mood-công-chúa-cổ-điển h2,
.mood-công-chúa-cổ-điển details {
color: #c2185b;
}

.mood-công-chúa-cổ-điển summary,
.mood-công-chúa-cổ-điển .nav-btn,
.mood-công-chúa-cổ-điển .page-btn,
.mood-công-chúa-cổ-điển .btn-404,
.mood-công-chúa-cổ-điển .fic a {
background: #f48fb1;
color: #fffafc;
border: 2px solid #f48fb1;
transition: background 0.2s;
}

.mood-công-chúa-cổ-điển .nav-btn:hover,
.mood-công-chúa-cổ-điển .page-btn:hover,
.mood-công-chúa-cổ-điển .btn-404:hover,
.mood-công-chúa-cổ-điển .fic a:hover {
background: #ec407a;
transform: scale(1.05) rotate(-0.5deg);
  transition: all 0.2s ease-in-out;
}

.mood-công-chúa-cổ-điển .page-list a,
.mood-công-chúa-cổ-điển .tool-list a,
.mood-công-chúa-cổ-điển .log,
.mood-công-chúa-cổ-điển .fic {
background: #fffafc;
border: 2px solid #f48fb1;
border-left: 4px solid #f48fb1;
}

.mood-công-chúa-cổ-điển input[type="file"],
.mood-công-chúa-cổ-điển .page-list strong,
.mood-công-chúa-cổ-điển .tool-list strong,
.mood-công-chúa-cổ-điển .title,
.mood-công-chúa-cổ-điển h3 {
color: #c2185b;
}

.mood-công-chúa-cổ-điển .feature {
background: linear-gradient(to bottom, #fffaf0, #fce4ec); /* dịu hơn */
  color: #7b1fa2;
border: 2px solid #f48fb1;
}

/* Mood: Cung Điện Disney */
.mood-cung-điện-disney body,
.mood-cung-điện-disney .menu-panel {
background: radial-gradient(circle, #ede7f6, #b39ddb);
font-family: 'Yeseva One', cursive;
color: #311b92;
}

.mood-cung-điện-disney header,
.mood-cung-điện-disney footer,
.mood-cung-điện-disney h1 {
background: #ede7f6;
color: #4527a0;
}

.mood-cung-điện-disney h2,
.mood-cung-điện-disney details {
color: #5e35b1;
}

.mood-cung-điện-disney summary,
.mood-cung-điện-disney .nav-btn,
.mood-cung-điện-disney .page-btn,
.mood-cung-điện-disney .btn-404,
.mood-cung-điện-disney .fic a {
background: #7e57c2;
color: #ffffff;
border: 2px solid #7e57c2;
transition: background 0.2s;
}

.mood-cung-điện-disney .nav-btn:hover,
.mood-cung-điện-disney .page-btn:hover,
.mood-cung-điện-disney .btn-404:hover,
.mood-cung-điện-disney .fic a:hover {
background: #5e35b1;
transform: scale(1.05) rotate(-0.5deg);
}

.mood-cung-điện-disney .page-list a,
.mood-cung-điện-disney .tool-list a,
.mood-cung-điện-disney .log,
.mood-cung-điện-disney .fic {
background: #ffffff;
border: 2px solid #7e57c2;
border-left: 4px solid #7e57c2;
}

.mood-cung-điện-disney input[type="file"],
.mood-cung-điện-disney .page-list strong,
.mood-cung-điện-disney .tool-list strong,
.mood-cung-điện-disney .title,
.mood-cung-điện-disney h3 {
color: #5e35b1;
}

.mood-cung-điện-disney .feature {
background: #d1c4e9;
color: #4a148c;
border: 2px solid #7e57c2;
box-shadow: 0 0 8px #9575cd99;
}

/* Mood: Hoàng Hôn Simba */
.mood-hoàng-hôn-simba body,
.mood-hoàng-hôn-simba .menu-panel {
background: linear-gradient(to bottom, #fff3e0, #ffe0b2);
font-family: 'Playfair Display', serif;
color: #4e342e;
}

.mood-hoàng-hôn-simba header,
.mood-hoàng-hôn-simba footer,
.mood-hoàng-hôn-simba h1 {
background: #ffe0b2;
color: #ef6c00;
}

.mood-hoàng-hôn-simba h2,
.mood-hoàng-hôn-simba details {
color: #e65100;
}

.mood-hoàng-hôn-simba summary,
.mood-hoàng-hôn-simba .nav-btn,
.mood-hoàng-hôn-simba .page-btn,
.mood-hoàng-hôn-simba .btn-404,
.mood-hoàng-hôn-simba .fic a {
background: #fbc02d;
color: #3e2723;
border: 2px solid #fbc02d;
transition: background 0.2s;
}

.mood-hoàng-hôn-simba .nav-btn:hover,
.mood-hoàng-hôn-simba .page-btn:hover,
.mood-hoàng-hôn-simba .btn-404:hover,
.mood-hoàng-hôn-simba .fic a:hover {
background: #f57c00;
color: #ffffff;
transform: scale(1.05);
}

.mood-hoàng-hôn-simba .page-list a,
.mood-hoàng-hôn-simba .tool-list a,
.mood-hoàng-hôn-simba .log,
.mood-hoàng-hôn-simba .fic {
background: #fff8e1;
border: 2px solid #ffb300;
border-left: 4px solid #ffb300;
}

.mood-hoàng-hôn-simba input[type="file"],
.mood-hoàng-hôn-simba .page-list strong,
.mood-hoàng-hôn-simba .tool-list strong,
.mood-hoàng-hôn-simba .title,
.mood-hoàng-hôn-simba h3 {
color: #e65100;
}

.mood-hoàng-hôn-simba .feature {
background: #ffe0b2;
color: #3e2723;
border: 2px solid #fbc02d;
}

/* Mood: Nữ Hoàng Băng Giá (Elsa mode) */
.mood-nữ-hoàng-băng-giá body,
.mood-nữ-hoàng-băng-giá .menu-panel {
background: linear-gradient(to bottom, #b3e5fc, #ffffff);
font-family: 'Raleway', sans-serif;
color: #01579b;
}

.mood-nữ-hoàng-băng-giá header,
.mood-nữ-hoàng-băng-giá footer,
.mood-nữ-hoàng-băng-giá h1 {
background: #e1f5fe;
color: #0288d1;
}

.mood-nữ-hoàng-băng-giá h2,
.mood-nữ-hoàng-băng-giá details {
color: #0277bd;
}

.mood-nữ-hoàng-băng-giá summary,
.mood-nữ-hoàng-băng-giá .nav-btn,
.mood-nữ-hoàng-băng-giá .page-btn,
.mood-nữ-hoàng-băng-giá .btn-404,
.mood-nữ-hoàng-băng-giá .fic a {
background: #81d4fa;
color: #ffffff;
border: 2px solid #81d4fa;
transition: background 0.2s;
}

.mood-nữ-hoàng-băng-giá .nav-btn:hover,
.mood-nữ-hoàng-băng-giá .page-btn:hover,
.mood-nữ-hoàng-băng-giá .btn-404:hover,
.mood-nữ-hoàng-băng-giá .fic a:hover {
background: #0288d1;
transform: scale(1.05);
}

.mood-nữ-hoàng-băng-giá .page-list a,
.mood-nữ-hoàng-băng-giá .tool-list a,
.mood-nữ-hoàng-băng-giá .log,
.mood-nữ-hoàng-băng-giá .fic {
background: #ffffff;
border: 2px solid #4fc3f7;
border-left: 4px solid #4fc3f7;
}

.mood-nữ-hoàng-băng-giá input[type="file"],
.mood-nữ-hoàng-băng-giá .page-list strong,
.mood-nữ-hoàng-băng-giá .tool-list strong,
.mood-nữ-hoàng-băng-giá .title,
.mood-nữ-hoàng-băng-giá h3 {
color: #0277bd;
}

.mood-nữ-hoàng-băng-giá .feature {
background: #4fc3f7;
color: #ffffff;
border: 2px solid #4fc3f7;
}

/* Mood: Maleficent Vibes */
.mood-maleficent-vibes body,
.mood-maleficent-vibes .menu-panel {
background: linear-gradient(to bottom, #1a1a1a, #2a0035);
color: #e0e0e0;
font-family: 'Cinzel', serif;
}

.mood-maleficent-vibes header,
.mood-maleficent-vibes footer,
.mood-maleficent-vibes h1 {
background: #290030;
color: #9c27b0;
}

.mood-maleficent-vibes h2,
.mood-maleficent-vibes details {
color: #ce93d8;
background: #111;
}

.mood-maleficent-vibes summary,
.mood-maleficent-vibes .nav-btn,
.mood-maleficent-vibes .page-btn,
.mood-maleficent-vibes .btn-404,
.mood-maleficent-vibes .fic a {
background: #8e24aa;
color: #ccc;
border: 2px solid #8e24aa;
transition: background 0.2s;
}

.mood-maleficent-vibes .nav-btn:hover,
.mood-maleficent-vibes .page-btn:hover,
.mood-maleficent-vibes .btn-404:hover,
.mood-maleficent-vibes .fic a:hover {
background: #7b1fa2;
transform: scale(1.06);
}

.mood-maleficent-vibes .page-list a,
.mood-maleficent-vibes .tool-list a,
.mood-maleficent-vibes .log,
.mood-maleficent-vibes .fic {
background: #1e1e2e;
border: 2px solid #8e24aa;
border-left: 4px solid #8e24aa;
}

.mood-maleficent-vibes input[type="file"],
.mood-maleficent-vibes .page-list strong,
.mood-maleficent-vibes .tool-list strong,
.mood-maleficent-vibes .title,
.mood-maleficent-vibes h3 {
color: #ce93d8;
}

.mood-maleficent-vibes .page-list span,
.mood-maleficent-vibes .tool-list span,
.mood-maleficent-vibes .desc,
.mood-maleficent-vibes p {
color: #ccc;
}

.mood-maleficent-vibes .feature {
background: linear-gradient(to top, #1a1a1a, #2e003e);
color: #ccc;
border: 2px solid #6a1b9a;
}

/* Mood: Evil Queen (Snow White) */
.mood-evil-queen body,
.mood-evil-queen .menu-panel {
background: linear-gradient(to bottom, #2c0000, #000000);
color: #f5f5f5;
font-family: 'Playfair Display', serif;
}

.mood-evil-queen header,
.mood-evil-queen footer,
.mood-evil-queen h1 {
background: #4a0000;
color: #f44336;
}

.mood-evil-queen h2,
.mood-evil-queen details {
color: #ff1744;
background: #111;
}

.mood-evil-queen summary,
.mood-evil-queen .nav-btn,
.mood-evil-queen .page-btn,
.mood-evil-queen .btn-404,
.mood-evil-queen .fic a {
background: #a00028;
color: #ffffff;
border: 2px solid #a00028;
transition: background 0.2s;
}

.mood-evil-queen .nav-btn:hover,
.mood-evil-queen .page-btn:hover,
.mood-evil-queen .btn-404:hover,
.mood-evil-queen .fic a:hover {
background: #c62828;
transform: scale(1.05);
}

.mood-evil-queen .page-list a,
.mood-evil-queen .tool-list a,
.mood-evil-queen .log,
.mood-evil-queen .fic {
background: #2a1a1a;
border: 2px solid #ff1744;
border-left: 4px solid #ff1744;
}

.mood-evil-queen input[type="file"],
.mood-evil-queen .page-list strong,
.mood-evil-queen .tool-list strong,
.mood-evil-queen .title,
.mood-evil-queen h3 {
color: #cc0000;
}

.mood-evil-queen .page-list span,
.mood-evil-queen .tool-list span,
.mood-evil-queen .desc,
.mood-evil-queen p {
color: #f28b82;
}

.mood-evil-queen .feature {
background: #5c0a13;
  color: #ffeaea;
border: 2px solid #7c1b1b;
}

/* Mood: Ursula from Under the Sea */
.mood-ursula-from-under-the-sea body,
.mood-ursula-from-under-the-sea .menu-panel {
background: linear-gradient(to bottom, #3f0071, #00002a);
color: #d1c4e9;
font-family: 'Cormorant Garamond', serif;
}

.mood-ursula-from-under-the-sea header,
.mood-ursula-from-under-the-sea footer,
.mood-ursula-from-under-the-sea h1 {
background: #4a148c;
color: #f3e5f5;
}

.mood-ursula-from-under-the-sea h2,
.mood-ursula-from-under-the-sea details {
color: #b39ddb;
background: #111;
}

.mood-ursula-from-under-the-sea summary,
.mood-ursula-from-under-the-sea .nav-btn,
.mood-ursula-from-under-the-sea .page-btn,
.mood-ursula-from-under-the-sea .btn-404,
.mood-ursula-from-under-the-sea .fic a {
background: #6a1b9a;
color: #f3e5f5;
border: 2px solid #9575cd;
transition: background 0.2s;
}

.mood-ursula-from-under-the-sea .nav-btn:hover,
.mood-ursula-from-under-the-sea .page-btn:hover,
.mood-ursula-from-under-the-sea .btn-404:hover,
.mood-ursula-from-under-the-sea .fic a:hover {
background: #4a148c;
color: #ffffff;
transform: scale(1.05);
box-shadow: 0 0 6px rgba(147, 112, 219, 0.4);
}

.mood-ursula-from-under-the-sea .page-list a,
.mood-ursula-from-under-the-sea .tool-list a,
.mood-ursula-from-under-the-sea .log,
.mood-ursula-from-under-the-sea .fic {
background: #1a0033;
border: 2px solid #9575cd;
border-left: 4px solid #9575cd;
}

.mood-ursula-from-under-the-sea input[type="file"],
.mood-ursula-from-under-the-sea .page-list strong,
.mood-ursula-from-under-the-sea .tool-list strong,
.mood-ursula-from-under-the-sea .title,
.mood-ursula-from-under-the-sea h3 {
color: #b39ddb;
}

.mood-ursula-from-under-the-sea .page-list span,
.mood-ursula-from-under-the-sea .tool-list span,
.mood-ursula-from-under-the-sea .desc,
.mood-ursula-from-under-the-sea p {
color: #d1c4e9;
}

.mood-ursula-from-under-the-sea .feature {
background: #7e57c2;
color: #fffafc;
border: 2px solid #b39ddb;
}

/* Mood: Cruella de Vil – Fashion Villain */
.mood-cruella-de-vil-fashion-villain body,
.mood-cruella-de-vil-fashion-villain .menu-panel {
background: linear-gradient(to bottom, #eeeeee, #ffffff);
color: #212121;
font-family: 'Lora', serif;
}

.mood-cruella-de-vil-fashion-villain header,
.mood-cruella-de-vil-fashion-villain footer,
.mood-cruella-de-vil-fashion-villain h1 {
background: #000000;
color: #ef5350;
}

.mood-cruella-de-vil-fashion-villain h2,
.mood-cruella-de-vil-fashion-villain details {
color: #b71c1c;
}

.mood-cruella-de-vil-fashion-villain summary,
.mood-cruella-de-vil-fashion-villain .nav-btn,
.mood-cruella-de-vil-fashion-villain .page-btn,
.mood-cruella-de-vil-fashion-villain .btn-404,
.mood-cruella-de-vil-fashion-villain .fic a {
background: #b71c1c;
color: #ffffff;
border: 2px solid #880e4f;
transition: background 0.2s;
}

.mood-cruella-de-vil-fashion-villain .nav-btn:hover,
.mood-cruella-de-vil-fashion-villain .page-btn:hover,
.mood-cruella-de-vil-fashion-villain .btn-404:hover,
.mood-cruella-de-vil-fashion-villain .fic a:hover {
background: #b71c1c;
transform: scale(1.05) rotate(-1deg);
}

.mood-cruella-de-vil-fashion-villain .page-list a,
.mood-cruella-de-vil-fashion-villain .tool-list a,
.mood-cruella-de-vil-fashion-villain .log,
.mood-cruella-de-vil-fashion-villain .fic {
background: #fcf8f8;
border: 2px solid #c62828;
border-left: 4px solid #c62828;
}

.mood-cruella-de-vil-fashion-villain input[type="file"],
.mood-cruella-de-vil-fashion-villain .page-list strong,
.mood-cruella-de-vil-fashion-villain .tool-list strong,
.mood-cruella-de-vil-fashion-villain .title,
.mood-cruella-de-vil-fashion-villain h3 {
color: #b71c1c;
}

.mood-cruella-de-vil-fashion-villain .feature {
background: #c62828;
color: #ffffff;
border: 2px solid #c62828;
}

/* Mood: Cyberpunk City 2088 */
.mood-cyberpunk-city-2088 body,
.mood-cyberpunk-city-2088 .menu-panel {
background: linear-gradient(to bottom, #0f0c29, #302b63, #24243e);
color: #00e5ff;
font-family: 'Orbitron', sans-serif;
}

.mood-cyberpunk-city-2088 header,
.mood-cyberpunk-city-2088 footer,
.mood-cyberpunk-city-2088 h1 {
background: #1a1a40;
color: #69f0ae;
}

.mood-cyberpunk-city-2088 h2,
.mood-cyberpunk-city-2088 details {
color: #00e5ff;
background: #111;
}

.mood-cyberpunk-city-2088 summary,
.mood-cyberpunk-city-2088 .nav-btn,
.mood-cyberpunk-city-2088 .page-btn,
.mood-cyberpunk-city-2088 .btn-404,
.mood-cyberpunk-city-2088 .fic a {
background: #1c1c1c;
  color: #00e5ff;
  border: 2px solid #00e676;
  box-shadow: none;
transition: background 0.2s;
}

.mood-cyberpunk-city-2088 .nav-btn:hover,
.mood-cyberpunk-city-2088 .page-btn:hover,
.mood-cyberpunk-city-2088 .btn-404:hover,
.mood-cyberpunk-city-2088 .fic a:hover {
background: #00bcd4;
  color: #000;
  box-shadow: 0 0 6px #00e676;
}

.mood-cyberpunk-city-2088 .page-list a,
.mood-cyberpunk-city-2088 .tool-list a,
.mood-cyberpunk-city-2088 .log,
.mood-cyberpunk-city-2088 .fic {
background: #181818;
  border: 2px solid #26c6da;
  border-left: 4px solid #00e5ff;
  color: #e0f7fa;
}

.mood-cyberpunk-city-2088 input[type="file"],
.mood-cyberpunk-city-2088 .page-list strong,
.mood-cyberpunk-city-2088 .tool-list strong,
.mood-cyberpunk-city-2088 .title,
.mood-cyberpunk-city-2088 h3 {
color: #00ffff;
}

.mood-cyberpunk-city-2088 .page-list span,
.mood-cyberpunk-city-2088 .tool-list span,
.mood-cyberpunk-city-2088 .desc,
.mood-cyberpunk-city-2088 p {
color: #ffffff;
}

.mood-cyberpunk-city-2088 .feature {
background: #00e5ff;
color: #000000;
box-shadow: 0 0 8px #00e676;
border: 2px solid #00e676;
}

/* Mood: Space Odyssey: Sao Băng Trôi */
.mood-space-odyssey-sao-băng-trôi body,
.mood-space-odyssey-sao-băng-trôi .menu-panel {
background: radial-gradient(circle at center, #1c1c1c, #000000);
color: #cfd8dc;
font-family: 'Share Tech Mono', monospace;
}

.mood-space-odyssey-sao-băng-trôi header,
.mood-space-odyssey-sao-băng-trôi footer,
.mood-space-odyssey-sao-băng-trôi h1 {
background: #263238;
color: #00bcd4;
}

.mood-space-odyssey-sao-băng-trôi h2,
.mood-space-odyssey-sao-băng-trôi details {
color: #26c6da;
background: #111;
}

.mood-space-odyssey-sao-băng-trôi summary,
.mood-space-odyssey-sao-băng-trôi .nav-btn,
.mood-space-odyssey-sao-băng-trôi .page-btn,
.mood-space-odyssey-sao-băng-trôi .btn-404,
.mood-space-odyssey-sao-băng-trôi .fic a {
background: #00bcd4;
color: #000000;
box-shadow: 0 0 8px #26c6da;
border: 2px solid #4dd0e1;
transition: background 0.2s;
}

.mood-space-odyssey-sao-băng-trôi .nav-btn:hover,
.mood-space-odyssey-sao-băng-trôi .page-btn:hover,
.mood-space-odyssey-sao-băng-trôi .btn-404:hover,
.mood-space-odyssey-sao-băng-trôi .fic a:hover {
background: #37474f;
  color: #ffffff;
  box-shadow: 0 0 6px #26c6da;
}

.mood-space-odyssey-sao-băng-trôi .page-list a,
.mood-space-odyssey-sao-băng-trôi .tool-list a,
.mood-space-odyssey-sao-băng-trôi .log,
.mood-space-odyssey-sao-băng-trôi .fic {
background: #263238;
  color: #00bcd4;
  border: 2px solid #4dd0e1;
  box-shadow: none;
}

.mood-space-odyssey-sao-băng-trôi input[type="file"],
.mood-space-odyssey-sao-băng-trôi .page-list strong,
.mood-space-odyssey-sao-băng-trôi .tool-list strong,
.mood-space-odyssey-sao-băng-trôi .title,
.mood-space-odyssey-sao-băng-trôi h3 {
color: #26c6da;
}

.mood-space-odyssey-sao-băng-trôi .page-list span,
.mood-space-odyssey-sao-băng-trôi .tool-list span,
.mood-space-odyssey-sao-băng-trôi .desc,
.mood-space-odyssey-sao-băng-trôi p {
color: #ffffff;
}

.mood-space-odyssey-sao-băng-trôi .feature {
  background: #263238;
  color: #00bcd4;
  border: 2px solid #4dd0e1;
  box-shadow: none;
}

.mood-space-odyssey-sao-băng-trôi .feature:hover {
  box-shadow: 0 0 8px #26c6da;
  background: #37474f;
  transform: scale(1.02);
}

/* Mood: Hệ Điều Hành LaylaOS */
.mood-hệ-điều-hành-layla-os body,
.mood-hệ-điều-hành-layla-os .menu-panel {
background: linear-gradient(to bottom, #e3f2fd, #ffffff);
color: #263238;
font-family: 'Ubuntu Mono', monospace;
}

.mood-hệ-điều-hành-layla-os header,
.mood-hệ-điều-hành-layla-os footer,
.mood-hệ-điều-hành-layla-os h1 {
background: #bbdefb;
color: #0d47a1;
}

.mood-hệ-điều-hành-layla-os h2,
.mood-hệ-điều-hành-layla-os details {
color: #1e88e5;
}

.mood-hệ-điều-hành-layla-os summary,
.mood-hệ-điều-hành-layla-os .nav-btn,
.mood-hệ-điều-hành-layla-os .page-btn,
.mood-hệ-điều-hành-layla-os .btn-404,
.mood-hệ-điều-hành-layla-os .fic a {
background: #42a5f5;
color: #ffffff;
box-shadow: 0 0 5px #64b5f6;
border: 2px solid #42a5f5;
transition: background 0.2s;
}

.mood-hệ-điều-hành-layla-os .nav-btn:hover,
.mood-hệ-điều-hành-layla-os .page-btn:hover,
.mood-hệ-điều-hành-layla-os .btn-404:hover,
.mood-hệ-điều-hành-layla-os .fic a:hover {
background: #008ba3;
transform: translateY(-1px);
}

.mood-hệ-điều-hành-layla-os .page-list a,
.mood-hệ-điều-hành-layla-os .tool-list a,
.mood-hệ-điều-hành-layla-os .log,
.mood-hệ-điều-hành-layla-os .fic {
border: 2px solid #4dd0e1;
border-left: 4px solid #4dd0e1;
}

.mood-hệ-điều-hành-layla-os input[type="file"],
.mood-hệ-điều-hành-layla-os .page-list strong,
.mood-hệ-điều-hành-layla-os .tool-list strong,
.mood-hệ-điều-hành-layla-os .title,
.mood-hệ-điều-hành-layla-os h3 {
color: #26c6da;
}

.mood-hệ-điều-hành-layla-os .feature {
background: #f1f8ff;
  color: #1976d2;
  box-shadow: none;
  border: 2px dashed #90caf9;
}

.mood-hệ-điều-hành-layla-os code,
.mood-hệ-điều-hành-layla-os pre {
  background: #e0f7fa;
  color: #004d40;
  padding: 4px 8px;
  border-radius: 4px;
}

/* Mood: Neon Lab Virus Test Zone */
.mood-neon-lab-virus-test-zone body,
.mood-neon-lab-virus-test-zone .menu-panel {
background: linear-gradient(to right, #000000, #002b36);
color: #00ff99;
font-family: 'VT323', monospace;
}

.mood-neon-lab-virus-test-zone header,
.mood-neon-lab-virus-test-zone footer,
.mood-neon-lab-virus-test-zone h1 {
background: #111;
color: #ff3d00;
}

.mood-neon-lab-virus-test-zone h2,
.mood-neon-lab-virus-test-zone details {
color: #ff1744;
background: #111;
}

.mood-neon-lab-virus-test-zone summary,
.mood-neon-lab-virus-test-zone .nav-btn,
.mood-neon-lab-virus-test-zone .page-btn,
.mood-neon-lab-virus-test-zone .btn-404,
.mood-neon-lab-virus-test-zone .fic a {
background: #00ffcc;
color: #000000;
box-shadow: 0 0 8px #00ffcc;
border: 2px solid #00ffcc;
transition: background 0.2s;
}

.mood-neon-lab-virus-test-zone .nav-btn:hover,
.mood-neon-lab-virus-test-zone .page-btn:hover,
.mood-neon-lab-virus-test-zone .btn-404:hover,
.mood-neon-lab-virus-test-zone .fic a:hover {
background: #ff1744;
color: #ffffff;
box-shadow: 0 0 12px #ff1744;
transform: scale(1.05) rotate(-1deg);
}

.mood-neon-lab-virus-test-zone .page-list a,
.mood-neon-lab-virus-test-zone .tool-list a,
.mood-neon-lab-virus-test-zone .log,
.mood-neon-lab-virus-test-zone .fic {
background: #1b1b1b;
border: 2px solid #00ffcc;
border-left: 4px solid #00ffcc;
}

.mood-neon-lab-virus-test-zone input[type="file"],
.mood-neon-lab-virus-test-zone .page-list strong,
.mood-neon-lab-virus-test-zone .tool-list strong,
.mood-neon-lab-virus-test-zone .title,
.mood-neon-lab-virus-test-zone h3 {
color: #ff1744;
}

.mood-neon-lab-virus-test-zone .page-list span,
.mood-neon-lab-virus-test-zone .tool-list span,
.mood-neon-lab-virus-test-zone .desc,
.mood-neon-lab-virus-test-zone p {
color: #ffffff;
}

.mood-neon-lab-virus-test-zone .feature {
background: #004d40;
box-shadow: 0 0 2px rgba(0,255,204,0.3);
border: 2px solid #009688;
color: #ffffff;
}

/* Mood: Layla.EXE */
.mood-layla-exe body,
.mood-layla-exe .menu-panel {
background: repeating-linear-gradient(45deg, #2a0000, #2a0000 10px, #000 10px, #000 20px);
  color: #39ff14; /* sáng nhưng không đau */
  font-family: 'VT323', monospace;
}

.mood-layla-exe header,
.mood-layla-exe footer,
.mood-layla-exe h1 {
background: #000000;
  color: #ff3d00;
  text-transform: uppercase;
}

.mood-layla-exe h2,
.mood-layla-exe details {
color: #ffea00;
background: #111;
}

.mood-layla-exe summary,
.mood-layla-exe .nav-btn,
.mood-layla-exe .page-btn,
.mood-layla-exe .btn-404,
.mood-layla-exe .fic a {
background: #ff3d00;
color: #000000;
box-shadow: 0 0 6px #ffff00;
border: 2px solid #ffff00;
transition: background 0.2s;
}

.mood-layla-exe .nav-btn:hover,
.mood-layla-exe .page-btn:hover,
.mood-layla-exe .btn-404:hover,
.mood-layla-exe .fic a:hover {
background: #ffff00;
color: #000000;
box-shadow: 0 0 12px #ff1744;
transform: scale(1.05) skewX(-2deg);
}

.mood-layla-exe .page-list a,
.mood-layla-exe .tool-list a,
.mood-layla-exe .log,
.mood-layla-exe .fic {
background: #111111;
  border-left: 4px dashed #ffff00;
}

.mood-layla-exe input[type="file"],
.mood-layla-exe .page-list strong,
.mood-layla-exe .tool-list strong,
.mood-layla-exe .title,
.mood-layla-exe h3 {
color: #ffea00;
  text-shadow: 0 0 5px #ffea00;
}

.mood-layla-exe .page-list span,
.mood-layla-exe .tool-list span,
.mood-layla-exe .desc,
.mood-layla-exe p {
color: #ffffff;
}

.mood-layla-exe .feature {
background: #000000;
color: #ff3d00;
box-shadow: 0 0 6px #ffff00;
border: 2px solid #ffff00;
}

.mood-layla-exe * {
  animation: glitch 0.15s infinite alternate;
}
@keyframes glitch {
  0% { transform: translateX(0px); }
  100% { transform: translateX(1px); }
}

/* Mood: Blue Screen of fic */
.mood-blue-screen-of-fic body,
.mood-blue-screen-of-fic .menu-panel {
background: #01007a;
color: #ffffff;
font-family: 'Courier New', monospace;
}

.mood-blue-screen-of-fic header,
.mood-blue-screen-of-fic footer,
.mood-blue-screen-of-fic h1 {
text-transform: uppercase;
color: #ffffff;
background: #01007a;
}

.mood-blue-screen-of-fic header::before,
.mood-blue-screen-of-fic footer::before,
.mood-blue-screen-of-fic h1::before {
  content: "💥 ";
}

.mood-blue-screen-of-fic h2,
.mood-blue-screen-of-fic details {
color: #ffff00;
background: #000;
}

.mood-blue-screen-of-fic summary,
.mood-blue-screen-of-fic .nav-btn,
.mood-blue-screen-of-fic .page-btn,
.mood-blue-screen-of-fic .btn-404,
.mood-blue-screen-of-fic .fic a {
background: #ffff00;
color: #01007a;
border: 2px solid #ffffff;
transition: background 0.2s;
}

.mood-blue-screen-of-fic .nav-btn:hover,
.mood-blue-screen-of-fic .page-btn:hover,
.mood-blue-screen-of-fic .btn-404:hover,
.mood-blue-screen-of-fic .fic a:hover {
background: #ffffff;
color: #000000;
transform: translateY(-1px);
}

.mood-blue-screen-of-fic .page-list a,
.mood-blue-screen-of-fic .tool-list a,
.mood-blue-screen-of-fic .log,
.mood-blue-screen-of-fic .fic {
border: 2px dashed #ffffff;
background: rgba(255, 255, 255, 0.1);
}

.mood-blue-screen-of-fic input[type="file"],
.mood-blue-screen-of-fic .page-list strong,
.mood-blue-screen-of-fic .tool-list strong,
.mood-blue-screen-of-fic .title,
.mood-blue-screen-of-fic h3 {
color: #ffff00;
}

.mood-blue-screen-of-fic .page-list span,
.mood-blue-screen-of-fic .tool-list span,
.mood-blue-screen-of-fic .desc,
.mood-blue-screen-of-fic p {
color: #ffffff;
}

.mood-blue-screen-of-fic .feature {
  background: rgba(255, 255, 255, 0.15);
  color: #ffff00;
  border: 2px dashed #ffff00;
}

.mood-blue-screen-of-fic * {
  cursor: not-allowed;
}

/* Mood: Terminal Error Detected */
.mood-terminal-error-detected body,
.mood-terminal-error-detected .menu-panel {
background: repeating-linear-gradient(
    0deg,
    #1a1a1a 0px,
    #1a1a1a 2px,
    #111 2px,
    #111 4px
  );
color: #00ff00;
font-family: 'Courier New', monospace;
}

.mood-terminal-error-detected header,
.mood-terminal-error-detected footer,
.mood-terminal-error-detected h1 {
background: #000000;
color: #00ff00;
}

.mood-terminal-error-detected h2,
.mood-terminal-error-detected details {
color: #00ff00;
background: #111;
}

.mood-terminal-error-detected summary,
.mood-terminal-error-detected .nav-btn,
.mood-terminal-error-detected .page-btn,
.mood-terminal-error-detected .btn-404,
.mood-terminal-error-detected .fic a {
background: #1a1a1a;
color: #00ff00;
border: 2px solid #00ff00;
transition: background 0.2s;
}

.mood-terminal-error-detected .nav-btn:hover,
.mood-terminal-error-detected .page-btn:hover,
.mood-terminal-error-detected .btn-404:hover,
.mood-terminal-error-detected .fic a:hover {
background: #00ff00;
color: #000000;
transform: scale(1.05);
box-shadow: 0 0 6px #00ff00;
}

.mood-terminal-error-detected .page-list a,
.mood-terminal-error-detected .tool-list a,
.mood-terminal-error-detected .log,
.mood-terminal-error-detected .fic {
background: #000000;
border: 2px solid #00ff00;
border-left: 4px solid #00ff00;
}

.mood-terminal-error-detected input[type="file"],
.mood-terminal-error-detected .page-list strong,
.mood-terminal-error-detected .tool-list strong,
.mood-terminal-error-detected .title,
.mood-terminal-error-detected h3 {
color: #00ff00;
}


.mood-terminal-error-detected input[type="file"],
.mood-terminal-error-detected .page-list strong,
.mood-terminal-error-detected .tool-list strong,
.mood-terminal-error-detected .title,
.mood-terminal-error-detected h3 {
  animation: blink 1s step-start infinite;
}

@keyframes blink {
  50% { opacity: 0; }
}

.mood-terminal-error-detected .page-list span,
.mood-terminal-error-detected .tool-list span,
.mood-terminal-error-detected .desc,
.mood-terminal-error-detected p {
color: #00ff00;
}

.mood-terminal-error-detected .feature {
background: #1a1a1a;
color: #00ff00;
border: 2px solid #00ff00;
}

/* Mood: Layla.AI Gone Rogue */
.mood-layla-ai-gone-rogue body,
.mood-layla-ai-gone-rogue .menu-panel {
background: #1a1a1a;
color: #ff0033;
font-family: 'Courier New', Courier, monospace;
}

.mood-layla-ai-gone-rogue header,
.mood-layla-ai-gone-rogue footer,
.mood-layla-ai-gone-rogue h1 {
background: #000000;
color: #ff0033;
}

.mood-layla-ai-gone-rogue h2,
.mood-layla-ai-gone-rogue details {
color: #ff0033;
background: #111;
}

.mood-layla-ai-gone-rogue summary,
.mood-layla-ai-gone-rogue .nav-btn,
.mood-layla-ai-gone-rogue .page-btn,
.mood-layla-ai-gone-rogue .btn-404,
.mood-layla-ai-gone-rogue .fic a {
background: #1a1a1a;
color: #ff3366;
border: 2px solid #ff0033;
box-shadow: 0 0 6px #ff0033;
transition: background 0.2s;
}

.mood-layla-ai-gone-rogue .nav-btn:hover,
.mood-layla-ai-gone-rogue .page-btn:hover,
.mood-layla-ai-gone-rogue .btn-404:hover,
.mood-layla-ai-gone-rogue .fic a:hover {
background: #ff0033;
color: #000000;
transform: scale(1.05);
box-shadow: 0 0 12px #ff0033;
}

.mood-layla-ai-gone-rogue .page-list a,
.mood-layla-ai-gone-rogue .tool-list a,
.mood-layla-ai-gone-rogue .log,
.mood-layla-ai-gone-rogue .fic {
background: #000000;
border: 2px solid #ff0033;
border-left: 4px solid #ff0033;
}

.mood-layla-ai-gone-rogue input[type="file"],
.mood-layla-ai-gone-rogue .page-list strong,
.mood-layla-ai-gone-rogue .tool-list strong,
.mood-layla-ai-gone-rogue .title,
.mood-layla-ai-gone-rogue h3 {
color: #ff0033;
text-shadow: 0 0 4px #ff0033, 0 0 10px #ff3366;
}


.mood-layla-ai-gone-rogue input[type="file"],
.mood-layla-ai-gone-rogue .page-list strong,
.mood-layla-ai-gone-rogue .tool-list strong,
.mood-layla-ai-gone-rogue .title,
.mood-layla-ai-gone-rogue h3 {
  animation: glitch 1s infinite;
}

@keyframes glitch {
  0% { transform: translate(0); }
  20% { transform: translate(-2px, 1px); }
  40% { transform: translate(2px, -1px); }
  60% { transform: translate(-1px, -2px); }
  80% { transform: translate(1px, 2px); }
  100% { transform: translate(0); }
}

.mood-layla-ai-gone-rogue .page-list span,
.mood-layla-ai-gone-rogue .tool-list span,
.mood-layla-ai-gone-rogue .desc,
.mood-layla-ai-gone-rogue p {
color: #ff3366;
}

.mood-layla-ai-gone-rogue .feature {
background: #1a1a1a;
color: #ff3366;
border: 2px solid #ff0033;
box-shadow: 0 0 6px #ff0033;
}

/* Mood: Mâm Ngũ Quả Ngày Tết */
.mood-mâm-ngũ-quả-ngày-tết body,
.mood-mâm-ngũ-quả-ngày-tết .menu-panel {
font-family: 'Segoe UI', sans-serif;
background: linear-gradient(135deg, #ffefc1, #d5ffd1);
color: #3a3a3a;
}

.mood-mâm-ngũ-quả-ngày-tết header,
.mood-mâm-ngũ-quả-ngày-tết h1 {
color: #c42d00;
background: linear-gradient(to right, #c42d00, #e9b700) !important;
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
box-shadow: none;
}

.mood-mâm-ngũ-quả-ngày-tết footer {
color: #555;
background: transparent;
}

.mood-mâm-ngũ-quả-ngày-tết footer::before {
content: '"Mâm này còn thiếu trái đắng, để dành fic sau"';
display: block;
margin-bottom: 0.5rem;
color: #555;
}

.mood-mâm-ngũ-quả-ngày-tết footer::after {
  content: "🙏 Năm mới đọc fic mới, đừng đọc lại fic cũ";
  display: block;
  font-style: italic;
  color: #c42d00;
  margin-top: 0.5rem;
}

.mood-mâm-ngũ-quả-ngày-tết .navbar {
background: transparent;
box-shadow: none;
border-block: none;
}

.mood-mâm-ngũ-quả-ngày-tết h2,
.mood-mâm-ngũ-quả-ngày-tết details {
color: #c42d00;
}

.mood-mâm-ngũ-quả-ngày-tết summary,
.mood-mâm-ngũ-quả-ngày-tết .nav-btn,
.mood-mâm-ngũ-quả-ngày-tết .page-btn,
.mood-mâm-ngũ-quả-ngày-tết .btn-404,
.mood-mâm-ngũ-quả-ngày-tết .fic a {
background: #fffbe6;
color: #c42d00;
border: 2px solid #e9b700;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
transition: background 0.2s;
}

.mood-mâm-ngũ-quả-ngày-tết .nav-btn:hover,
.mood-mâm-ngũ-quả-ngày-tết .page-btn:hover,
.mood-mâm-ngũ-quả-ngày-tết .btn-404:hover,
.mood-mâm-ngũ-quả-ngày-tết .fic a:hover {
background: #ffefc1;
color: #008e46;
border-color: #00a651;
box-shadow: 0 0 6px #c42d00;
}

.mood-mâm-ngũ-quả-ngày-tết .page-list a,
.mood-mâm-ngũ-quả-ngày-tết .tool-list a,
.mood-mâm-ngũ-quả-ngày-tết .log,
.mood-mâm-ngũ-quả-ngày-tết .fic {
background: #fffdf5;
border: 2px dashed #c42d00;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

.mood-mâm-ngũ-quả-ngày-tết input[type="file"],
.mood-mâm-ngũ-quả-ngày-tết .page-list strong,
.mood-mâm-ngũ-quả-ngày-tết .tool-list strong,
.mood-mâm-ngũ-quả-ngày-tết .title,
.mood-mâm-ngũ-quả-ngày-tết h3 {
color: #00a651;
}

.mood-mâm-ngũ-quả-ngày-tết .page-list span,
.mood-mâm-ngũ-quả-ngày-tết .tool-list span,
.mood-mâm-ngũ-quả-ngày-tết .desc,
.mood-mâm-ngũ-quả-ngày-tết p {
color: #5a4e00;
}

.mood-mâm-ngũ-quả-ngày-tết .page-list strong::before {
  content: "🥭 ";
}

.mood-mâm-ngũ-quả-ngày-tết .tool-list strong::before {
  content: "🍌 ";
}

.mood-mâm-ngũ-quả-ngày-tết .feature {
background: #fffbe6;
color: #c42d00;
border: 2px solid #e9b700;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

@keyframes tet-glow {
  0%, 100% { box-shadow: 0 0 10px rgba(255, 191, 0, 0.3); }
  50% { box-shadow: 0 0 20px rgba(255, 191, 0, 0.6); }
}
.mood-mâm-ngũ-quả-ngày-tết .feature {
  animation: tet-glow 3s infinite;
}

/* Mood: Kem Trộn Toàn Tập */
.mood-kem-trộn-toàn-tập body,
.mood-kem-trộn-toàn-tập .menu-panel {
font-family: 'Comic Sans MS', 'Baloo 2', cursive, sans-serif;
background: linear-gradient(135deg, #fceabb, #f8b500, #fceabb, #ff5f6d, #ffc371);
background-size: 500% 500%;
color: #2c2c2c;
}

.mood-kem-trộn-toàn-tập body {
  animation: kemtronmove 10s infinite linear;
}

@keyframes kemtronmove {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

.mood-kem-trộn-toàn-tập header,
.mood-kem-trộn-toàn-tập h1 {
background: transparent;
box-shadow: none;
color: #ff007f;
text-shadow: 2px 2px #ffe600, -2px -2px #00e5ff;
}

.mood-kem-trộn-toàn-tập footer {
background: transparent;
color: #5c0036;
}

.mood-kem-trộn-toàn-tập footer::before {
content: '"Da tâm hồn bạn có thể mỏng, nhưng giao diện này thì không."';
display: block;
margin-bottom: 0.5rem;
color: #5c0036;
}

.mood-kem-trộn-toàn-tập .navbar {
background: transparent;
box-shadow: none;
border-block: none;
}

.mood-kem-trộn-toàn-tập h2,
.mood-kem-trộn-toàn-tập details {
color: #ff1493;
text-shadow: 1px 1px yellow, -1px -1px cyan;
}

.mood-kem-trộn-toàn-tập summary,
.mood-kem-trộn-toàn-tập .nav-btn,
.mood-kem-trộn-toàn-tập .page-btn,
.mood-kem-trộn-toàn-tập .btn-404,
.mood-kem-trộn-toàn-tập .fic a {
background: #fff0f5;
color: #ff1493;
border: 2px dashed #ff69b4;
box-shadow: 0 0 20px rgba(255, 105, 180, 0.6);
transition: background 0.2s;
}

.mood-kem-trộn-toàn-tập .nav-btn:hover,
.mood-kem-trộn-toàn-tập .page-btn:hover,
.mood-kem-trộn-toàn-tập .btn-404:hover,
.mood-kem-trộn-toàn-tập .fic a:hover {
background: #ffe6f2;
color: #d1007f;
transform: scale(1.05) rotate(-1deg);
box-shadow: 0 0 15px hotpink;
}


.mood-kem-trộn-toàn-tập .nav-btn:hover::after,
.mood-kem-trộn-toàn-tập .page-btn:hover::after,
.mood-kem-trộn-toàn-tập .btn-404:hover::after,
.mood-kem-trộn-toàn-tập .fic a:hover::after {
  content: "Đã trắng, còn phải lấp lánh!";
  position: absolute;
  background: #fff0f5;
  color: #d1007f;
  padding: 2px 6px;
  font-size: 12px;
  border: 1px solid hotpink;
  border-radius: 4px;
  margin-top: 5px;
  white-space: nowrap;
}

.mood-kem-trộn-toàn-tập .page-list a,
.mood-kem-trộn-toàn-tập .tool-list a,
.mood-kem-trộn-toàn-tập .log,
.mood-kem-trộn-toàn-tập .fic {
background: rgba(255, 255, 255, 0.85);
border: 2px dotted hotpink;
box-shadow: 0 0 20px rgba(255, 105, 180, 0.6);
transition: all 0.3s ease;
}

.mood-kem-trộn-toàn-tập input[type="file"],
.mood-kem-trộn-toàn-tập .page-list strong,
.mood-kem-trộn-toàn-tập .tool-list strong,
.mood-kem-trộn-toàn-tập .title,
.mood-kem-trộn-toàn-tập h3 {
color: #ff1493;
text-decoration: underline wavy #ff69b4;
}

.mood-kem-trộn-toàn-tập .page-list span,
.mood-kem-trộn-toàn-tập .tool-list span,
.mood-kem-trộn-toàn-tập .desc,
.mood-kem-trộn-toàn-tập p {
color: #444;
}

.mood-kem-trộn-toàn-tập .feature {
background: #fff0f5;
color: #ff1493;
border: 2px dashed #ff69b4;
box-shadow: 0 0 20px rgba(255, 105, 180, 0.6);
}

/* Mood: Bắc Cực Quánh Ghen */
.mood-bắc-cực-quánh-ghen body,
.mood-bắc-cực-quánh-ghen .menu-panel {
font-family: 'Patrick Hand', cursive;
background: linear-gradient(to top, #e0f7fa, #ffffff, #bbdefb);
background-size: 100% 300%;
color: #1a237e;
}

.mood-bắc-cực-quánh-ghen body::after {
  content: "";
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  pointer-events: none;
  background: linear-gradient(to bottom, transparent, #cfd8dc55);
}

.mood-bắc-cực-quánh-ghen header,
.mood-bắc-cực-quánh-ghen h1 {
font-family: 'Permanent Marker', cursive;
color: #01579b;
text-shadow: 1px 1px #ffffff;
background: transparent;
box-shadow: none;
}

.mood-bắc-cực-quánh-ghen footer {
color: #5e92f3;
background: transparent;
}

.mood-bắc-cực-quánh-ghen footer::before {
content: '"Tình yêu có thể cháy bỏng, nhưng nhớ mặc ấm khi ra Bắc Cực quánh ghen."';
display: block;
margin-bottom: 0.5rem;
color: #5e92f3;
}

.mood-bắc-cực-quánh-ghen .navbar {
background: transparent;
box-shadow: none;
border-block: none;
}

.mood-bắc-cực-quánh-ghen h2,
.mood-bắc-cực-quánh-ghen details {
font-family: 'Permanent Marker', cursive;
color: #c62828;
background: linear-gradient(to right, #e3f2fd, #ffffff);
}

.mood-bắc-cực-quánh-ghen summary,
.mood-bắc-cực-quánh-ghen .nav-btn,
.mood-bắc-cực-quánh-ghen .page-btn,
.mood-bắc-cực-quánh-ghen .btn-404,
.mood-bắc-cực-quánh-ghen .fic a {
background: #e3f2fd;
color: #0d47a1;
border: 2px solid #90caf9;
box-shadow: 0 0 10px #90caf9;
transition: background 0.2s;
}

.mood-bắc-cực-quánh-ghen .nav-btn:hover,
.mood-bắc-cực-quánh-ghen .page-btn:hover,
.mood-bắc-cực-quánh-ghen .btn-404:hover,
.mood-bắc-cực-quánh-ghen .fic a:hover {
background: #bbdefb;
color: #c62828;
box-shadow: 0 0 10px #64b5f6;
transform: scale(1.05) rotate(-1deg);
}

.mood-bắc-cực-quánh-ghen .nav-btn:hover,
.mood-bắc-cực-quánh-ghen .page-btn:hover,
.mood-bắc-cực-quánh-ghen .btn-404:hover,
.mood-bắc-cực-quánh-ghen .fic a:hover {
  animation: tremble 0.3s infinite;
}
@keyframes tremble {
  0% { transform: translateX(0px); }
  25% { transform: translateX(-2px); }
  50% { transform: translateX(2px); }
  75% { transform: translateX(-1px); }
  100% { transform: translateX(1px); }
}

.mood-bắc-cực-quánh-ghen .page-list a,
.mood-bắc-cực-quánh-ghen .tool-list a,
.mood-bắc-cực-quánh-ghen .log,
.mood-bắc-cực-quánh-ghen .fic {
background: #ffffffdd;
border: 2px dashed #2196f3;
box-shadow: 0 0 10px #90caf9;
transition: transform 0.3s ease;
}

.mood-bắc-cực-quánh-ghen input[type="file"],
.mood-bắc-cực-quánh-ghen .page-list strong,
.mood-bắc-cực-quánh-ghen .tool-list strong,
.mood-bắc-cực-quánh-ghen .title,
.mood-bắc-cực-quánh-ghen h3 {
color: #c62828;
text-decoration: underline dotted #ef5350;
}

.mood-bắc-cực-quánh-ghen .page-list span,
.mood-bắc-cực-quánh-ghen .tool-list span,
.mood-bắc-cực-quánh-ghen .desc,
.mood-bắc-cực-quánh-ghen p {
color: #3e3e3e;
}

.mood-bắc-cực-quánh-ghen .feature {
background: #e3f2fd;
color: #0d47a1;
border: 2px solid #90caf9;
box-shadow: 0 0 10px #90caf9;
}

/* Mood: Tuesday */
.mood-tuesday body,
.mood-tuesday .menu-panel {
font-family: 'Great Vibes', cursive;
background: linear-gradient(135deg, #ffdde1 0%, #ee9ca7 100%);
color: #7a0b0b;
}

.mood-tuesday body::after {
  content: "💮";
  position: fixed;
  font-size: 20px;
  animation: fall 6s infinite linear;
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0.4;
}
@keyframes fall {
  0% { transform: translateX(-50%) translateY(0); }
  100% { transform: translateX(-50%) translateY(120vh); }
}

.mood-tuesday header,
.mood-tuesday footer,
.mood-tuesday h1 {
background: #ffffff;
color: #7a0b0b;
}

.mood-tuesday footer::before {
  content: '"Tuesday không đến để phá, chỉ đến để... hoàn thiện tình yêu."';
  display: block;
  margin-bottom: 0.5rem;
  font-style: italic;
  color: #7a0b0b;
}

.mood-tuesday footer::after {
  content: '"Em không chen vào... chỉ là chỗ đó còn trống."';
  font-style: italic;
  display: block;
  color: #b30059;
  margin-bottom: 0.5rem;
}

.mood-tuesday h2,
.mood-tuesday details {
font-family: 'Dancing Script', cursive;
color: #d1004b;
background: linear-gradient(to right, #fff0f5, #ffe6eb);
text-shadow: 1px 1px #fff;
}

.mood-tuesday summary,
.mood-tuesday .nav-btn,
.mood-tuesday .page-btn,
.mood-tuesday .btn-404,
.mood-tuesday .fic a {
background: #ffe6eb;
color: #b30059;
border: 2px solid #f48fb1;
box-shadow: 0 0 5px #ffb6c1;
transition: background 0.2s;
}

.mood-tuesday .nav-btn:hover,
.mood-tuesday .page-btn:hover,
.mood-tuesday .btn-404:hover,
.mood-tuesday .fic a:hover {
background: #ffccdc;
color: #7a0b0b;
transform: scale(1.05) rotate(-1deg);
box-shadow: 0 0 10px hotpink;
}

.mood-tuesday .page-list a,
.mood-tuesday .tool-list a,
.mood-tuesday .log,
.mood-tuesday .fic {
background: #e3f2fd;
border: 2px solid #90caf9;
border-left: 4px solid #90caf9;
}

.mood-tuesday .page-list a::after,
.mood-tuesday .tool-list a::after,
.mood-tuesday .log::after,
.mood-tuesday .fic a:hover::after {
  content: "💔";
  position: absolute;
  right: -1.2em;
  top: -0.2em;
  font-size: 1.2em;
  animation: fall-heart 1s ease-out;
}
@keyframes fall-heart {
  0% { transform: translateY(-10px) scale(0.9); opacity: 0.8; }
  100% { transform: translateY(20px) scale(1); opacity: 0; }
}

.mood-tuesday input[type="file"],
.mood-tuesday .page-list strong,
.mood-tuesday .tool-list strong,
.mood-tuesday .title,
.mood-tuesday h3 {
color: #e6005c;
text-shadow: 1px 1px 3px #ffb6c1;
}

.mood-tuesday .page-list span,
.mood-tuesday .tool-list span,
.mood-tuesday .desc,
.mood-tuesday p {
font-family: 'Great Vibes', cursive;
}

.mood-tuesday .feature {
background: #ffe6eb;
color: #b30059;
border: 2px solid #f48fb1;
box-shadow: 0 0 5px #ffb6c1;
}

/* Mood: Midnight Terminal */
.mood-midnight-terminal body,
.mood-midnight-terminal .menu-panel {
background: #000;
color: #33ff33;
font-family: 'Courier Prime', monospace;
}

.mood-midnight-terminal header,
.mood-midnight-terminal footer,
.mood-midnight-terminal h1 {
background: #111;
color: #33ff33;
border-block: 2px solid #00ff99;
}

.mood-midnight-terminal h2,
.mood-midnight-terminal details {
color: #00ff99;
background: #111;
}

.mood-midnight-terminal summary,
.mood-midnight-terminal .nav-btn,
.mood-midnight-terminal .page-btn,
.mood-midnight-terminal .btn-404,
.mood-midnight-terminal .fic a {
background: #111;
color: #66ffcc;
border: 2px solid #33ff99;
transition: background 0.2s;
}

.mood-midnight-terminal .nav-btn:hover,
.mood-midnight-terminal .page-btn:hover,
.mood-midnight-terminal .btn-404:hover,
.mood-midnight-terminal .fic a:hover {
background: #33ff99;
  color: #000;
  text-shadow: none;
}

.mood-midnight-terminal .page-list a,
.mood-midnight-terminal .tool-list a,
.mood-midnight-terminal .log,
.mood-midnight-terminal .fic {
background: #0a0a0a;
border: 2px solid #33ff33;
border-left: 4px solid #33ff33;
}

.mood-midnight-terminal input[type="file"],
.mood-midnight-terminal .page-list strong,
.mood-midnight-terminal .tool-list strong,
.mood-midnight-terminal .title,
.mood-midnight-terminal h3 {
color: #00ff99;
}

.mood-midnight-terminal input[type="file"]::after,
.mood-midnight-terminal .page-list strong::after,
.mood-midnight-terminal .tool-list strong::after,
.mood-midnight-terminal .title::after,
.mood-midnight-terminal h3::after {
  content: "_";
  animation: blink 1s step-end infinite;
}
@keyframes blink {
  50% { opacity: 0; }
}

.mood-midnight-terminal .page-list span,
.mood-midnight-terminal .tool-list span,
.mood-midnight-terminal .desc,
.mood-midnight-terminal p {
color: #66ff66;
}

.mood-midnight-terminal .page-list span::before,
.mood-midnight-terminal .tool-list span::before,
.mood-midnight-terminal .desc::before,
.mood-midnight-terminal p::before {
  content: "$ ";
  color: #33ff33;
  font-weight: bold;
}

.mood-midnight-terminal .feature {
background: #111;
color: #66ffcc;
border: 2px solid #33ff99;
}

/* Mood: Cyber Neon */
.mood-cyber-neon body,
.mood-cyber-neon .menu-panel {
background: linear-gradient(135deg, #1a0033, #00334d);
color: #00f7ff;
font-family: 'Orbitron', sans-serif;
}

.mood-cyber-neon body {
  animation: neonflow 20s linear infinite;
}
@keyframes neonflow {
  0% { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}

.mood-cyber-neon header,
.mood-cyber-neon footer,
.mood-cyber-neon h1 {
background: #0a0020;
color: #00f7ff;
border-block: 2px solid #ff00ff;
}

.mood-cyber-neon h2,
.mood-cyber-neon details {
color: #ff00ff;
background: #111;
text-shadow: 0 0 5px #ff00ff;
}

.mood-cyber-neon summary,
.mood-cyber-neon .nav-btn,
.mood-cyber-neon .page-btn,
.mood-cyber-neon .btn-404,
.mood-cyber-neon .fic a {
background: #1a0033;
color: #ff66ff;
border: 2px solid #00f7ff;
box-shadow: 0 0 5px #ff00ff80;
transition: background 0.2s;
}

.mood-cyber-neon .nav-btn:hover,
.mood-cyber-neon .page-btn:hover,
.mood-cyber-neon .btn-404:hover,
.mood-cyber-neon .fic a:hover {
background: #ff00ff;
  color: #120033;
  text-shadow: none;
  box-shadow: 0 0 10px #ff00ffcc;
}

.mood-cyber-neon .page-list a,
.mood-cyber-neon .tool-list a,
.mood-cyber-neon .log,
.mood-cyber-neon .fic {
background: #120033;
border: 2px solid #00f7ff;
border-left: 4px solid #ff00ff;
box-shadow: 0 0 10px #00f7ff40;
}

.mood-cyber-neon input[type="file"],
.mood-cyber-neon .page-list strong,
.mood-cyber-neon .tool-list strong,
.mood-cyber-neon .title,
.mood-cyber-neon h3 {
color: #ff00ff;
text-shadow: 0 0 6px #ff00ff;
}

.mood-cyber-neon input[type="file"]::after,
.mood-cyber-neon .page-list strong::after,
.mood-cyber-neon .tool-list strong::after,
.mood-cyber-neon .title::after,
.mood-cyber-neon h3::after {
  content: "_";
  animation: blink 0.9s step-end infinite;
}
@keyframes blink {
  50% { opacity: 0; }
}

.mood-cyber-neon .page-list span,
.mood-cyber-neon .tool-list span,
.mood-cyber-neon .desc,
.mood-cyber-neon p {
color: #ccffff;
}

.mood-cyber-neon .feature {
background: #1a0033;
color: #ff66ff;
border: 2px solid #00f7ff;
box-shadow: 0 0 5px #ff00ff80;
}

/* Mood: Highlighter Pink */
.mood-highlighter-pink body,
.mood-highlighter-pink .menu-panel {
background: #ffffff;
color: #ff007f;
font-family: 'Patrick Hand', cursive;
}

.mood-highlighter-pink header,
.mood-highlighter-pink footer,
.mood-highlighter-pink h1 {
background: #fff0f5;
color: #ff1493;
border-block: 2px solid #ff69b4;
}

.mood-highlighter-pink footer::after {
  content: " 💕✨";
}

.mood-highlighter-pink h2,
.mood-highlighter-pink details {
color: #ff1493;
background: #FCDEFF;
text-shadow: 0 0 3px #ffb6c1;
}

.mood-highlighter-pink summary,
.mood-highlighter-pink .nav-btn,
.mood-highlighter-pink .page-btn,
.mood-highlighter-pink .btn-404,
.mood-highlighter-pink .fic a {
background: #fff0f5;
color: #ff1493;
border: 2px solid #ff69b4;
box-shadow: 0 0 4px #ffb6c1aa;
transition: background 0.2s;
}

.mood-highlighter-pink .nav-btn:hover,
.mood-highlighter-pink .page-btn:hover,
.mood-highlighter-pink .btn-404:hover,
.mood-highlighter-pink .fic a:hover {
background: #ffe0eb;
  color: #cc0066;
  box-shadow: 0 0 6px #ff99cc;
}


@keyframes pulse {
  0% { box-shadow: 0 0 4px #ffb6c1aa; }
  50% { box-shadow: 0 0 8px #ff99cc; }
  100% { box-shadow: 0 0 4px #ffb6c1aa; }
}
.mood-highlighter-pink .nav-btn:hover,
.mood-highlighter-pink .page-btn:hover,
.mood-highlighter-pink .btn-404:hover,
.mood-highlighter-pink .fic a:hover {
  animation: pulse 1s infinite;
}

.mood-highlighter-pink .page-list a,
.mood-highlighter-pink .tool-list a,
.mood-highlighter-pink .log,
.mood-highlighter-pink .fic {
background: #fff5fa;
border: 2px solid #ff99cc;
border-left: 4px solid #ff69b4;
box-shadow: 0 0 6px rgba(255, 105, 180, 0.3);
}

.mood-highlighter-pink input[type="file"],
.mood-highlighter-pink .page-list strong,
.mood-highlighter-pink .tool-list strong,
.mood-highlighter-pink .title,
.mood-highlighter-pink h3 {
color: #ff007f;
text-shadow: 0 0 4px #ff99cc;
}

.mood-highlighter-pink .page-list span,
.mood-highlighter-pink .tool-list span,
.mood-highlighter-pink .desc,
.mood-highlighter-pink p {
color: #cc0066;
}

.mood-highlighter-pink .feature {
background: #fff0f5;
color: #ff1493;
border: 2px solid #ff69b4;
box-shadow: 0 0 4px #ffb6c1aa;
}

/* Mood: Highlight Banana */
.mood-highlight-banana body,
.mood-highlight-banana .menu-panel {
background: #ffffff;
color: #336600;
font-family: 'Comic Neue', monospace;
}

.mood-highlight-banana header,
.mood-highlight-banana footer,
.mood-highlight-banana h1 {
background: #f6ffb3;
color: #336600;
border-block: 2px dashed #ccff00;
text-shadow: 0 0 2px #adff2f;
}

.mood-highlight-banana footer::after {
  content: " 🍌 Stay potassium-rich, fic lovers!";
  display: block;
  color: #669900;
  margin-top: 0.5rem;
}

.mood-highlight-banana h2,
.mood-highlight-banana details {
color: #669900;
text-shadow: 0 0 4px #ccff00;
}

.mood-highlight-banana summary,
.mood-highlight-banana .nav-btn,
.mood-highlight-banana .page-btn,
.mood-highlight-banana .btn-404,
.mood-highlight-banana .fic a {
background: #f6ff4d;
color: #336600;
border: 2px solid #bfff00;
box-shadow: 0 0 6px #ccff00aa;
transition: background 0.2s;
}

.mood-highlight-banana .nav-btn:hover,
.mood-highlight-banana .page-btn:hover,
.mood-highlight-banana .btn-404:hover,
.mood-highlight-banana .fic a:hover {
background: #ffff99;
  color: #000;
  box-shadow: 0 0 10px #adff2f;
}

@keyframes banana-glow {
  0% { box-shadow: 0 0 5px #ccff00; }
  50% { box-shadow: 0 0 12px #adff2f; }
  100% { box-shadow: 0 0 5px #ccff00; }
}
.mood-highlight-banana .nav-btn:hover,
.mood-highlight-banana .page-btn:hover,
.mood-highlight-banana .btn-404:hover,
.mood-highlight-banana .fic a:hover {
  animation: banana-glow 1.2s infinite;
}

.mood-highlight-banana .page-list a,
.mood-highlight-banana .tool-list a,
.mood-highlight-banana .log,
.mood-highlight-banana .fic {
background: #fbffd9;
border: 2px solid #ccff00;
border-left: 6px solid #adff2f;
box-shadow: 0 0 6px #bfff00aa;
}

.mood-highlight-banana input[type="file"],
.mood-highlight-banana .page-list strong,
.mood-highlight-banana .tool-list strong,
.mood-highlight-banana .title,
.mood-highlight-banana h3 {
color: #99cc00;
text-shadow: 0 0 3px #ccff00;
}

.mood-highlight-banana .page-list span,
.mood-highlight-banana .tool-list span,
.mood-highlight-banana .desc,
.mood-highlight-banana p {
color: #336600;
}

.mood-highlight-banana .feature {
background: #f6ff4d;
color: #336600;
border: 2px solid #bfff00;
box-shadow: 0 0 6px #ccff00aa;
}

/* Mood: Retro Win95 */
.mood-retro-win95 body,
.mood-retro-win95 .menu-panel {background: #C0C0C0;
background: #C0C0C0;
color: black;
font-family: 'Tahoma', sans-serif;
}

.mood-retro-win95 header,
.mood-retro-win95 h1 {
background: #000080;
color: white;
}

.mood-retro-win95 footer {
color: #888;
}

@keyframes dotWin {
  0% { content: "."; }
  33% { content: ".."; }
  66% { content: "..."; }
  100% { content: "."; }
}
.mood-retro-win95 footer::after {
  content: "...";
  animation: dotWin 1.2s infinite steps(1);
  display: inline-block;
  margin-left: 1ch;
}

.mood-retro-win95 h2,
.mood-retro-win95 details {
color: black;
background: #000080;
box-shadow: inset 2px 2px #FFFFFF, inset -2px -2px #808080;
}

.mood-retro-win95 summary,
.mood-retro-win95 .nav-btn,
.mood-retro-win95 .page-btn,
.mood-retro-win95 .btn-404,
.mood-retro-win95 .fic a {
background: #C0C0C0;
border: 2px solid #000080;
color: black;
box-shadow: inset 2px 2px #FFFFFF, inset -2px -2px #808080;
transition: background 0.2s;
}

.mood-retro-win95 .nav-btn:hover,
.mood-retro-win95 .page-btn:hover,
.mood-retro-win95 .btn-404:hover,
.mood-retro-win95 .fic a:hover {
border: 2px solid #808080;
background: white;
box-shadow: inset 2px 2px #FFFFFF, inset -2px -2px #808080;
}

.mood-retro-win95 .page-list a,
.mood-retro-win95 .tool-list a,
.mood-retro-win95 .log,
.mood-retro-win95 .fic {
border: 2px solid #808080;
background: white;
box-shadow: inset 2px 2px #FFFFFF, inset -2px -2px #808080;
}

.mood-retro-win95 input[type="file"],
.mood-retro-win95 .page-list strong,
.mood-retro-win95 .tool-list strong,
.mood-retro-win95 .title,
.mood-retro-win95 h3 {
color: #000080;
}

.mood-retro-win95 .page-list span,
.mood-retro-win95 .tool-list span,
.mood-retro-win95 .desc,
.mood-retro-win95 p {
color: #555;
}

.mood-retro-win95 .feature {
background: #C0C0C0;
border: 2px solid #000080;
color: black;
box-shadow: inset 2px 2px #FFFFFF, inset -2px -2px #808080;
}

.mood-retro-win95 .feature::before {
  content: "💾 ";
  margin-right: 0.5ch;
}

/* Mood: Giấy Hồng */
.mood-giấy-hồng body,
.mood-giấy-hồng .menu-panel {
background: pink;
color: #660033;
font-family: 'Dancing Script', cursive;
}

.mood-giấy-hồng header,
.mood-giấy-hồng h1 {
background: #FFDDEE;
color: #990055;
}

.mood-giấy-hồng footer {
color: #888;
}

.mood-giấy-hồng footer::before {
  content: '"Tui đã phát giấy hồng, nhưng người nhận lại vứt vào sọt rác."';
  display: block;
  margin-bottom: 0.5rem;
  color: #990055;
}

.mood-giấy-hồng h2,
.mood-giấy-hồng details {
color: #cc3366;
}

.mood-giấy-hồng summary,
.mood-giấy-hồng .nav-btn,
.mood-giấy-hồng .page-btn,
.mood-giấy-hồng .btn-404,
.mood-giấy-hồng .fic a {
background: #ffe0ec;
color: #FF69B4;
border: 2px dashed #FFB6C1;
transition: background 0.2s;
}

.mood-giấy-hồng details[open] > summary {
  background: #fff;
  font-weight: bold;
}

.mood-giấy-hồng .nav-btn:hover,
.mood-giấy-hồng .page-btn:hover,
.mood-giấy-hồng .btn-404:hover,
.mood-giấy-hồng .fic a:hover {
  background: #ffc0cb;
  color: #800040;
  box-shadow: 0 0 6px #ff69b4aa;
}

.mood-giấy-hồng .page-list a,
.mood-giấy-hồng .tool-list a,
.mood-giấy-hồng .log,
.mood-giấy-hồng .fic {
border: 2px dashed #FF69B4;
background: #FFDDEE;
}

.mood-giấy-hồng input[type="file"],
.mood-giấy-hồng .page-list strong,
.mood-giấy-hồng .tool-list strong,
.mood-giấy-hồng .title,
.mood-giấy-hồng h3 {
color: #FF1493;
}

.mood-giấy-hồng .page-list span,
.mood-giấy-hồng .tool-list span,
.mood-giấy-hồng .desc,
.mood-giấy-hồng p {
color: #800040;
}

.mood-giấy-hồng .feature {
background: #FFB6C1;
color: white;
border: 2px dashed #FF69B4;
}

/* Mood: Xã hội đen hoàn lương */
.mood-xã-hội-đen-hoàn-lương body,
.mood-xã-hội-đen-hoàn-lương .menu-panel {
background: #0c0c0c;
color: #ddd;
font-family: 'Raleway', sans-serif;
}

.mood-xã-hội-đen-hoàn-lương header,
.mood-xã-hội-đen-hoàn-lương h1 {
background: #111;
color: #c9a227;
font-family: 'Cinzel', serif;
box-shadow: 0 2px 10px rgba(255,255,255,0.05);
}

.mood-xã-hội-đen-hoàn-lương footer {
color: #555;
}

.mood-xã-hội-đen-hoàn-lương footer::before {
content: '"Tôi từng chọn bóng tối... giờ tôi chọn highlight code"';
display: block;
margin-bottom: 0.5rem;
color: #555;
}

.mood-xã-hội-đen-hoàn-lương h2,
.mood-xã-hội-đen-hoàn-lương details {
color: #c9a227;
background: #111;
font-family: 'Playfair Display', serif;
}

.mood-xã-hội-đen-hoàn-lương summary,
.mood-xã-hội-đen-hoàn-lương .nav-btn,
.mood-xã-hội-đen-hoàn-lương .page-btn,
.mood-xã-hội-đen-hoàn-lương .btn-404,
.mood-xã-hội-đen-hoàn-lương .fic a {
background: #c9a227;
color: #111;
border: 2px solid #333;
box-shadow: 0 0 5px rgba(255,255,255,0.03);
transition: background 0.2s;
}

.mood-xã-hội-đen-hoàn-lương .nav-btn:hover,
.mood-xã-hội-đen-hoàn-lương .page-btn:hover,
.mood-xã-hội-đen-hoàn-lương .btn-404:hover,
.mood-xã-hội-đen-hoàn-lương .fic a:hover {
  background: #f5d76e;
  color: #0c0c0c;
  border-color: #f5d76e;
  box-shadow: 0 0 8px rgba(255, 215, 0, 0.2);
  transform: scale(1.03);
}

.mood-xã-hội-đen-hoàn-lương .page-list a,
.mood-xã-hội-đen-hoàn-lương .tool-list a,
.mood-xã-hội-đen-hoàn-lương .log,
.mood-xã-hội-đen-hoàn-lương .fic {
background: #1a1a1a;
border: 2px solid #c9a227;
border-left: 5px solid #c9a227;
box-shadow: 0 0 5px rgba(255,255,255,0.03);
}

.mood-xã-hội-đen-hoàn-lương input[type="file"],
.mood-xã-hội-đen-hoàn-lương .page-list strong,
.mood-xã-hội-đen-hoàn-lương .tool-list strong,
.mood-xã-hội-đen-hoàn-lương .title,
.mood-xã-hội-đen-hoàn-lương h3 {
color: #f5d76e;
font-family: 'Cinzel', serif;
text-shadow: 0 0 5px #fff200;
}

.mood-xã-hội-đen-hoàn-lương .page-list span,
.mood-xã-hội-đen-hoàn-lương .tool-list span,
.mood-xã-hội-đen-hoàn-lương .desc,
.mood-xã-hội-đen-hoàn-lương p {
color: #ccc;
}

.mood-xã-hội-đen-hoàn-lương .feature {
background: #ffd700;
color: #111;
border: 2px solid #333;
box-shadow: 0 0 5px rgba(255,255,255,0.01);
}

.mood-xã-hội-đen-hoàn-lương .feature::before {
  content: "💰 ";
  margin-right: 0.5ch;
}

.mood-xã-hội-đen-hoàn-lương .feature {
animation: blingbling 1s infinite alternate;
}
@keyframes blingbling {
  0% { box-shadow: 0 0 5px gold; }
  100% { box-shadow: 0 0 20px gold; }
}

/* Mood: Tay Tắm Máu */
.mood-tay-tắm-máu body,
.mood-tay-tắm-máu .menu-panel {
background: #121212;
color: #f5f5f5;
font-family: 'Cormorant Garamond', serif;
}

.mood-tay-tắm-máu header,
.mood-tay-tắm-máu h1 {
background: #b71c1c;
color: #fff;
text-transform: uppercase;
font-family: 'Cinzel Decorative', monospace;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
}

.mood-tay-tắm-máu footer {
background: #212121;
color: #fff;
}

.mood-tay-tắm-máu footer::before {
content: '"Tôi từng viết bằng ngón tay rướm máu… giờ tôi dùng HTML cho đỡ bẩn bàn phím"';
display: block;
margin-bottom: 0.5rem;
color: #ff7043;
}

.mood-tay-tắm-máu h2,
.mood-tay-tắm-máu details {
font-family: 'Cinzel Decorative', monospace;
color: #f44336;
background: #1a1a1a;
text-shadow: 1px 1px 3px #000;
}

.mood-tay-tắm-máu h2:hover,
.mood-tay-tắm-máu details:hover {
  animation: bleed 0.3s infinite alternate;
}
@keyframes bleed {
  0% { letter-spacing: 0px; }
  100% { letter-spacing: 1.5px; color: #ff1744; }
}

.mood-tay-tắm-máu summary,
.mood-tay-tắm-máu .nav-btn,
.mood-tay-tắm-máu .page-btn,
.mood-tay-tắm-máu .btn-404,
.mood-tay-tắm-máu .fic a {
background: #b71c1c;
color: #ffffff;
border: 2px solid #d32f2f;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
transition: background 0.2s;
}

.mood-tay-tắm-máu .nav-btn:hover,
.mood-tay-tắm-máu .page-btn:hover,
.mood-tay-tắm-máu .btn-404:hover,
.mood-tay-tắm-máu .fic a:hover {
background: #d32f2f;
color: #ffebee;
transform: scale(1.05);
box-shadow: 0 0 10px rgba(255, 82, 82, 0.7);
}

.mood-tay-tắm-máu .page-list a,
.mood-tay-tắm-máu .tool-list a,
.mood-tay-tắm-máu .log,
.mood-tay-tắm-máu .fic {
background: #212121;
border: 2px solid #d32f2f;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
}

.mood-tay-tắm-máu input[type="file"],
.mood-tay-tắm-máu .page-list strong,
.mood-tay-tắm-máu .tool-list strong,
.mood-tay-tắm-máu .title,
.mood-tay-tắm-máu h3 {
color: #d32f2f;
text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.8);
}

.mood-tay-tắm-máu .page-list span,
.mood-tay-tắm-máu .tool-list span,
.mood-tay-tắm-máu .desc,
.mood-tay-tắm-máu p {
color: #d32f2f;
font-family: 'UnifrakturCook', 'Pirata One', monospace;
}

.mood-tay-tắm-máu .feature {
  background: linear-gradient(135deg, #b71c1c, #ff1744);
  color: #ffffff;
  border: 3px double #ff5252;
  box-shadow: 0 0 15px rgba(255, 82, 82, 0.9), 0 0 30px rgba(255, 0, 0, 0.4);
  text-shadow: 1px 1px 3px #000;
  font-weight: bold;
  letter-spacing: 1px;
  transform: skew(-1deg);
}

.mood-tay-tắm-máu .feature::before {
  content: "🩸 ";
  margin-right: 0.5ch;
}

/* Mood: Cool Ngầu Thị Phi */
.mood-cool-ngầu-thị-phi body,
.mood-cool-ngầu-thị-phi .menu-panel {
background: linear-gradient(to bottom, #111111, #1f1f1f);
color: #d8f3ff;
font-family: 'Fira Code', monospace;
transition: all 0.3s ease-in-out;
}

.mood-cool-ngầu-thị-phi header,
.mood-cool-ngầu-thị-phi h1 {
background: #000000;
color: #88e1f2;
font-family: 'Space Mono', monospace;
}

.mood-cool-ngầu-thị-phi footer {
color: #888;
}

.mood-cool-ngầu-thị-phi footer::before {
content: '"Tôi không buôn chuyện, tôi chỉ kể lại những gì tôi tình cờ nghe thấy..."';
display: block;
margin-bottom: 0.5rem;
color: #aaa;
}

.mood-cool-ngầu-thị-phi h2,
.mood-cool-ngầu-thị-phi details {
font-family: 'Fira Code', monospace;
color: #99ccff;
background: #111;
}

.mood-cool-ngầu-thị-phi summary,
.mood-cool-ngầu-thị-phi .nav-btn,
.mood-cool-ngầu-thị-phi .page-btn,
.mood-cool-ngầu-thị-phi .btn-404,
.mood-cool-ngầu-thị-phi .fic a {
background: #222;
color: #00e5ff;
border: 2px solid #00e5ff;
box-shadow: 0 0 8px rgba(0, 255, 255, 0.1);
transition: background 0.2s;
}

.mood-cool-ngầu-thị-phi .nav-btn:hover,
.mood-cool-ngầu-thị-phi .page-btn:hover,
.mood-cool-ngầu-thị-phi .btn-404:hover,
.mood-cool-ngầu-thị-phi .fic a:hover {
background: #00e5ff;
color: #000;
}

.mood-cool-ngầu-thị-phi .page-list a,
.mood-cool-ngầu-thị-phi .tool-list a,
.mood-cool-ngầu-thị-phi .log,
.mood-cool-ngầu-thị-phi .fic {
background: #1e1e1e;
border: 2px solid #444;
color: #e0f7fa;
box-shadow: 0 0 8px rgba(0, 255, 255, 0.1);
transition: transform 0.2s ease-in-out;
}

.mood-cool-ngầu-thị-phi input[type="file"],
.mood-cool-ngầu-thị-phi .page-list strong,
.mood-cool-ngầu-thị-phi .tool-list strong,
.mood-cool-ngầu-thị-phi .title,
.mood-cool-ngầu-thị-phi h3 {
color: #6699cc;
}

.mood-cool-ngầu-thị-phi .page-list span,
.mood-cool-ngầu-thị-phi .tool-list span,
.mood-cool-ngầu-thị-phi .desc,
.mood-cool-ngầu-thị-phi p {
font-family: 'Space Mono', monospace;
color: #888B90;
}

.mood-cool-ngầu-thị-phi .feature {
  background: linear-gradient(to right, #111, #222);
  color: #00e5ff;
  border: 2px dashed #00e5ff;
  box-shadow: 0 0 10px rgba(0, 255, 255, 0.2), inset 0 0 5px #111;
  font-style: italic;
  text-shadow: 0 0 3px #00ffff80;
  transition: transform 0.3s ease;
}

.mood-cool-ngầu-thị-phi .feature:hover {
  transform: scale(1.03) rotate(-0.3deg);
  box-shadow: 0 0 16px rgba(0, 255, 255, 0.3);
}

/* Mood: Dạ Yến Máu & Rượu */
.mood-dạ-yến-máu-và-rượu body,
.mood-dạ-yến-máu-và-rượu .menu-panel {
background: radial-gradient(circle, #2c0000, #0f0000);
color: #f5e6dc;
font-family: 'Cormorant Garamond', serif;
}

.mood-dạ-yến-máu-và-rượu header,
.mood-dạ-yến-máu-và-rượu h1 {
background: linear-gradient(to right, #4b0000, #1a0000);
color: #ffe4b5;
border-block: 2px solid #a30000;
text-shadow: 0 0 5px #ff6666;
font-family: 'Cinzel', serif;
text-shadow: 1px 1px 3px #330000;
}

.mood-dạ-yến-máu-và-rượu footer {
background: #1a0000;
color: #f8cfcf;
font-style: italic;
border-top: 1px solid rgba(255, 204, 204, 0.2);
text-shadow: 0 0 4px #ffcccc;
}

.mood-dạ-yến-máu-và-rượu h2,
.mood-dạ-yến-máu-và-rượu details {
color: #ffcc80;
background: #111;
font-family: 'Cinzel', serif;
text-transform: uppercase;
}

.mood-dạ-yến-máu-và-rượu summary,
.mood-dạ-yến-máu-và-rượu .nav-btn,
.mood-dạ-yến-máu-và-rượu .page-btn,
.mood-dạ-yến-máu-và-rượu .btn-404,
.mood-dạ-yến-máu-và-rượu .fic a {
background: #800000;
color: #fff;
border: 2px solid #b22222;
box-shadow: 0 0 8px rgba(255, 0, 0, 0.3);
transition: background 0.2s;
}

.mood-dạ-yến-máu-và-rượu .nav-btn:hover,
.mood-dạ-yến-máu-và-rượu .page-btn:hover,
.mood-dạ-yến-máu-và-rượu .btn-404:hover,
.mood-dạ-yến-máu-và-rượu .fic a:hover {
background: #990000;
box-shadow: 0 0 12px rgba(255, 80, 80, 0.6);
transform: scale(1.03);
}

.mood-dạ-yến-máu-và-rượu .page-list a,
.mood-dạ-yến-máu-và-rượu .tool-list a,
.mood-dạ-yến-máu-và-rượu .log,
.mood-dạ-yến-máu-và-rượu .fic {
background: #220000;
border: 2px solid #b22222;
border-left: 4px solid #b22222;
box-shadow: 0 0 10px rgba(139, 0, 0, 0.5);
}

.mood-dạ-yến-máu-và-rượu input[type="file"],
.mood-dạ-yến-máu-và-rượu .page-list strong,
.mood-dạ-yến-máu-và-rượu .tool-list strong,
.mood-dạ-yến-máu-và-rượu .title,
.mood-dạ-yến-máu-và-rượu h3 {
color: #ffcc99;
text-shadow: 0 0 6px #330000;
}

.mood-dạ-yến-máu-và-rượu .page-list span,
.mood-dạ-yến-máu-và-rượu .tool-list span,
.mood-dạ-yến-máu-và-rượu .desc,
.mood-dạ-yến-máu-và-rượu p {
color: #ddb6ab;
}

.mood-dạ-yến-máu-và-rượu .feature {
  background: linear-gradient(to right, #800000, #4b0000);
  color: #ffe4e1;
  border: 2px double #b22222;
  box-shadow: 0 0 15px rgba(255, 0, 0, 0.4), inset 0 0 10px #330000;
  font-style: italic;
  text-shadow: 1px 1px 4px #1a0000;
  transition: transform 0.3s ease;
}

.mood-dạ-yến-máu-và-rượu .feature:hover {
  transform: scale(1.05);
  box-shadow: 0 0 20px rgba(255, 80, 80, 0.6), inset 0 0 12px #660000;
}