/* Visual: fontes, paletas (cada uma com claro/escuro) e fundos temáticos.
   Atributos no <html>: data-theme, data-palette, data-scene, data-clock, data-font. */

@font-face {
  font-family: "DSEG7";
  src: url("https://cdn.jsdelivr.net/npm/dseg@0.46.0/fonts/DSEG7-Classic/DSEG7Classic-Bold.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
}

:root { --clock: var(--text); }

/* ───────────── Fonte do texto ───────────── */
:root[data-font="zen"] body { font-family: "Zen Maru Gothic", system-ui, sans-serif; }
:root[data-font="nunito"] body { font-family: "Nunito", system-ui, sans-serif; }
:root[data-font="mincho"] body { font-family: "Shippori Mincho", Georgia, serif; }

/* ───────────── Fonte do relógio ───────────── */
#clock { position: relative; color: var(--clock-custom, var(--clock)); }

/* Cor do relógio independente da paleta (--clock-custom não é definido pelas paletas). */
:root[data-clock-color="vermelho"] { --clock-custom: #c81e1e; }
:root[data-clock-color="vermelho"][data-theme="dark"] { --clock-custom: #ff4a4a; }
:root[data-clock-color="azul"] { --clock-custom: #1f55c9; }
:root[data-clock-color="azul"][data-theme="dark"] { --clock-custom: #5d9dff; }
:root[data-clock-color="amarelo"] { --clock-custom: #c98a00; }
:root[data-clock-color="amarelo"][data-theme="dark"] { --clock-custom: #ffd23f; }
:root[data-clock-color="verde"] { --clock-custom: #1e8c4e; }
:root[data-clock-color="verde"][data-theme="dark"] { --clock-custom: #4ade80; }
/* No escuro, LCD colorido ganha brilho de display aceso. */
:root[data-clock="lcd"][data-theme="dark"]:not([data-clock-color="auto"]) #clock {
  text-shadow: 0 0 18px color-mix(in srgb, var(--clock-custom) 45%, transparent);
}
:root[data-clock="lcd"] #clock {
  font-family: "DSEG7", ui-monospace, monospace;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
}
/* Segmentos "apagados" atrás, como num display de verdade. */
:root[data-clock="lcd"] #clock::before {
  content: "88:88";
  position: absolute;
  inset: 0;
  opacity: .07;
  pointer-events: none;
}
:root[data-clock="zen"] #clock { font-family: "Zen Maru Gothic", system-ui, sans-serif; font-weight: 700; letter-spacing: -.02em; }
:root[data-clock="mincho"] #clock { font-family: "Shippori Mincho", Georgia, serif; font-weight: 700; letter-spacing: -.01em; }

/* ───────────── Paletas ───────────── */
/* Claro usa :not([data-theme=dark]) para não vencer o tema escuro por ordem de declaração. */

:root[data-palette="cinza"]:not([data-theme="dark"]) {
  --bg: #e9ebee; --panel: #f7f8f9; --text: #262a2f; --text-2: #565c63; --text-3: #8a9097;
  --busy-bg: #dde3ea; --busy-fg: #2f3a46; --clock: #4a525b; --now: #6b7682;
}
:root[data-palette="cinza"][data-theme="dark"] {
  --bg: #121417; --panel: #1b1e22; --text: #e3e6e9; --text-2: #a9afb6; --text-3: #737a82;
  --busy-bg: #262c33; --busy-fg: #c9d2dc; --clock: #b9c0c8; --now: #9aa6b2;
}

:root[data-palette="bege"]:not([data-theme="dark"]) {
  --bg: #efe6d6; --panel: #fbf6ec; --text: #3b3024; --text-2: #6b5b47; --text-3: #9a8a74;
  --line: rgba(80, 55, 20, .12); --line-2: rgba(80, 55, 20, .26);
  --busy-bg: #ecdfc6; --busy-fg: #5a4323; --clock: #6d5334; --now: #b8743a; --free-fg: #5b6e2a;
}
:root[data-palette="bege"][data-theme="dark"] {
  --bg: #1a1510; --panel: #241e17; --text: #efe3cf; --text-2: #c2b39b; --text-3: #8c7e69;
  --busy-bg: #3a2f20; --busy-fg: #ecd9b8; --clock: #dcc29a; --now: #e0a468; --free-fg: #b5c77a;
}

:root[data-palette="rosa"]:not([data-theme="dark"]) {
  --bg: #f8e6eb; --panel: #fff7f9; --text: #45262f; --text-2: #7a4f5c; --text-3: #a88591;
  --line: rgba(120, 30, 60, .10); --line-2: rgba(120, 30, 60, .24);
  --busy-bg: #f7d6e0; --busy-fg: #7a2b48; --clock: #b24f78; --now: #d4557f; --free-fg: #4f7a3a;
  --ok: #c2517d; --ok-on: #ffffff;
}
:root[data-palette="rosa"][data-theme="dark"] {
  --bg: #1c1217; --panel: #281a21; --text: #f6dee6; --text-2: #cfa9b6; --text-3: #94707d;
  --busy-bg: #45212f; --busy-fg: #f8c6d6; --clock: #f2a5c1; --now: #f58fb0; --free-fg: #a9cf8d;
  --ok: #e37ea3; --ok-on: #1c1217;
}

/* ───────────── Fundos ───────────── */
#scene { position: fixed; inset: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; }
#board, #bar { position: relative; z-index: 1; }

/* Com fundo temático, os painéis ficam levemente translúcidos (sem blur: pesado no Tab A7). */
:root[data-scene]:not([data-scene="none"]) .col {
  background: color-mix(in srgb, var(--panel) 74%, transparent);
  border-color: color-mix(in srgb, var(--line-2) 60%, transparent);
}

:root[data-scene="sakura"]:not([data-theme="dark"]) body {
  background: linear-gradient(180deg, #fde3ec 0%, #fff3ef 58%, #fbe7ee 100%);
}
:root[data-scene="sakura"][data-theme="dark"] body {
  background: linear-gradient(180deg, #1a1220 0%, #24161f 60%, #2d1926 100%);
}

:root[data-scene="momiji"]:not([data-theme="dark"]) body {
  background: linear-gradient(180deg, #fdf1e2 0%, #f8e2cb 60%, #f1d2b4 100%);
}
:root[data-scene="momiji"][data-theme="dark"] body {
  background: linear-gradient(180deg, #1b140f 0%, #251a12 60%, #2e1e13 100%);
}

/* Céu: dia com colinas verdes; noite azul com lua e estrelas (desenhadas no canvas). */
:root[data-scene="ceu"]:not([data-theme="dark"]) body {
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 160' preserveAspectRatio='none'%3E%3Cpath d='M0 90 C200 40 380 60 560 95 S930 130 1200 70 V160 H0Z' fill='%239ccf87'/%3E%3Cpath d='M0 120 C260 85 470 110 700 125 S1040 140 1200 110 V160 H0Z' fill='%237dba6b'/%3E%3C/svg%3E") bottom / 100% 22% no-repeat,
    linear-gradient(180deg, #9fd2f1 0%, #cbe9f8 55%, #eef8fb 100%);
}
:root[data-scene="ceu"][data-theme="dark"] body {
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 160' preserveAspectRatio='none'%3E%3Cpath d='M0 90 C200 40 380 60 560 95 S930 130 1200 70 V160 H0Z' fill='%231d3a3a'/%3E%3Cpath d='M0 120 C260 85 470 110 700 125 S1040 140 1200 110 V160 H0Z' fill='%23142b2b'/%3E%3C/svg%3E") bottom / 100% 22% no-repeat,
    linear-gradient(180deg, #0a1530 0%, #172a4f 65%, #25395c 100%);
}

/* ───────────── Controles do menu Visual ───────────── */
.choice-label { font-size: 14px; color: var(--text-2); margin: 16px 0 8px; }
.choices { display: flex; flex-wrap: wrap; gap: 10px; }
.choice {
  display: flex; flex-direction: column; align-items: center; gap: 6px;
  min-width: 92px; padding: 8px; border-radius: 12px;
  border: 2px solid var(--line); background: none; cursor: pointer; font-size: 14px; color: var(--text);
}
.choice[aria-pressed="true"] { border-color: var(--clock); }
.choice .pv { width: 76px; height: 48px; border-radius: 8px; border: 1px solid var(--line); }
.pv-none { background: var(--bg); }
.pv-sakura { background: radial-gradient(circle at 25% 35%, #f6a7c1 0 4px, transparent 5px), radial-gradient(circle at 70% 60%, #f9bfd1 0 3px, transparent 4px), linear-gradient(#fde3ec, #fff3ef); }
.pv-momiji { background: radial-gradient(circle at 30% 40%, #e8590c 0 4px, transparent 5px), radial-gradient(circle at 72% 62%, #c92a2a 0 4px, transparent 5px), linear-gradient(#fdf1e2, #f1d2b4); }
.pv-ceu { background: radial-gradient(ellipse 18px 8px at 35% 38%, #fff 98%, transparent), linear-gradient(transparent 70%, #8cc57a 70%), linear-gradient(#9fd2f1, #eef8fb); }
.swatch { width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--line-2); }
.swatch.auto { background: conic-gradient(var(--clock) 0 50%, var(--text-3) 50% 100%); }
.clock-sample { font-size: 26px; line-height: 1.1; padding: 4px 6px; }
.clock-sample.lcd { font-family: "DSEG7", monospace; font-weight: 700; font-size: 20px; }
.clock-sample.zen { font-family: "Zen Maru Gothic", sans-serif; font-weight: 700; }
.clock-sample.mincho { font-family: "Shippori Mincho", serif; font-weight: 700; }
.clock-sample.padrao { font-family: system-ui, sans-serif; font-weight: 600; }
.check { display: flex; align-items: center; gap: 12px; min-height: 44px; font-size: 16px; margin-top: 12px; cursor: pointer; }
.check input { width: 22px; height: 22px; accent-color: var(--ok); }

/* ───────────── Halloween / vampiro ───────────── */
:root[data-clock="gotica"] #clock { font-family: "UnifrakturMaguntia", "Shippori Mincho", serif; font-weight: 400; letter-spacing: 0; }
:root[data-clock="creepster"] #clock { font-family: "Creepster", "Zen Maru Gothic", sans-serif; font-weight: 400; letter-spacing: .02em; }
.clock-sample.gotica { font-family: "UnifrakturMaguntia", serif; }
.clock-sample.creepster { font-family: "Creepster", sans-serif; }

:root[data-palette="vampiro"]:not([data-theme="dark"]) {
  --bg: #efe3df; --panel: #fbf5f2; --text: #2a0d12; --text-2: #6b3a42; --text-3: #9c7a7f;
  --line: rgba(90, 10, 20, .12); --line-2: rgba(90, 10, 20, .26);
  --busy-bg: #f1d3d7; --busy-fg: #7a1020; --clock: #9e0f1f; --now: #b3122a; --free-fg: #3f6b2a;
  --hi: #9e0f1f; --lo: #4a2a6b; --ok: #9e0f1f; --ok-on: #ffffff;
}
:root[data-palette="vampiro"][data-theme="dark"] {
  --bg: #0a0507; --panel: #150a0e; --text: #f2e1e1; --text-2: #c9a3a7; --text-3: #8a6468;
  --line: rgba(255, 80, 90, .12); --line-2: rgba(255, 80, 90, .26);
  --busy-bg: #3b0c15; --busy-fg: #ffc2c9; --clock: #e0142a; --now: #ff4d5e; --free-fg: #9bc47a;
  --hi: #ff6b78; --lo: #b28cff; --ok: #c21227; --ok-on: #ffffff;
}
:root[data-palette="vampiro"][data-theme="dark"] #clock { text-shadow: 0 0 22px rgba(224, 20, 42, .35); }

:root[data-scene="halloween"][data-theme="dark"] body {
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg fill='none' stroke='rgba%28255%2C255%2C255%2C.22%29' stroke-width='1.2'%3E%3Cline x1='0' y1='0' x2='190' y2='0'/%3E%3Cline x1='0' y1='0' x2='185' y2='60'/%3E%3Cline x1='0' y1='0' x2='160' y2='120'/%3E%3Cline x1='0' y1='0' x2='120' y2='165'/%3E%3Cline x1='0' y1='0' x2='60' y2='190'/%3E%3Cline x1='0' y1='0' x2='0' y2='190'/%3E%3Cpath d='M40 0 Q37 14 33 25 Q23 36 12 39 Q4 40 0 40'/%3E%3Cpath d='M75 0 Q69 26 61 46 Q44 68 22 73 Q8 75 0 75'/%3E%3Cpath d='M110 0 Q101 38 90 68 Q64 99 33 107 Q11 110 0 110'/%3E%3Cpath d='M145 0 Q133 51 119 90 Q84 130 44 141 Q14 145 0 145'/%3E%3C/g%3E%3C/svg%3E") top left / 190px no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 200' preserveAspectRatio='xMidYMax slice'%3E%3Cpath fill='%2307030a' d='M0 150 C200 128 380 146 600 140 S1000 126 1200 144 V200 H0Z'/%3E%3Cg fill='%2307030a'%3E%3Cpath d='M140 146 v-30 a15 15 0 0 1 30 0 v30Z'/%3E%3Cpath d='M200 148 v-22 a11 11 0 0 1 22 0 v22Z'/%3E%3Cpath d='M262 146 v-44 h7 v-10 h-12 v-8 h12 v-10 h8 v10 h12 v8 h-12 v10 h7 v44Z'/%3E%3Cpath d='M560 142 l6 -70 l-22 -28 l6 -3 l20 24 l2 -30 l7 0 l1 34 l24 -26 l5 4 l-27 34 l4 61Z'/%3E%3Cpath d='M930 142 V78 h16 v-10 h8 v10 h8 v-10 h8 v10 h16 V142Z'/%3E%3Cpath d='M990 142 V52 l20 -30 l20 30 V142Z'/%3E%3Cpath d='M1036 142 V88 h14 v-8 h8 v8 h8 v-8 h8 v8 h14 V142Z'/%3E%3C/g%3E%3Cg fill='%23ffb347'%3E%3Crect x='1004' y='70' width='7' height='11' rx='3'/%3E%3Crect x='952' y='96' width='6' height='9' rx='2'/%3E%3Crect x='1058' y='104' width='6' height='9' rx='2'/%3E%3C/g%3E%3Cg%3E%3Cellipse cx='400' cy='146' rx='20' ry='15' fill='%23d9611a'/%3E%3Cellipse cx='441' cy='149' rx='14' ry='11' fill='%23d9611a'/%3E%3Crect x='398' y='128' width='4' height='7' fill='%2307030a'/%3E%3Crect x='439' y='135' width='3' height='6' fill='%2307030a'/%3E%3Cpath fill='%2307030a' d='M390 142 l5 -5 l5 5Z M402 142 l5 -5 l5 5Z M392 150 q8 6 17 0 q-8 3 -17 0Z'/%3E%3C/g%3E%3C/svg%3E") bottom / 100% 26% no-repeat,
    radial-gradient(ellipse at 50% 18%, #3a1733 0%, transparent 55%),
    linear-gradient(180deg, #0d0714 0%, #1b0b1f 60%, #2a0f22 100%);
}
:root[data-scene="halloween"]:not([data-theme="dark"]) body {
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg fill='none' stroke='rgba%2840%2C10%2C40%2C.28%29' stroke-width='1.2'%3E%3Cline x1='0' y1='0' x2='190' y2='0'/%3E%3Cline x1='0' y1='0' x2='185' y2='60'/%3E%3Cline x1='0' y1='0' x2='160' y2='120'/%3E%3Cline x1='0' y1='0' x2='120' y2='165'/%3E%3Cline x1='0' y1='0' x2='60' y2='190'/%3E%3Cline x1='0' y1='0' x2='0' y2='190'/%3E%3Cpath d='M40 0 Q37 14 33 25 Q23 36 12 39 Q4 40 0 40'/%3E%3Cpath d='M75 0 Q69 26 61 46 Q44 68 22 73 Q8 75 0 75'/%3E%3Cpath d='M110 0 Q101 38 90 68 Q64 99 33 107 Q11 110 0 110'/%3E%3Cpath d='M145 0 Q133 51 119 90 Q84 130 44 141 Q14 145 0 145'/%3E%3C/g%3E%3C/svg%3E") top left / 190px no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 200' preserveAspectRatio='xMidYMax slice'%3E%3Cpath fill='%232a1030' d='M0 150 C200 128 380 146 600 140 S1000 126 1200 144 V200 H0Z'/%3E%3Cg fill='%232a1030'%3E%3Cpath d='M140 146 v-30 a15 15 0 0 1 30 0 v30Z'/%3E%3Cpath d='M200 148 v-22 a11 11 0 0 1 22 0 v22Z'/%3E%3Cpath d='M262 146 v-44 h7 v-10 h-12 v-8 h12 v-10 h8 v10 h12 v8 h-12 v10 h7 v44Z'/%3E%3Cpath d='M560 142 l6 -70 l-22 -28 l6 -3 l20 24 l2 -30 l7 0 l1 34 l24 -26 l5 4 l-27 34 l4 61Z'/%3E%3Cpath d='M930 142 V78 h16 v-10 h8 v10 h8 v-10 h8 v10 h16 V142Z'/%3E%3Cpath d='M990 142 V52 l20 -30 l20 30 V142Z'/%3E%3Cpath d='M1036 142 V88 h14 v-8 h8 v8 h8 v-8 h8 v8 h14 V142Z'/%3E%3C/g%3E%3Cg fill='%23ffcf70'%3E%3Crect x='1004' y='70' width='7' height='11' rx='3'/%3E%3Crect x='952' y='96' width='6' height='9' rx='2'/%3E%3Crect x='1058' y='104' width='6' height='9' rx='2'/%3E%3C/g%3E%3Cg%3E%3Cellipse cx='400' cy='146' rx='20' ry='15' fill='%23e8731a'/%3E%3Cellipse cx='441' cy='149' rx='14' ry='11' fill='%23e8731a'/%3E%3Crect x='398' y='128' width='4' height='7' fill='%232a1030'/%3E%3Crect x='439' y='135' width='3' height='6' fill='%232a1030'/%3E%3Cpath fill='%232a1030' d='M390 142 l5 -5 l5 5Z M402 142 l5 -5 l5 5Z M392 150 q8 6 17 0 q-8 3 -17 0Z'/%3E%3C/g%3E%3C/svg%3E") bottom / 100% 26% no-repeat,
    linear-gradient(180deg, #4b2a5e 0%, #b24d5a 45%, #f39a52 80%, #f7c07a 100%);
}
.pv-halloween { background: radial-gradient(circle at 50% 38%, #fbe3c0 0 9px, transparent 10px), linear-gradient(transparent 72%, #07030a 72%), linear-gradient(#2a0f22, #0d0714); }
/* A lua cheia é clara: com colunas abertas, painéis mais opacos para manter a leitura. */
:root[data-scene="halloween"] body:not(.focus) .col { background: color-mix(in srgb, var(--panel) 90%, transparent); }

/* ───────────── Tatuagem (old school / flash sheet) ───────────── */
:root[data-clock="tattoo"] #clock { font-family: "Pirata One", "UnifrakturCook", serif; font-weight: 400; letter-spacing: .01em; }
:root[data-clock="oldenglish"] #clock { font-family: "UnifrakturCook", "Pirata One", serif; font-weight: 700; letter-spacing: 0; }
.clock-sample.tattoo { font-family: "Pirata One", serif; }
.clock-sample.oldenglish { font-family: "UnifrakturCook", serif; font-weight: 700; }

:root[data-palette="oldschool"]:not([data-theme="dark"]) {
  --bg: #efe2c6; --panel: #f8f0dc; --text: #161311; --text-2: #4d4236; --text-3: #85776a;
  --line: rgba(22, 19, 17, .16); --line-2: rgba(22, 19, 17, .34);
  --busy-bg: #f3d9c8; --busy-fg: #8e0c21; --clock: #161311; --now: #c8102e; --free-fg: #1b7a3e;
  --hi: #c8102e; --lo: #1f3a5f; --ok: #1b7a3e; --ok-on: #ffffff;
}
:root[data-palette="oldschool"][data-theme="dark"] {
  --bg: #0f0d0c; --panel: #1a1714; --text: #f3e9d2; --text-2: #c9b99b; --text-3: #8a7c66;
  --line: rgba(243, 233, 210, .12); --line-2: rgba(243, 233, 210, .26);
  --busy-bg: #3a1a14; --busy-fg: #ffd2c4; --clock: #f3e9d2; --now: #ff5a4e; --free-fg: #7fcf8e;
  --hi: #ff6b5e; --lo: #8fb3e0; --ok: #2f9e55; --ok-on: #ffffff;
}
:root[data-palette="oldschool"] .col { border-width: 2px; }

:root[data-scene="tattoo"]:not([data-theme="dark"]) body {
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg stroke='%23161311' stroke-width='6' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath fill='%23c8102e' d='M100 100 L78.8 70.9 L100.0 14.0Z'/%3E%3Cpath fill='%23161311' d='M100 100 L100.0 14.0 L121.2 70.9Z'/%3E%3Cpath fill='%23c8102e' d='M100 100 L121.2 70.9 L181.8 73.4Z'/%3E%3Cpath fill='%23161311' d='M100 100 L181.8 73.4 L134.2 111.1Z'/%3E%3Cpath fill='%23c8102e' d='M100 100 L134.2 111.1 L150.5 169.6Z'/%3E%3Cpath fill='%23161311' d='M100 100 L150.5 169.6 L100.0 136.0Z'/%3E%3Cpath fill='%23c8102e' d='M100 100 L100.0 136.0 L49.5 169.6Z'/%3E%3Cpath fill='%23161311' d='M100 100 L49.5 169.6 L65.8 111.1Z'/%3E%3Cpath fill='%23c8102e' d='M100 100 L65.8 111.1 L18.2 73.4Z'/%3E%3Cpath fill='%23161311' d='M100 100 L18.2 73.4 L78.8 70.9Z'/%3E%3C/g%3E%3C/svg%3E") top 3% left 1.5% / 20vh no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg stroke='%23161311' stroke-width='6' stroke-linejoin='round' stroke-linecap='round'%3E%3Cellipse cx='52' cy='150' rx='34' ry='16' transform='rotate%28-30 52 150%29' fill='%231b7a3e'/%3E%3Cellipse cx='150' cy='152' rx='34' ry='16' transform='rotate%2828 150 152%29' fill='%231b7a3e'/%3E%3Ccircle cx='100' cy='100' r='62' fill='%23c8102e'/%3E%3Cpath fill='none' d='M100 70 C130 70 138 100 118 116 C96 132 70 116 74 96 C78 80 98 80 102 94'/%3E%3Cpath fill='none' d='M52 96 C56 140 146 146 150 96'/%3E%3Cpath fill='none' d='M62 62 C80 44 124 44 140 64'/%3E%3C/g%3E%3C/svg%3E") top 3% right 1.5% / 20vh no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg stroke='%23161311' stroke-width='6' stroke-linejoin='round' stroke-linecap='round'%3E%3Ccircle cx='100' cy='30' r='16' fill='none' stroke='%23161311' stroke-width='14'/%3E%3Ccircle cx='100' cy='30' r='16' fill='none' stroke='%231f3a5f' stroke-width='6'/%3E%3Crect x='90' y='44' width='20' height='120' rx='6' fill='%231f3a5f'/%3E%3Crect x='56' y='62' width='88' height='16' rx='6' fill='%231f3a5f'/%3E%3Cpath fill='none' stroke='%23161311' stroke-width='22' d='M34 118 Q100 205 166 118'/%3E%3Cpath fill='none' stroke='%231f3a5f' stroke-width='10' d='M34 118 Q100 205 166 118'/%3E%3Cpath fill='%231f3a5f' d='M16 126 L34 96 L52 124Z M148 124 L166 96 L184 126Z'/%3E%3C/g%3E%3C/svg%3E") bottom 3% left 1.5% / 22vh no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg stroke='%23161311' stroke-width='6' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath fill='%23c9ccd1' d='M100 4 L110 30 L110 150 L90 150 L90 30Z'/%3E%3Crect x='66' y='150' width='68' height='12' rx='4' fill='%23f2b705'/%3E%3Crect x='92' y='162' width='16' height='30' rx='4' fill='%231f3a5f'/%3E%3Cpath fill='%23c8102e' d='M100 160 C28 112 22 52 64 44 C84 40 96 52 100 64 C104 52 116 40 136 44 C178 52 172 112 100 160Z'/%3E%3Cpath fill='%23f3e9d2' d='M6 96 L30 86 L170 86 L194 96 L170 116 L30 116Z'/%3E%3Ctext x='100' y='110' text-anchor='middle' font-family='Georgia,serif' font-weight='700' font-size='24' fill='%23161311' stroke='none'%3EAMOR%3C/text%3E%3C/g%3E%3C/svg%3E") bottom 3% right 1.5% / 24vh no-repeat,
    radial-gradient(ellipse at center, #f6ecd4 0%, #e8d6b0 100%);
}
:root[data-scene="tattoo"][data-theme="dark"] body {
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg stroke='%230b0a09' stroke-width='6' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath fill='%23c8102e' d='M100 100 L78.8 70.9 L100.0 14.0Z'/%3E%3Cpath fill='%230b0a09' d='M100 100 L100.0 14.0 L121.2 70.9Z'/%3E%3Cpath fill='%23c8102e' d='M100 100 L121.2 70.9 L181.8 73.4Z'/%3E%3Cpath fill='%230b0a09' d='M100 100 L181.8 73.4 L134.2 111.1Z'/%3E%3Cpath fill='%23c8102e' d='M100 100 L134.2 111.1 L150.5 169.6Z'/%3E%3Cpath fill='%230b0a09' d='M100 100 L150.5 169.6 L100.0 136.0Z'/%3E%3Cpath fill='%23c8102e' d='M100 100 L100.0 136.0 L49.5 169.6Z'/%3E%3Cpath fill='%230b0a09' d='M100 100 L49.5 169.6 L65.8 111.1Z'/%3E%3Cpath fill='%23c8102e' d='M100 100 L65.8 111.1 L18.2 73.4Z'/%3E%3Cpath fill='%230b0a09' d='M100 100 L18.2 73.4 L78.8 70.9Z'/%3E%3C/g%3E%3C/svg%3E") top 3% left 1.5% / 20vh no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg stroke='%230b0a09' stroke-width='6' stroke-linejoin='round' stroke-linecap='round'%3E%3Cellipse cx='52' cy='150' rx='34' ry='16' transform='rotate%28-30 52 150%29' fill='%231b7a3e'/%3E%3Cellipse cx='150' cy='152' rx='34' ry='16' transform='rotate%2828 150 152%29' fill='%231b7a3e'/%3E%3Ccircle cx='100' cy='100' r='62' fill='%23c8102e'/%3E%3Cpath fill='none' d='M100 70 C130 70 138 100 118 116 C96 132 70 116 74 96 C78 80 98 80 102 94'/%3E%3Cpath fill='none' d='M52 96 C56 140 146 146 150 96'/%3E%3Cpath fill='none' d='M62 62 C80 44 124 44 140 64'/%3E%3C/g%3E%3C/svg%3E") top 3% right 1.5% / 20vh no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg stroke='%230b0a09' stroke-width='6' stroke-linejoin='round' stroke-linecap='round'%3E%3Ccircle cx='100' cy='30' r='16' fill='none' stroke='%230b0a09' stroke-width='14'/%3E%3Ccircle cx='100' cy='30' r='16' fill='none' stroke='%231f3a5f' stroke-width='6'/%3E%3Crect x='90' y='44' width='20' height='120' rx='6' fill='%231f3a5f'/%3E%3Crect x='56' y='62' width='88' height='16' rx='6' fill='%231f3a5f'/%3E%3Cpath fill='none' stroke='%230b0a09' stroke-width='22' d='M34 118 Q100 205 166 118'/%3E%3Cpath fill='none' stroke='%231f3a5f' stroke-width='10' d='M34 118 Q100 205 166 118'/%3E%3Cpath fill='%231f3a5f' d='M16 126 L34 96 L52 124Z M148 124 L166 96 L184 126Z'/%3E%3C/g%3E%3C/svg%3E") bottom 3% left 1.5% / 22vh no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg stroke='%230b0a09' stroke-width='6' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath fill='%23c9ccd1' d='M100 4 L110 30 L110 150 L90 150 L90 30Z'/%3E%3Crect x='66' y='150' width='68' height='12' rx='4' fill='%23f2b705'/%3E%3Crect x='92' y='162' width='16' height='30' rx='4' fill='%231f3a5f'/%3E%3Cpath fill='%23c8102e' d='M100 160 C28 112 22 52 64 44 C84 40 96 52 100 64 C104 52 116 40 136 44 C178 52 172 112 100 160Z'/%3E%3Cpath fill='%23f3e9d2' d='M6 96 L30 86 L170 86 L194 96 L170 116 L30 116Z'/%3E%3Ctext x='100' y='110' text-anchor='middle' font-family='Georgia,serif' font-weight='700' font-size='24' fill='%230b0a09' stroke='none'%3EAMOR%3C/text%3E%3C/g%3E%3C/svg%3E") bottom 3% right 1.5% / 24vh no-repeat,
    radial-gradient(ellipse at center, #22201c 0%, #0f0d0c 100%);
}
:root[data-scene="tattoo"][data-theme="dark"] #scene { opacity: .9; }
.pv-tattoo { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg stroke='%23161311' stroke-width='6' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath fill='%23c8102e' d='M100 100 L78.8 70.9 L100.0 14.0Z'/%3E%3Cpath fill='%23161311' d='M100 100 L100.0 14.0 L121.2 70.9Z'/%3E%3Cpath fill='%23c8102e' d='M100 100 L121.2 70.9 L181.8 73.4Z'/%3E%3Cpath fill='%23161311' d='M100 100 L181.8 73.4 L134.2 111.1Z'/%3E%3Cpath fill='%23c8102e' d='M100 100 L134.2 111.1 L150.5 169.6Z'/%3E%3Cpath fill='%23161311' d='M100 100 L150.5 169.6 L100.0 136.0Z'/%3E%3Cpath fill='%23c8102e' d='M100 100 L100.0 136.0 L49.5 169.6Z'/%3E%3Cpath fill='%23161311' d='M100 100 L49.5 169.6 L65.8 111.1Z'/%3E%3Cpath fill='%23c8102e' d='M100 100 L65.8 111.1 L18.2 73.4Z'/%3E%3Cpath fill='%23161311' d='M100 100 L18.2 73.4 L78.8 70.9Z'/%3E%3C/g%3E%3C/svg%3E") center / 34px no-repeat, #efe2c6; }

/* ───────────── Magia (inspirado em escola de bruxaria) ───────────── */
:root[data-clock="magica"] #clock { font-family: "Cinzel Decorative", "Shippori Mincho", serif; font-weight: 700; letter-spacing: 0; }
.clock-sample.magica { font-family: "Cinzel Decorative", serif; font-weight: 700; font-size: 22px; }

:root[data-scene="magia"][data-theme="dark"] body {
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 220' preserveAspectRatio='xMidYMax slice'%3E%3Cg fill='%23070814'%3E%3Cpath d='M0 190 C220 160 420 175 600 168 S980 158 1200 180 V220 H0Z'/%3E%3Cpath d='M430 176 V120 h24 V176Z'/%3E%3Cpath d='M424 122 L442 70 L460 122Z'/%3E%3Cpath d='M470 176 V96 h30 V176Z'/%3E%3Cpath d='M464 98 L485 34 L506 98Z'/%3E%3Cpath d='M500 176 V132 h120 V176Z'/%3E%3Cpath d='M500 134 v-10 h10 v10 h10 v-10 h10 v10 h10 v-10 h10 v10 h10 v-10 h10 v10 h10 v-10 h10 v10 h10 v-10 h10 v10 h10 v-10 h10 v10Z'/%3E%3Cpath d='M620 176 V80 h34 V176Z'/%3E%3Cpath d='M614 82 L637 10 L660 82Z'/%3E%3Cpath d='M660 176 V112 h26 V176Z'/%3E%3Cpath d='M654 114 L673 60 L692 114Z'/%3E%3Cpath d='M690 176 V140 h70 V176Z'/%3E%3Cpath d='M756 176 V124 h22 V176Z'/%3E%3Cpath d='M751 126 L767 84 L783 126Z'/%3E%3C/g%3E%3Cg fill='%23ffc861'%3E%3Crect x='481' y='110' width='7' height='12' rx='3'/%3E%3Crect x='633' y='96' width='7' height='12' rx='3'/%3E%3Crect x='633' y='124' width='7' height='12' rx='3'/%3E%3Crect x='520' y='146' width='6' height='10' rx='2'/%3E%3Crect x='548' y='146' width='6' height='10' rx='2'/%3E%3Crect x='576' y='146' width='6' height='10' rx='2'/%3E%3Crect x='669' y='126' width='6' height='10' rx='2'/%3E%3Crect x='440' y='134' width='6' height='10' rx='2'/%3E%3Crect x='764' y='138' width='6' height='10' rx='2'/%3E%3C/g%3E%3C/svg%3E") bottom / 100% 30% no-repeat,
    radial-gradient(ellipse at 50% 0%, #2a2350 0%, transparent 60%),
    linear-gradient(180deg, #0b0c22 0%, #141537 60%, #1d1c3f 100%);
}
:root[data-scene="magia"]:not([data-theme="dark"]) body {
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 220' preserveAspectRatio='xMidYMax slice'%3E%3Cg fill='%233b2d4a'%3E%3Cpath d='M0 190 C220 160 420 175 600 168 S980 158 1200 180 V220 H0Z'/%3E%3Cpath d='M430 176 V120 h24 V176Z'/%3E%3Cpath d='M424 122 L442 70 L460 122Z'/%3E%3Cpath d='M470 176 V96 h30 V176Z'/%3E%3Cpath d='M464 98 L485 34 L506 98Z'/%3E%3Cpath d='M500 176 V132 h120 V176Z'/%3E%3Cpath d='M500 134 v-10 h10 v10 h10 v-10 h10 v10 h10 v-10 h10 v10 h10 v-10 h10 v10 h10 v-10 h10 v10 h10 v-10 h10 v10 h10 v-10 h10 v10Z'/%3E%3Cpath d='M620 176 V80 h34 V176Z'/%3E%3Cpath d='M614 82 L637 10 L660 82Z'/%3E%3Cpath d='M660 176 V112 h26 V176Z'/%3E%3Cpath d='M654 114 L673 60 L692 114Z'/%3E%3Cpath d='M690 176 V140 h70 V176Z'/%3E%3Cpath d='M756 176 V124 h22 V176Z'/%3E%3Cpath d='M751 126 L767 84 L783 126Z'/%3E%3C/g%3E%3Cg fill='%23ffd98a'%3E%3Crect x='481' y='110' width='7' height='12' rx='3'/%3E%3Crect x='633' y='96' width='7' height='12' rx='3'/%3E%3Crect x='633' y='124' width='7' height='12' rx='3'/%3E%3Crect x='520' y='146' width='6' height='10' rx='2'/%3E%3Crect x='548' y='146' width='6' height='10' rx='2'/%3E%3Crect x='576' y='146' width='6' height='10' rx='2'/%3E%3Crect x='669' y='126' width='6' height='10' rx='2'/%3E%3Crect x='440' y='134' width='6' height='10' rx='2'/%3E%3Crect x='764' y='138' width='6' height='10' rx='2'/%3E%3C/g%3E%3C/svg%3E") bottom / 100% 30% no-repeat,
    radial-gradient(ellipse at 50% 20%, #fff6de 0%, transparent 60%),
    linear-gradient(180deg, #e9d9b4 0%, #d9c08e 60%, #c9a86a 100%);
}
.pv-magia { background: radial-gradient(circle at 30% 35%, #ffd36b 0 3px, transparent 4px), radial-gradient(circle at 68% 50%, #ffd36b 0 3px, transparent 4px), linear-gradient(transparent 70%, #070814 70%), linear-gradient(#141537, #2a2350); }

/* Cores das quatro casas. */
:root[data-palette="escarlate"]:not([data-theme="dark"]) {
  --bg: #f3e6d0; --panel: #fbf4e6; --text: #2b0a0a; --text-2: #6b3a2e; --text-3: #9c7b67;
  --line: rgba(116, 0, 1, .14); --line-2: rgba(116, 0, 1, .3);
  --busy-bg: #f3d6c7; --busy-fg: #740001; --clock: #740001; --now: #ae0001; --free-fg: #7a5c00;
  --hi: #ae0001; --lo: #5d4a1a; --ok: #ae0001; --ok-on: #ffffff;
}
:root[data-palette="escarlate"][data-theme="dark"] {
  --bg: #120405; --panel: #1f0808; --text: #f5e3c3; --text-2: #d9b77a; --text-3: #9a7e55;
  --line: rgba(211, 166, 37, .16); --line-2: rgba(211, 166, 37, .32);
  --busy-bg: #4a0c0c; --busy-fg: #ffd9a8; --clock: #d3a625; --now: #eeba30; --free-fg: #eeba30;
  --hi: #ff6b5e; --lo: #eeba30; --ok: #ae0001; --ok-on: #ffffff;
}
:root[data-palette="esmeralda"]:not([data-theme="dark"]) {
  --bg: #e5ebe3; --panel: #f4f7f2; --text: #0d1f14; --text-2: #3d5646; --text-3: #7a8c80;
  --line: rgba(26, 71, 42, .14); --line-2: rgba(26, 71, 42, .3);
  --busy-bg: #d3e3d6; --busy-fg: #1a472a; --clock: #1a472a; --now: #2a623d; --free-fg: #2a623d;
  --hi: #8b1a1a; --lo: #5d5d5d; --ok: #2a623d; --ok-on: #ffffff;
}
:root[data-palette="esmeralda"][data-theme="dark"] {
  --bg: #060d09; --panel: #0d1a12; --text: #e6ece8; --text-2: #aab7ae; --text-3: #6f7d74;
  --line: rgba(170, 170, 170, .14); --line-2: rgba(170, 170, 170, .3);
  --busy-bg: #16352a; --busy-fg: #cfe8d6; --clock: #c7cdd1; --now: #5fbf7f; --free-fg: #7fd39a;
  --hi: #ff8a80; --lo: #c7cdd1; --ok: #2a623d; --ok-on: #ffffff;
}
:root[data-palette="safira"]:not([data-theme="dark"]) {
  --bg: #e4e8f1; --panel: #f4f6fb; --text: #0e1a40; --text-2: #3e4a6e; --text-3: #7a84a0;
  --line: rgba(14, 26, 64, .14); --line-2: rgba(14, 26, 64, .3);
  --busy-bg: #d6ddef; --busy-fg: #222f5b; --clock: #222f5b; --now: #946b2d; --free-fg: #5d6e2a;
  --hi: #9c2a2a; --lo: #946b2d; --ok: #222f5b; --ok-on: #ffffff;
}
:root[data-palette="safira"][data-theme="dark"] {
  --bg: #060a1c; --panel: #0e1530; --text: #e6e9f5; --text-2: #aeb6d4; --text-3: #717b9c;
  --line: rgba(205, 160, 90, .16); --line-2: rgba(205, 160, 90, .32);
  --busy-bg: #1b2753; --busy-fg: #d6def8; --clock: #cd9f5a; --now: #e0b36a; --free-fg: #a9c47a;
  --hi: #ff8a80; --lo: #e0b36a; --ok: #3a4f9a; --ok-on: #ffffff;
}
:root[data-palette="ambar"]:not([data-theme="dark"]) {
  --bg: #f6ecc8; --panel: #fcf6e0; --text: #1e1a14; --text-2: #4f4535; --text-3: #8a7e66;
  --line: rgba(55, 46, 41, .16); --line-2: rgba(55, 46, 41, .32);
  --busy-bg: #f2dd97; --busy-fg: #372e29; --clock: #372e29; --now: #b8860b; --free-fg: #5b6e2a;
  --hi: #a32d2d; --lo: #372e29; --ok: #372e29; --ok-on: #ecb939;
}
:root[data-palette="ambar"][data-theme="dark"] {
  --bg: #0f0d0a; --panel: #1b1812; --text: #f6ecc8; --text-2: #d1c392; --text-3: #8f845f;
  --line: rgba(236, 185, 57, .16); --line-2: rgba(236, 185, 57, .32);
  --busy-bg: #3a3014; --busy-fg: #ffe9a8; --clock: #ecb939; --now: #f0c75e; --free-fg: #c8d67a;
  --hi: #ff8a80; --lo: #ecb939; --ok: #ecb939; --ok-on: #1e1a14;
}

/* ───────────── Glam (clima Barbie) ───────────── */
:root[data-clock="script"] #clock { font-family: "Pacifico", "Zen Maru Gothic", cursive; font-weight: 400; letter-spacing: 0; line-height: 1.25; }
.clock-sample.script { font-family: "Pacifico", cursive; font-size: 22px; }

:root[data-palette="pink"]:not([data-theme="dark"]) {
  --bg: #ffe3f1; --panel: #fff4fa; --text: #4a0f2e; --text-2: #8a3a66; --text-3: #b97a9c;
  --line: rgba(224, 33, 138, .16); --line-2: rgba(224, 33, 138, .34);
  --busy-bg: #ffd0e8; --busy-fg: #a3115f; --clock: #e0218a; --now: #ff2d95; --free-fg: #1f9e8f;
  --hi: #e0218a; --lo: #6a4cc7; --ok: #e0218a; --ok-on: #ffffff;
}
:root[data-palette="pink"][data-theme="dark"] {
  --bg: #1c0613; --panel: #2a0b1e; --text: #ffe3f1; --text-2: #f0a8cf; --text-3: #b4708f;
  --line: rgba(255, 79, 163, .18); --line-2: rgba(255, 79, 163, .36);
  --busy-bg: #5a1440; --busy-fg: #ffd0e8; --clock: #ff4fa3; --now: #ff7ab8; --free-fg: #6fe0cf;
  --hi: #ff7ab8; --lo: #b9a3ff; --ok: #ff4fa3; --ok-on: #1c0613;
}
:root[data-palette="pink"][data-theme="dark"] #clock { text-shadow: 0 0 24px rgba(255, 79, 163, .45); }

:root[data-scene="glam"]:not([data-theme="dark"]) body {
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 300'%3E%3Cg fill='%23c2186b'%3E%3Cpath d='M92 300 C96 230 104 170 122 110 L130 112 C114 172 108 232 106 300Z'/%3E%3Cpath d='M126 108 C96 80 50 78 14 96 C52 88 88 94 124 116Z'/%3E%3Cpath d='M126 108 C104 64 70 40 30 36 C70 50 100 76 122 114Z'/%3E%3Cpath d='M128 106 C132 62 158 30 196 22 C164 42 146 70 132 112Z'/%3E%3Cpath d='M128 110 C164 90 196 96 200 120 C180 104 156 104 130 116Z'/%3E%3Cpath d='M128 108 C150 120 170 150 172 184 C160 154 146 132 126 116Z'/%3E%3Cpath d='M124 110 C104 124 84 150 80 186 C94 156 108 134 128 116Z'/%3E%3C/g%3E%3C/svg%3E") bottom left / auto 46% no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 300'%3E%3Cg fill='%23c2186b' transform='translate%28200 0%29 scale%28-1 1%29'%3E%3Cpath d='M92 300 C96 230 104 170 122 110 L130 112 C114 172 108 232 106 300Z'/%3E%3Cpath d='M126 108 C96 80 50 78 14 96 C52 88 88 94 124 116Z'/%3E%3Cpath d='M126 108 C104 64 70 40 30 36 C70 50 100 76 122 114Z'/%3E%3Cpath d='M128 106 C132 62 158 30 196 22 C164 42 146 70 132 112Z'/%3E%3Cpath d='M128 110 C164 90 196 96 200 120 C180 104 156 104 130 116Z'/%3E%3Cpath d='M128 108 C150 120 170 150 172 184 C160 154 146 132 126 116Z'/%3E%3Cpath d='M124 110 C104 124 84 150 80 186 C94 156 108 134 128 116Z'/%3E%3C/g%3E%3C/svg%3E") bottom right / auto 40% no-repeat,
    radial-gradient(circle at 50% 78%, #fff1a8 0 7%, #ffc38a 12%, transparent 30%),
    linear-gradient(180deg, #ff9ecf 0%, #ffb7d9 45%, #ffd3b4 80%, #ffe6c7 100%);
}
:root[data-scene="glam"][data-theme="dark"] body {
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 300'%3E%3Cg fill='%2312030c'%3E%3Cpath d='M92 300 C96 230 104 170 122 110 L130 112 C114 172 108 232 106 300Z'/%3E%3Cpath d='M126 108 C96 80 50 78 14 96 C52 88 88 94 124 116Z'/%3E%3Cpath d='M126 108 C104 64 70 40 30 36 C70 50 100 76 122 114Z'/%3E%3Cpath d='M128 106 C132 62 158 30 196 22 C164 42 146 70 132 112Z'/%3E%3Cpath d='M128 110 C164 90 196 96 200 120 C180 104 156 104 130 116Z'/%3E%3Cpath d='M128 108 C150 120 170 150 172 184 C160 154 146 132 126 116Z'/%3E%3Cpath d='M124 110 C104 124 84 150 80 186 C94 156 108 134 128 116Z'/%3E%3C/g%3E%3C/svg%3E") bottom left / auto 46% no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 300'%3E%3Cg fill='%2312030c' transform='translate%28200 0%29 scale%28-1 1%29'%3E%3Cpath d='M92 300 C96 230 104 170 122 110 L130 112 C114 172 108 232 106 300Z'/%3E%3Cpath d='M126 108 C96 80 50 78 14 96 C52 88 88 94 124 116Z'/%3E%3Cpath d='M126 108 C104 64 70 40 30 36 C70 50 100 76 122 114Z'/%3E%3Cpath d='M128 106 C132 62 158 30 196 22 C164 42 146 70 132 112Z'/%3E%3Cpath d='M128 110 C164 90 196 96 200 120 C180 104 156 104 130 116Z'/%3E%3Cpath d='M128 108 C150 120 170 150 172 184 C160 154 146 132 126 116Z'/%3E%3Cpath d='M124 110 C104 124 84 150 80 186 C94 156 108 134 128 116Z'/%3E%3C/g%3E%3C/svg%3E") bottom right / auto 40% no-repeat,
    radial-gradient(circle at 50% 80%, rgba(255, 79, 163, .45) 0 6%, transparent 30%),
    linear-gradient(180deg, #2a0620 0%, #4a0d36 55%, #7a1a4f 100%);
}
.pv-glam { background: radial-gradient(circle at 50% 72%, #fff1a8 0 5px, transparent 7px), linear-gradient(#ff9ecf, #ffe6c7); }

/* ───────────── Moranguinho ───────────── */
:root[data-clock="fofa"] #clock { font-family: "Chewy", "Zen Maru Gothic", sans-serif; font-weight: 400; letter-spacing: .02em; }
.clock-sample.fofa { font-family: "Chewy", sans-serif; }

:root[data-palette="morango"]:not([data-theme="dark"]) {
  --bg: #fff5ea; --panel: #fffaf4; --text: #4a1c1c; --text-2: #8a4a44; --text-3: #b98a80;
  --line: rgba(230, 57, 70, .16); --line-2: rgba(230, 57, 70, .34);
  --busy-bg: #ffdbe0; --busy-fg: #b0202e; --clock: #e63946; --now: #ff6b81; --free-fg: #2d8f5f;
  --hi: #e63946; --lo: #2d8f5f; --ok: #52b788; --ok-on: #ffffff;
}
:root[data-palette="morango"][data-theme="dark"] {
  --bg: #1a0c0d; --panel: #261314; --text: #ffeef0; --text-2: #f2b8bf; --text-3: #a97d82;
  --line: rgba(255, 179, 193, .16); --line-2: rgba(255, 179, 193, .32);
  --busy-bg: #4d1a20; --busy-fg: #ffd0d6; --clock: #ff5c6c; --now: #ff8fa0; --free-fg: #7fd6a8;
  --hi: #ff7a8a; --lo: #7fd6a8; --ok: #52b788; --ok-on: #ffffff;
}
:root[data-palette="morango"] .col { border-radius: 22px; }

:root[data-scene="morango"]:not([data-theme="dark"]) body {
  background: repeating-linear-gradient(0deg, rgba(230, 57, 70, .22) 0 28px, transparent 28px 56px), repeating-linear-gradient(90deg, rgba(230, 57, 70, .22) 0 28px, transparent 28px 56px), #fff8f1;
}
:root[data-scene="morango"][data-theme="dark"] body {
  background: repeating-linear-gradient(0deg, rgba(255, 120, 130, .10) 0 28px, transparent 28px 56px), repeating-linear-gradient(90deg, rgba(255, 120, 130, .10) 0 28px, transparent 28px 56px), #1a0c0d;
}
.pv-morango { background: repeating-linear-gradient(0deg, rgba(230, 57, 70, .22) 0 28px, transparent 28px 56px), repeating-linear-gradient(90deg, rgba(230, 57, 70, .22) 0 28px, transparent 28px 56px), #fff8f1; }

/* Xadrez é chamativo: painéis quase sólidos para manter a leitura. */
:root[data-scene="morango"] body:not(.focus) .col { background: color-mix(in srgb, var(--panel) 93%, transparent); }

/* ───────────── Cartões de tema pronto + "Personalizar" recolhível ───────────── */
.preset { min-width: 128px; }
.preset .pv {
  width: 112px; height: 70px; display: flex; align-items: center; justify-content: center;
  position: relative; overflow: hidden;
}
.preset .pv .clock-sample { font-size: 24px; text-shadow: 0 1px 6px rgba(255, 255, 255, .5); }
.preset .pv .clock-sample.lcd { font-size: 18px; }
.preset .pv .clock-sample.script, .preset .pv .clock-sample.magica { font-size: 18px; }
#settings details.custom { margin-top: 16px; border: 1px solid var(--line); border-radius: 12px; padding: 4px 14px 12px; }
#settings details.custom summary {
  cursor: pointer; padding: 10px 0; font-size: 15px; color: var(--text-2); list-style: none;
}
#settings details.custom summary::before { content: "▸ "; }
#settings details.custom[open] summary::before { content: "▾ "; }
#settings details.custom summary::-webkit-details-marker { display: none; }

/* ───────────── Natal ───────────── */
:root[data-clock="natal"] #clock { font-family: "Mountains of Christmas", "Shippori Mincho", serif; font-weight: 700; letter-spacing: 0; }
.clock-sample.natal { font-family: "Mountains of Christmas", serif; font-weight: 700; }

:root[data-palette="natal"]:not([data-theme="dark"]) {
  --bg: #f4efe6; --panel: #fffaf2; --text: #2a1414; --text-2: #6b4a3e; --text-3: #9c857a;
  --line: rgba(120, 20, 30, .12); --line-2: rgba(120, 20, 30, .26);
  --busy-bg: #f3d9d4; --busy-fg: #8e1022; --clock: #b3122a; --now: #1b6b3a; --free-fg: #1b6b3a;
  --hi: #b3122a; --lo: #1b6b3a; --ok: #1b6b3a; --ok-on: #ffffff;
}
:root[data-palette="natal"][data-theme="dark"] {
  --bg: #0b1220; --panel: #121b2e; --text: #f5efe6; --text-2: #c9c0b0; --text-3: #8a8478;
  --line: rgba(242, 193, 78, .14); --line-2: rgba(242, 193, 78, .3);
  --busy-bg: #3a1420; --busy-fg: #ffd2d6; --clock: #f2c14e; --now: #ff6b6b; --free-fg: #7fd18b;
  --hi: #ff6b6b; --lo: #7fd18b; --ok: #2f8f4e; --ok-on: #ffffff;
}
:root[data-palette="natal"][data-theme="dark"] #clock { text-shadow: 0 0 20px rgba(242, 193, 78, .35); }
:root[data-scene="natal"]:not([data-theme="dark"]) body {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 200' preserveAspectRatio='xMidYMax slice'%3E%3Cpath fill='%231f5c3a' d='M-20 110 L-34 144 L-6 144Z'/%3E%3Cpath fill='%23ffffff' d='M-20 110 L-25 121 L-15 121Z'/%3E%3Cpath fill='%231f5c3a' d='M-20 130 L-39 164 L-1 164Z'/%3E%3Cpath fill='%23ffffff' d='M-20 130 L-27 141 L-13 141Z'/%3E%3Cpath fill='%231f5c3a' d='M-20 150 L-45 184 L5 184Z'/%3E%3Cpath fill='%23ffffff' d='M-20 150 L-29 160 L-11 160Z'/%3E%3Crect fill='%231f5c3a' x='-25' y='182' width='10' height='18'/%3E%3Cpath fill='%231f5c3a' d='M69 105 L55 141 L83 141Z'/%3E%3Cpath fill='%23ffffff' d='M69 105 L64 116 L74 116Z'/%3E%3Cpath fill='%231f5c3a' d='M69 126 L49 162 L89 162Z'/%3E%3Cpath fill='%23ffffff' d='M69 126 L62 137 L76 137Z'/%3E%3Cpath fill='%231f5c3a' d='M69 147 L43 183 L95 183Z'/%3E%3Cpath fill='%23ffffff' d='M69 147 L60 158 L78 158Z'/%3E%3Crect fill='%231f5c3a' x='64' y='181' width='10' height='19'/%3E%3Cpath fill='%231f5c3a' d='M145 126 L134 154 L156 154Z'/%3E%3Cpath fill='%23ffffff' d='M145 126 L141 135 L149 135Z'/%3E%3Cpath fill='%231f5c3a' d='M145 142 L129 170 L161 170Z'/%3E%3Cpath fill='%23ffffff' d='M145 142 L139 151 L151 151Z'/%3E%3Cpath fill='%231f5c3a' d='M145 159 L125 187 L165 187Z'/%3E%3Cpath fill='%23ffffff' d='M145 159 L138 167 L152 167Z'/%3E%3Crect fill='%231f5c3a' x='140' y='185' width='10' height='15'/%3E%3Cpath fill='%231f5c3a' d='M283 124 L272 153 L294 153Z'/%3E%3Cpath fill='%23ffffff' d='M283 124 L279 133 L287 133Z'/%3E%3Cpath fill='%231f5c3a' d='M283 141 L267 170 L299 170Z'/%3E%3Cpath fill='%23ffffff' d='M283 141 L277 150 L289 150Z'/%3E%3Cpath fill='%231f5c3a' d='M283 157 L262 186 L304 186Z'/%3E%3Cpath fill='%23ffffff' d='M283 157 L276 167 L290 167Z'/%3E%3Crect fill='%231f5c3a' x='278' y='185' width='10' height='15'/%3E%3Cpath fill='%231f5c3a' d='M399 93 L383 134 L415 134Z'/%3E%3Cpath fill='%23ffffff' d='M399 93 L393 106 L405 106Z'/%3E%3Cpath fill='%231f5c3a' d='M399 117 L376 157 L422 157Z'/%3E%3Cpath fill='%23ffffff' d='M399 117 L391 129 L407 129Z'/%3E%3Cpath fill='%231f5c3a' d='M399 140 L370 181 L428 181Z'/%3E%3Cpath fill='%23ffffff' d='M399 140 L389 153 L409 153Z'/%3E%3Crect fill='%231f5c3a' x='394' y='179' width='10' height='21'/%3E%3Cpath fill='%231f5c3a' d='M476 72 L457 121 L495 121Z'/%3E%3Cpath fill='%23ffffff' d='M476 72 L469 87 L483 87Z'/%3E%3Cpath fill='%231f5c3a' d='M476 100 L449 149 L503 149Z'/%3E%3Cpath fill='%23ffffff' d='M476 100 L466 116 L486 116Z'/%3E%3Cpath fill='%231f5c3a' d='M476 128 L441 177 L511 177Z'/%3E%3Cpath fill='%23ffffff' d='M476 128 L463 144 L489 144Z'/%3E%3Crect fill='%231f5c3a' x='471' y='174' width='10' height='26'/%3E%3Cpath fill='%231f5c3a' d='M610 117 L597 149 L623 149Z'/%3E%3Cpath fill='%23ffffff' d='M610 117 L605 127 L615 127Z'/%3E%3Cpath fill='%231f5c3a' d='M610 135 L592 167 L628 167Z'/%3E%3Cpath fill='%23ffffff' d='M610 135 L604 145 L616 145Z'/%3E%3Cpath fill='%231f5c3a' d='M610 154 L587 185 L633 185Z'/%3E%3Cpath fill='%23ffffff' d='M610 154 L602 163 L618 163Z'/%3E%3Crect fill='%231f5c3a' x='605' y='183' width='10' height='17'/%3E%3Cpath fill='%231f5c3a' d='M684 125 L673 154 L695 154Z'/%3E%3Cpath fill='%23ffffff' d='M684 125 L680 134 L688 134Z'/%3E%3Cpath fill='%231f5c3a' d='M684 142 L668 170 L700 170Z'/%3E%3Cpath fill='%23ffffff' d='M684 142 L678 150 L690 150Z'/%3E%3Cpath fill='%231f5c3a' d='M684 158 L664 186 L704 186Z'/%3E%3Cpath fill='%23ffffff' d='M684 158 L677 167 L691 167Z'/%3E%3Crect fill='%231f5c3a' x='679' y='185' width='10' height='15'/%3E%3Cpath fill='%231f5c3a' d='M809 104 L794 140 L824 140Z'/%3E%3Cpath fill='%23ffffff' d='M809 104 L804 116 L814 116Z'/%3E%3Cpath fill='%231f5c3a' d='M809 125 L789 162 L829 162Z'/%3E%3Cpath fill='%23ffffff' d='M809 125 L802 137 L816 137Z'/%3E%3Cpath fill='%231f5c3a' d='M809 146 L783 183 L835 183Z'/%3E%3Cpath fill='%23ffffff' d='M809 146 L800 158 L818 158Z'/%3E%3Crect fill='%231f5c3a' x='804' y='181' width='10' height='19'/%3E%3Cpath fill='%231f5c3a' d='M887 115 L874 147 L900 147Z'/%3E%3Cpath fill='%23ffffff' d='M887 115 L882 125 L892 125Z'/%3E%3Cpath fill='%231f5c3a' d='M887 134 L869 166 L905 166Z'/%3E%3Cpath fill='%23ffffff' d='M887 134 L881 144 L893 144Z'/%3E%3Cpath fill='%231f5c3a' d='M887 152 L864 185 L910 185Z'/%3E%3Cpath fill='%23ffffff' d='M887 152 L879 163 L895 163Z'/%3E%3Crect fill='%231f5c3a' x='882' y='183' width='10' height='17'/%3E%3Cpath fill='%231f5c3a' d='M968 95 L952 135 L984 135Z'/%3E%3Cpath fill='%23ffffff' d='M968 95 L962 108 L974 108Z'/%3E%3Cpath fill='%231f5c3a' d='M968 118 L946 158 L990 158Z'/%3E%3Cpath fill='%23ffffff' d='M968 118 L960 131 L976 131Z'/%3E%3Cpath fill='%231f5c3a' d='M968 141 L939 181 L997 181Z'/%3E%3Cpath fill='%23ffffff' d='M968 141 L958 154 L978 154Z'/%3E%3Crect fill='%231f5c3a' x='963' y='179' width='10' height='21'/%3E%3Cpath fill='%231f5c3a' d='M1092 127 L1081 155 L1103 155Z'/%3E%3Cpath fill='%23ffffff' d='M1092 127 L1088 136 L1096 136Z'/%3E%3Cpath fill='%231f5c3a' d='M1092 143 L1077 171 L1107 171Z'/%3E%3Cpath fill='%23ffffff' d='M1092 143 L1086 152 L1098 152Z'/%3E%3Cpath fill='%231f5c3a' d='M1092 159 L1072 187 L1112 187Z'/%3E%3Cpath fill='%23ffffff' d='M1092 159 L1085 168 L1099 168Z'/%3E%3Crect fill='%231f5c3a' x='1087' y='185' width='10' height='15'/%3E%3Cpath fill='%231f5c3a' d='M1177 70 L1157 119 L1197 119Z'/%3E%3Cpath fill='%23ffffff' d='M1177 70 L1170 86 L1184 86Z'/%3E%3Cpath fill='%231f5c3a' d='M1177 99 L1149 148 L1205 148Z'/%3E%3Cpath fill='%23ffffff' d='M1177 99 L1167 114 L1187 114Z'/%3E%3Cpath fill='%231f5c3a' d='M1177 127 L1142 177 L1212 177Z'/%3E%3Cpath fill='%23ffffff' d='M1177 127 L1164 143 L1190 143Z'/%3E%3Crect fill='%231f5c3a' x='1172' y='174' width='10' height='26'/%3E%3Cpath fill='%23ffffff' d='M0 186 C300 172 600 190 900 176 S1150 182 1200 178 V200 H0Z'/%3E%3C/svg%3E") bottom / 100% 26% no-repeat,
    linear-gradient(180deg, #cfe3f2 0%, #e9f1f7 60%, #f6f9fb 100%);
}
:root[data-scene="natal"][data-theme="dark"] body {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 200' preserveAspectRatio='xMidYMax slice'%3E%3Cpath fill='%230d2a1c' d='M-20 110 L-34 144 L-6 144Z'/%3E%3Cpath fill='%23dfe8f2' d='M-20 110 L-25 121 L-15 121Z'/%3E%3Cpath fill='%230d2a1c' d='M-20 130 L-39 164 L-1 164Z'/%3E%3Cpath fill='%23dfe8f2' d='M-20 130 L-27 141 L-13 141Z'/%3E%3Cpath fill='%230d2a1c' d='M-20 150 L-45 184 L5 184Z'/%3E%3Cpath fill='%23dfe8f2' d='M-20 150 L-29 160 L-11 160Z'/%3E%3Crect fill='%230d2a1c' x='-25' y='182' width='10' height='18'/%3E%3Cpath fill='%230d2a1c' d='M69 105 L55 141 L83 141Z'/%3E%3Cpath fill='%23dfe8f2' d='M69 105 L64 116 L74 116Z'/%3E%3Cpath fill='%230d2a1c' d='M69 126 L49 162 L89 162Z'/%3E%3Cpath fill='%23dfe8f2' d='M69 126 L62 137 L76 137Z'/%3E%3Cpath fill='%230d2a1c' d='M69 147 L43 183 L95 183Z'/%3E%3Cpath fill='%23dfe8f2' d='M69 147 L60 158 L78 158Z'/%3E%3Crect fill='%230d2a1c' x='64' y='181' width='10' height='19'/%3E%3Cpath fill='%230d2a1c' d='M145 126 L134 154 L156 154Z'/%3E%3Cpath fill='%23dfe8f2' d='M145 126 L141 135 L149 135Z'/%3E%3Cpath fill='%230d2a1c' d='M145 142 L129 170 L161 170Z'/%3E%3Cpath fill='%23dfe8f2' d='M145 142 L139 151 L151 151Z'/%3E%3Cpath fill='%230d2a1c' d='M145 159 L125 187 L165 187Z'/%3E%3Cpath fill='%23dfe8f2' d='M145 159 L138 167 L152 167Z'/%3E%3Crect fill='%230d2a1c' x='140' y='185' width='10' height='15'/%3E%3Cpath fill='%230d2a1c' d='M283 124 L272 153 L294 153Z'/%3E%3Cpath fill='%23dfe8f2' d='M283 124 L279 133 L287 133Z'/%3E%3Cpath fill='%230d2a1c' d='M283 141 L267 170 L299 170Z'/%3E%3Cpath fill='%23dfe8f2' d='M283 141 L277 150 L289 150Z'/%3E%3Cpath fill='%230d2a1c' d='M283 157 L262 186 L304 186Z'/%3E%3Cpath fill='%23dfe8f2' d='M283 157 L276 167 L290 167Z'/%3E%3Crect fill='%230d2a1c' x='278' y='185' width='10' height='15'/%3E%3Cpath fill='%230d2a1c' d='M399 93 L383 134 L415 134Z'/%3E%3Cpath fill='%23dfe8f2' d='M399 93 L393 106 L405 106Z'/%3E%3Cpath fill='%230d2a1c' d='M399 117 L376 157 L422 157Z'/%3E%3Cpath fill='%23dfe8f2' d='M399 117 L391 129 L407 129Z'/%3E%3Cpath fill='%230d2a1c' d='M399 140 L370 181 L428 181Z'/%3E%3Cpath fill='%23dfe8f2' d='M399 140 L389 153 L409 153Z'/%3E%3Crect fill='%230d2a1c' x='394' y='179' width='10' height='21'/%3E%3Cpath fill='%230d2a1c' d='M476 72 L457 121 L495 121Z'/%3E%3Cpath fill='%23dfe8f2' d='M476 72 L469 87 L483 87Z'/%3E%3Cpath fill='%230d2a1c' d='M476 100 L449 149 L503 149Z'/%3E%3Cpath fill='%23dfe8f2' d='M476 100 L466 116 L486 116Z'/%3E%3Cpath fill='%230d2a1c' d='M476 128 L441 177 L511 177Z'/%3E%3Cpath fill='%23dfe8f2' d='M476 128 L463 144 L489 144Z'/%3E%3Crect fill='%230d2a1c' x='471' y='174' width='10' height='26'/%3E%3Cpath fill='%230d2a1c' d='M610 117 L597 149 L623 149Z'/%3E%3Cpath fill='%23dfe8f2' d='M610 117 L605 127 L615 127Z'/%3E%3Cpath fill='%230d2a1c' d='M610 135 L592 167 L628 167Z'/%3E%3Cpath fill='%23dfe8f2' d='M610 135 L604 145 L616 145Z'/%3E%3Cpath fill='%230d2a1c' d='M610 154 L587 185 L633 185Z'/%3E%3Cpath fill='%23dfe8f2' d='M610 154 L602 163 L618 163Z'/%3E%3Crect fill='%230d2a1c' x='605' y='183' width='10' height='17'/%3E%3Cpath fill='%230d2a1c' d='M684 125 L673 154 L695 154Z'/%3E%3Cpath fill='%23dfe8f2' d='M684 125 L680 134 L688 134Z'/%3E%3Cpath fill='%230d2a1c' d='M684 142 L668 170 L700 170Z'/%3E%3Cpath fill='%23dfe8f2' d='M684 142 L678 150 L690 150Z'/%3E%3Cpath fill='%230d2a1c' d='M684 158 L664 186 L704 186Z'/%3E%3Cpath fill='%23dfe8f2' d='M684 158 L677 167 L691 167Z'/%3E%3Crect fill='%230d2a1c' x='679' y='185' width='10' height='15'/%3E%3Cpath fill='%230d2a1c' d='M809 104 L794 140 L824 140Z'/%3E%3Cpath fill='%23dfe8f2' d='M809 104 L804 116 L814 116Z'/%3E%3Cpath fill='%230d2a1c' d='M809 125 L789 162 L829 162Z'/%3E%3Cpath fill='%23dfe8f2' d='M809 125 L802 137 L816 137Z'/%3E%3Cpath fill='%230d2a1c' d='M809 146 L783 183 L835 183Z'/%3E%3Cpath fill='%23dfe8f2' d='M809 146 L800 158 L818 158Z'/%3E%3Crect fill='%230d2a1c' x='804' y='181' width='10' height='19'/%3E%3Cpath fill='%230d2a1c' d='M887 115 L874 147 L900 147Z'/%3E%3Cpath fill='%23dfe8f2' d='M887 115 L882 125 L892 125Z'/%3E%3Cpath fill='%230d2a1c' d='M887 134 L869 166 L905 166Z'/%3E%3Cpath fill='%23dfe8f2' d='M887 134 L881 144 L893 144Z'/%3E%3Cpath fill='%230d2a1c' d='M887 152 L864 185 L910 185Z'/%3E%3Cpath fill='%23dfe8f2' d='M887 152 L879 163 L895 163Z'/%3E%3Crect fill='%230d2a1c' x='882' y='183' width='10' height='17'/%3E%3Cpath fill='%230d2a1c' d='M968 95 L952 135 L984 135Z'/%3E%3Cpath fill='%23dfe8f2' d='M968 95 L962 108 L974 108Z'/%3E%3Cpath fill='%230d2a1c' d='M968 118 L946 158 L990 158Z'/%3E%3Cpath fill='%23dfe8f2' d='M968 118 L960 131 L976 131Z'/%3E%3Cpath fill='%230d2a1c' d='M968 141 L939 181 L997 181Z'/%3E%3Cpath fill='%23dfe8f2' d='M968 141 L958 154 L978 154Z'/%3E%3Crect fill='%230d2a1c' x='963' y='179' width='10' height='21'/%3E%3Cpath fill='%230d2a1c' d='M1092 127 L1081 155 L1103 155Z'/%3E%3Cpath fill='%23dfe8f2' d='M1092 127 L1088 136 L1096 136Z'/%3E%3Cpath fill='%230d2a1c' d='M1092 143 L1077 171 L1107 171Z'/%3E%3Cpath fill='%23dfe8f2' d='M1092 143 L1086 152 L1098 152Z'/%3E%3Cpath fill='%230d2a1c' d='M1092 159 L1072 187 L1112 187Z'/%3E%3Cpath fill='%23dfe8f2' d='M1092 159 L1085 168 L1099 168Z'/%3E%3Crect fill='%230d2a1c' x='1087' y='185' width='10' height='15'/%3E%3Cpath fill='%230d2a1c' d='M1177 70 L1157 119 L1197 119Z'/%3E%3Cpath fill='%23dfe8f2' d='M1177 70 L1170 86 L1184 86Z'/%3E%3Cpath fill='%230d2a1c' d='M1177 99 L1149 148 L1205 148Z'/%3E%3Cpath fill='%23dfe8f2' d='M1177 99 L1167 114 L1187 114Z'/%3E%3Cpath fill='%230d2a1c' d='M1177 127 L1142 177 L1212 177Z'/%3E%3Cpath fill='%23dfe8f2' d='M1177 127 L1164 143 L1190 143Z'/%3E%3Crect fill='%230d2a1c' x='1172' y='174' width='10' height='26'/%3E%3Cpath fill='%23dfe8f2' d='M0 186 C300 172 600 190 900 176 S1150 182 1200 178 V200 H0Z'/%3E%3C/svg%3E") bottom / 100% 26% no-repeat,
    radial-gradient(ellipse at 50% 0%, #1c2d55 0%, transparent 60%),
    linear-gradient(180deg, #08101f 0%, #101c36 70%, #17264a 100%);
}
.pv-natal { background: radial-gradient(circle at 20% 15%, #ff3b3b 0 3px, transparent 4px), radial-gradient(circle at 45% 18%, #2ecc71 0 3px, transparent 4px), radial-gradient(circle at 70% 15%, #ffd23f 0 3px, transparent 4px), linear-gradient(transparent 74%, #f6f9fb 74%), linear-gradient(#101c36, #17264a); }

/* ───────────── Galáxia ───────────── */
:root[data-clock="orbitron"] #clock { font-family: "Orbitron", ui-monospace, sans-serif; font-weight: 700; letter-spacing: .02em; }
.clock-sample.orbitron { font-family: "Orbitron", sans-serif; font-weight: 700; font-size: 20px; }

:root[data-palette="galaxia"]:not([data-theme="dark"]) {
  --bg: #ece8f8; --panel: #f8f6ff; --text: #1e1640; --text-2: #4e4478; --text-3: #8a83ad;
  --line: rgba(60, 40, 140, .12); --line-2: rgba(60, 40, 140, .26);
  --busy-bg: #e0d9fa; --busy-fg: #3a2a8f; --clock: #5b3cc4; --now: #b03aa8; --free-fg: #1f8a80;
  --hi: #b03aa8; --lo: #3a6fd8; --ok: #5b3cc4; --ok-on: #ffffff;
}
:root[data-palette="galaxia"][data-theme="dark"] {
  --bg: #070818; --panel: #10122a; --text: #e8e6ff; --text-2: #b0acd8; --text-3: #75719c;
  --line: rgba(154, 215, 255, .14); --line-2: rgba(154, 215, 255, .3);
  --busy-bg: #24205a; --busy-fg: #d6d2ff; --clock: #9ad7ff; --now: #ff8ad8; --free-fg: #7ff0d8;
  --hi: #ff8ad8; --lo: #9ad7ff; --ok: #6c5ce7; --ok-on: #ffffff;
}
:root[data-palette="galaxia"][data-theme="dark"] #clock { text-shadow: 0 0 18px rgba(154, 215, 255, .55), 0 0 42px rgba(108, 92, 231, .4); }
:root[data-scene="galaxia"][data-theme="dark"] body {
  background:
    radial-gradient(ellipse 45% 35% at 22% 30%, rgba(140, 60, 200, .35), transparent 70%),
    radial-gradient(ellipse 40% 30% at 78% 65%, rgba(40, 120, 220, .3), transparent 70%),
    radial-gradient(ellipse 30% 22% at 60% 20%, rgba(255, 90, 180, .18), transparent 70%),
    linear-gradient(180deg, #05060f 0%, #0a0b1e 60%, #120f2a 100%);
}
:root[data-scene="galaxia"]:not([data-theme="dark"]) body {
  background:
    radial-gradient(ellipse 45% 35% at 22% 30%, rgba(170, 120, 230, .45), transparent 70%),
    radial-gradient(ellipse 40% 30% at 78% 65%, rgba(110, 170, 240, .4), transparent 70%),
    linear-gradient(180deg, #3b2f6e 0%, #5a4a96 55%, #8a76c4 100%);
}
.pv-galaxia { background: radial-gradient(circle at 25% 30%, rgba(170, 90, 230, .7), transparent 45%), radial-gradient(circle at 75% 70%, rgba(60, 140, 240, .6), transparent 45%), #070818; }

/* ───────────── Synthwave ───────────── */
:root[data-clock="retro"] #clock { font-family: "Audiowide", "Orbitron", sans-serif; font-weight: 400; letter-spacing: .02em; }
.clock-sample.retro { font-family: "Audiowide", sans-serif; font-size: 20px; }

:root[data-palette="synthwave"]:not([data-theme="dark"]) {
  --bg: #fbe4f3; --panel: #fff5fb; --text: #2b0b3a; --text-2: #6a3a7a; --text-3: #a07fb0;
  --line: rgba(212, 20, 138, .14); --line-2: rgba(212, 20, 138, .3);
  --busy-bg: #f7d0ec; --busy-fg: #8a0f6b; --clock: #d4148a; --now: #0a9fbc; --free-fg: #0a8fa8;
  --hi: #d4148a; --lo: #0a8fa8; --ok: #d4148a; --ok-on: #ffffff;
}
:root[data-palette="synthwave"][data-theme="dark"] {
  --bg: #12051f; --panel: #1c0a2e; --text: #ffe9fb; --text-2: #e0a8d8; --text-3: #9a6f9e;
  --line: rgba(255, 47, 179, .18); --line-2: rgba(255, 47, 179, .36);
  --busy-bg: #3d0f4f; --busy-fg: #ffc2ef; --clock: #ff2fb3; --now: #00e5ff; --free-fg: #00e5ff;
  --hi: #ff6bc8; --lo: #00e5ff; --ok: #ff2fb3; --ok-on: #12051f;
}
:root[data-palette="synthwave"] #clock { text-shadow: 0 0 16px rgba(255, 47, 179, .55), 3px 3px 0 rgba(0, 229, 255, .45); }
:root[data-scene="synthwave"][data-theme="dark"] body {
  background: linear-gradient(180deg, #0b0320 0%, #2a0845 45%, #5c0f63 62%, #12051f 62%);
}
:root[data-scene="synthwave"]:not([data-theme="dark"]) body {
  background: linear-gradient(180deg, #3a1060 0%, #8a2c8f 40%, #ff6fae 62%, #2b0b3a 62%);
}
.pv-synthwave { background: radial-gradient(circle at 50% 62%, #ffe66d 0 12%, #ff2fb3 22%, transparent 23%), repeating-linear-gradient(90deg, rgba(255, 47, 179, .7) 0 1px, transparent 1px 14px) bottom / 100% 38% no-repeat, linear-gradient(#0b0320, #5c0f63 62%, #12051f 62%); }