/* ============================================================
   Slog DECO — črni lak, zlati list, smaragd (v79)
   ------------------------------------------------------------
   Art Deco plakat iz 1920-ih: temna "lakirana" podlaga s tihimi sončnimi
   žarki iz spodnjega središča, zlato kot kovinski preliv (zlati list),
   smaragd kot druga barva, rubin za opozorila. Svetla različica je
   "slonovina" (zlato potemni, da ostane berljivo).
   Pisave: Poiret One (deco naslovi, samo verzalke in veliko), Bodoni Moda
   (Didone, vse številke), Josefin Sans (besedilo in oznake; navpične
   metrike pisave so v datoteki popravljene, da so verzalke na sredini).
   Motivi: plošče z dvojnim zlatim okvirjem in pahljačami v kotih, glave
   kategorij sredinsko med zlatima črtama, kljukice in FAB so diamanti.
   Vrh: vzhajajoče sonce (hero 'fan') — žarki se z dnem polnijo z zlatom.

   PRAVILA kot pri ostalih slogih: vse pod [data-skin="deco"]; paleta --dc-*
   (svetla / temna / @media auto) preslikana na koren IN .panel. Žarki so
   fiksna plast body::after, body je prosojen. Lesk zlata teče samo ob vklopljenih
   animacijah in brez prefers-reduced-motion.
   ============================================================ */

@font-face {
  font-family: 'Poiret One';
  src: url('../../fonts/poiret-latin.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
  unicode-range: U+0020-007E, U+00A0-00FF, U+2013-2026, U+20AC, U+2192, U+2212;
}
@font-face {
  font-family: 'Poiret One';
  src: url('../../fonts/poiret-ext.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
  unicode-range: U+0106-0107, U+010C-010D, U+0110-0111, U+0160-0161, U+017D-017E;
}
@font-face {
  font-family: 'Bodoni Moda';
  src: url('../../fonts/bodoni-latin.woff2') format('woff2');
  font-weight: 400 700; font-style: normal; font-display: swap;
  unicode-range: U+0020-007E, U+00A0-00FF, U+2013-2026, U+20AC, U+2192, U+2212;
}
@font-face {
  font-family: 'Bodoni Moda';
  src: url('../../fonts/bodoni-ext.woff2') format('woff2');
  font-weight: 400 700; font-style: normal; font-display: swap;
  unicode-range: U+0106-0107, U+010C-010D, U+0110-0111, U+0160-0161, U+017D-017E;
}
@font-face {
  font-family: 'Josefin Sans';
  src: url('../../fonts/josefin-latin.woff2') format('woff2');
  font-weight: 300 700; font-style: normal; font-display: swap;
  unicode-range: U+0020-007E, U+00A0-00FF, U+2013-2026, U+20AC, U+2192, U+2212;
}
@font-face {
  font-family: 'Josefin Sans';
  src: url('../../fonts/josefin-ext.woff2') format('woff2');
  font-weight: 300 700; font-style: normal; font-display: swap;
  unicode-range: U+0106-0107, U+010C-010D, U+0110-0111, U+0160-0161, U+017D-017E;
}

/* Število pahljače kot registrirana lastnost — sprememba odstotka se zvezno
   prelije (prehod), namesto da bi žarki preskočili. */
@property --dc-p { syntax: '<number>'; inherits: true; initial-value: 0; }

/* ---------- Paleta: slonovina (svetlo) ---------- */
:root[data-skin="deco"] {
  --dc-base: #f3ecdb;   --dc-surface: #fbf7ee;   --dc-surface2: #f1e9d6;
  --dc-text: #17140f;   --dc-text2: #4a4130;     --dc-muted: #6e6248;
  --dc-line: rgba(128, 89, 27, .22);  --dc-line2: rgba(128, 89, 27, .5);
  --dc-gold: #80591b;   --dc-goldhi: #b48a3e;    --dc-goldlo: #5a3f12;
  --dc-foil: linear-gradient(100deg, #5a3f12 0%, #8f6a25 18%, #a8813a 34%, #6e4d17 50%, #9b7530 68%, #5a3f12 100%);
  --dc-raysfoil: conic-gradient(from -90deg at 50% 100%, #8f6a25 0%, #b48a3e 9%, #80591b 17%, #c49c4c 26%, #8a6420 34%, #b38b40 42%, #7a561c 50%);
  --dc-btn: #17140f;    --dc-btnink: #e9cf8c;
  --dc-check: linear-gradient(135deg, #a8813a, #6e4d17);  --dc-checkink: #fbf7ee;
  --dc-emerald: #1f6e54; --dc-onemerald: #fbf7ee; --dc-ruby: #a3323c;
  --dc-ray: rgba(128, 89, 27, .055); --dc-ray2: rgba(128, 89, 27, .2);
  --dc-h0: rgba(128, 89, 27, .08);
  --dc-h1: #cfa95a; --dc-h2: #ad8435; --dc-h3: #80591b; --dc-h4: #47320e;
  --dc-full: #1f6e54;
  --dc-shadow: 0 1px 0 rgba(255, 255, 255, .7), 0 14px 34px rgba(80, 56, 16, .12);
  --dc-scrim: rgba(23, 20, 15, .42);
}

/* ---------- Paleta: črni lak (temno) ---------- */
:root[data-skin="deco"][data-theme="dark"] {
  --dc-base: #0b0a08;   --dc-surface: #14120e;   --dc-surface2: #1c1914;
  --dc-text: #f3ead6;   --dc-text2: #c9bc9c;     --dc-muted: #9a8c6c;
  --dc-line: rgba(210, 171, 86, .24); --dc-line2: rgba(210, 171, 86, .55);
  --dc-gold: #d2ab56;   --dc-goldhi: #f4dfa0;    --dc-goldlo: #8a6a2c;
  --dc-foil: linear-gradient(100deg, #9c7a36 0%, #d9b866 18%, #fbeab4 34%, #c9a14e 50%, #f1d68c 68%, #a8843e 100%);
  --dc-raysfoil: conic-gradient(from -90deg at 50% 100%, #9c7a36 0%, #f4dfa0 9%, #c9a14e 17%, #fbeab4 26%, #b08a3e 34%, #f1d68c 42%, #a07c38 50%);
  --dc-btn: linear-gradient(100deg, #b8913f, #ecd08a 40%, #c9a14e 70%, #e8c97d);  --dc-btnink: #14120e;
  --dc-check: linear-gradient(135deg, #f4dfa0, #c9a14e 55%, #9c7a36);  --dc-checkink: #14120e;
  --dc-emerald: #47c79a; --dc-onemerald: #0b0a08; --dc-ruby: #e0646c;
  --dc-ray: rgba(210, 171, 86, .045); --dc-ray2: rgba(210, 171, 86, .2);
  --dc-h0: rgba(210, 171, 86, .08);
  --dc-h1: #6b5426; --dc-h2: #9c7a36; --dc-h3: #d2ab56; --dc-h4: #f4dfa0;
  --dc-full: #47c79a;
  --dc-shadow: 0 18px 44px rgba(0, 0, 0, .5);
  --dc-scrim: rgba(0, 0, 0, .58);
}
@media (prefers-color-scheme: dark) {
  :root[data-skin="deco"][data-theme="auto"] {
    --dc-base: #0b0a08;   --dc-surface: #14120e;   --dc-surface2: #1c1914;
    --dc-text: #f3ead6;   --dc-text2: #c9bc9c;     --dc-muted: #9a8c6c;
    --dc-line: rgba(210, 171, 86, .24); --dc-line2: rgba(210, 171, 86, .55);
    --dc-gold: #d2ab56;   --dc-goldhi: #f4dfa0;    --dc-goldlo: #8a6a2c;
    --dc-foil: linear-gradient(100deg, #9c7a36 0%, #d9b866 18%, #fbeab4 34%, #c9a14e 50%, #f1d68c 68%, #a8843e 100%);
    --dc-raysfoil: conic-gradient(from -90deg at 50% 100%, #9c7a36 0%, #f4dfa0 9%, #c9a14e 17%, #fbeab4 26%, #b08a3e 34%, #f1d68c 42%, #a07c38 50%);
    --dc-btn: linear-gradient(100deg, #b8913f, #ecd08a 40%, #c9a14e 70%, #e8c97d);  --dc-btnink: #14120e;
    --dc-check: linear-gradient(135deg, #f4dfa0, #c9a14e 55%, #9c7a36);  --dc-checkink: #14120e;
    --dc-emerald: #47c79a; --dc-onemerald: #0b0a08; --dc-ruby: #e0646c;
    --dc-ray: rgba(210, 171, 86, .045); --dc-ray2: rgba(210, 171, 86, .2);
    --dc-h0: rgba(210, 171, 86, .08);
    --dc-h1: #6b5426; --dc-h2: #9c7a36; --dc-h3: #d2ab56; --dc-h4: #f4dfa0;
    --dc-full: #47c79a;
    --dc-shadow: 0 18px 44px rgba(0, 0, 0, .5);
    --dc-scrim: rgba(0, 0, 0, .58);
  }
}

/* ---------- Preslikava na žetone (koren IN instrument plošča) ---------- */
:root[data-skin="deco"],
[data-skin="deco"] .panel {
  --font: 'Josefin Sans', 'Futura', 'Avenir Next', system-ui, sans-serif;
  --display: 'Poiret One', 'Josefin Sans', 'Futura', sans-serif;
  --mono: 'Josefin Sans', 'Futura', 'Avenir Next', system-ui, sans-serif;
  --dc-num: 'Bodoni Moda', 'Didot', 'Bodoni 72', Georgia, serif;
  --rk: 0;
  --rk-round: 0;
  --check-ink: var(--dc-checkink);

  --bg: var(--dc-base); --bg-2: var(--dc-base);
  --surface: var(--dc-surface); --surface-2: var(--dc-surface2);
  --text: var(--dc-text); --text-2: var(--dc-text2); --muted: var(--dc-muted);
  --border: var(--dc-line); --border-2: var(--dc-line2);
  --accent: var(--dc-gold); --accent-2: var(--dc-goldhi); --accent-ink: var(--dc-btnink);
  --good: var(--dc-emerald); --warn: var(--dc-gold); --flame: var(--dc-ruby);
  --chrome: var(--dc-emerald);   /* druga serija (motivacija) = smaragd */
  --shadow: none; --shadow-lg: var(--dc-shadow);
  --ring-track: var(--dc-h0); --heat-0: var(--dc-h0);
  --h0: var(--dc-h0); --h1: var(--dc-h1); --h2: var(--dc-h2); --h3: var(--dc-h3); --h4: var(--dc-h4);
  --bar-mute: var(--dc-h0); --axis: var(--dc-line);
  --g-track: var(--dc-h0); --g-year: var(--dc-muted);
  --gold: var(--dc-full);
  --wk1: var(--dc-gold); --wk2: var(--dc-emerald); --wk3: var(--dc-ruby);
  --wk4: var(--dc-goldhi); --wk5: var(--dc-muted); --wk6: var(--dc-text2);
  --p-surface: var(--dc-surface); --p-surface-2: var(--dc-surface2);
  --p-ink: var(--dc-text); --p-muted: var(--dc-muted); --p-grid: transparent;
}

/* ---------- Podlaga: lak + tihi sončni žarki iz spodnjega središča ----------
   Žarki so FIKSNA plast (body::after) — iOS ne podpira background-attachment:
   fixed; tako sonce vedno vzhaja z dna zaslona, vsebina drsi čez. */
:root[data-skin="deco"] { background: var(--dc-base); }
[data-skin="deco"] body::after {
  content: ''; position: fixed; inset: 0; z-index: -2; pointer-events: none;
  background:
    radial-gradient(120% 60% at 50% 104%, color-mix(in srgb, var(--dc-gold) 9%, transparent), transparent 62%),
    repeating-conic-gradient(from -90deg at 50% 104%, var(--dc-ray) 0 1.4deg, transparent 1.4deg 6deg);
}
[data-skin="deco"] body {
  background: transparent;
  font-family: var(--font); font-size: 16px; font-weight: 400; line-height: 1.35; letter-spacing: .01em;
  -webkit-font-smoothing: antialiased;
}
[data-skin="deco"] ::selection { background: color-mix(in srgb, var(--dc-gold) 32%, transparent); }

/* Zlati list: kovinski preliv kot besedilo (veliki naslovi in številke). */
[data-skin="deco"] :is(.greeting, .login-card h1, .fan-num, .hero-count, .stat-val, .mg-kpi-v, .wr-val, .ws-val, .certified-txt) {
  background: var(--dc-foil);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
@media (prefers-reduced-motion: no-preference) {
  :root[data-skin="deco"]:not([data-anim="off"]) :is(.greeting, .fan-num) {
    background-size: 240% 100%;
    animation: dcSheen 11s ease-in-out infinite alternate;
  }
}
@keyframes dcSheen { from { background-position: 0% 50%; } to { background-position: 100% 50%; } }

/* Številke: Didone. */
[data-skin="deco"] :is(.hero-count, .stat-val, .mg-kpi-v, .wr-val, .ws-val, .ctr-total, .step-val, .tb-time,
  .cat-count, .mood-scale button, .cal-cell, .mg-d) {
  font-family: var(--dc-num); font-variant-numeric: lining-nums; letter-spacing: 0; font-stretch: normal;
}
/* Oznake: razprte verzalke Josefin. */
[data-skin="deco"] :is(.panel-sub, .stat-lbl, .stat-unit, .mood-lbl, .field label, .reg-tpl-label,
  .wr-lbl, .ws-lbl, .wr-fact-lbl, .ms-group-lbl, .mg-kpi-l, .cal-dow, .ins-section-title,
  .heatmap-legend, .ml-legend, .year-txt, .set-group, .hm-mon, .hm-dow, .col-lbl, .mg-dow, .mg-sum) {
  font-family: var(--font); font-weight: 600; letter-spacing: .16em; text-transform: uppercase;
}

/* ---------- Okvir: dvojna zlata črta + pahljače v kotih ---------- */
[data-skin="deco"] :is(.hero, .panel, .login-card, .mood-entry, .certified-box) {
  position: relative;
  background: var(--dc-surface);
  border: 1px solid var(--dc-line2);
  box-shadow: inset 0 0 0 4px var(--dc-surface), inset 0 0 0 5px var(--dc-line), var(--dc-shadow);
}
/* Pahljača v kotu = žarki (conic) + lok in pesto (radial); zunaj loka je barva
   plošče, zato ne rabi maske. ::before = zgornja kota, ::after = spodnja. */
[data-skin="deco"] :is(.hero, .panel, .login-card, .mood-entry)::before,
[data-skin="deco"] :is(.hero, .panel, .login-card, .mood-entry)::after {
  content: ''; position: absolute; left: 5px; right: 5px; height: 24px; z-index: 0; pointer-events: none;
  border: 0; border-radius: 0; opacity: 1; display: block; width: auto;
  background-repeat: no-repeat; background-size: 24px 24px;
}
[data-skin="deco"] :is(.hero, .panel, .login-card, .mood-entry)::before {
  top: 5px; bottom: auto;
  background-image:
    radial-gradient(circle at 0 0, var(--dc-line2) 0 3.5px, transparent 4px),
    radial-gradient(circle at 100% 0, var(--dc-line2) 0 3.5px, transparent 4px),
    radial-gradient(circle at 0 0, transparent 0 21px, var(--dc-line2) 21.5px 22.5px, var(--dc-surface) 23px),
    radial-gradient(circle at 100% 0, transparent 0 21px, var(--dc-line2) 21.5px 22.5px, var(--dc-surface) 23px),
    repeating-conic-gradient(from 90deg at 0 0, var(--dc-line) 0 4.5deg, transparent 4.5deg 9deg),
    repeating-conic-gradient(from 180deg at 100% 0, var(--dc-line) 0 4.5deg, transparent 4.5deg 9deg);
  background-position: left top, right top, left top, right top, left top, right top;
}
[data-skin="deco"] :is(.hero, .panel, .login-card, .mood-entry)::after {
  bottom: 5px; top: auto;
  background-image:
    radial-gradient(circle at 0 100%, var(--dc-line2) 0 3.5px, transparent 4px),
    radial-gradient(circle at 100% 100%, var(--dc-line2) 0 3.5px, transparent 4px),
    radial-gradient(circle at 0 100%, transparent 0 21px, var(--dc-line2) 21.5px 22.5px, var(--dc-surface) 23px),
    radial-gradient(circle at 100% 100%, transparent 0 21px, var(--dc-line2) 21.5px 22.5px, var(--dc-surface) 23px),
    repeating-conic-gradient(from 0deg at 0 100%, var(--dc-line) 0 4.5deg, transparent 4.5deg 9deg),
    repeating-conic-gradient(from 270deg at 100% 100%, var(--dc-line) 0 4.5deg, transparent 4.5deg 9deg);
  background-position: left bottom, right bottom, left bottom, right bottom, left bottom, right bottom;
}
[data-skin="deco"] :is(.hero, .login-card, .mood-entry) > * { position: relative; z-index: 1; }
[data-skin="deco"] .panel > * { position: relative; z-index: 1; }

/* Notranje površine (v okvirju): ena tanka črta, brez zaobljenosti. */
[data-skin="deco"] :is(.stat-card, .timer-bar, .chart-tip, .wr-card, .ws-item, .wr-fact, .ms-row,
  .nudge, .corr, .chip-alert, .lock-banner, .reg-tpl, .retro-btn) {
  background: var(--dc-surface2); border: 1px solid var(--dc-line); box-shadow: none; border-radius: 0;
}

/* ============ PRIJAVA: deco plakat ============ */
[data-skin="deco"] .login-bg {
  background:
    radial-gradient(70% 50% at 50% 100%, color-mix(in srgb, var(--dc-gold) 16%, transparent), transparent 70%),
    repeating-conic-gradient(from -90deg at 50% 100%, var(--dc-ray2) 0 1.6deg, transparent 1.6deg 7.5deg);
  -webkit-mask: radial-gradient(90% 75% at 50% 100%, #000 30%, transparent 78%);
  mask: radial-gradient(90% 75% at 50% 100%, #000 30%, transparent 78%);
  filter: none; animation: none; opacity: 1;
}
[data-skin="deco"] .login-card { padding: 40px 30px 30px; }
[data-skin="deco"] .login-logo {
  width: 62px; height: 62px; font-size: 24px; border-radius: 0;
  -webkit-clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%); clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
  background: var(--dc-btn); color: var(--dc-btnink); box-shadow: none;
}
[data-skin="deco"] .login-card h1 {
  font-family: var(--display); font-weight: 400; font-size: 34px; line-height: 1.1;
  letter-spacing: .14em; text-transform: uppercase;
  -webkit-text-stroke: .4px color-mix(in srgb, var(--dc-gold) 75%, transparent);
}
[data-skin="deco"] .login-sub { color: var(--text-2); font-size: 15px; letter-spacing: .02em; }
[data-skin="deco"] .login-card input {
  -webkit-appearance: none; appearance: none; border-radius: 0;
  background: var(--dc-surface2); border: 1px solid var(--dc-line); font-family: var(--font); font-size: 16px; color: var(--text);
}
[data-skin="deco"] .login-card input:focus { border-color: var(--dc-gold); box-shadow: 0 0 0 3px color-mix(in srgb, var(--dc-gold) 18%, transparent); }
[data-skin="deco"] .login-link { color: var(--dc-gold); font-weight: 600; letter-spacing: .04em; text-decoration-color: var(--dc-line2); text-underline-offset: 3px; }
[data-skin="deco"] .reg-tpl.on { border-color: var(--dc-gold); box-shadow: inset 0 0 0 1px var(--dc-gold); }

/* ============ GUMBI: prisekani robovi ============ */
[data-skin="deco"] :is(.btn-primary, .ctr-plus, .tb-stop, .lock-btn, .nudge-act, .today-pill, .toast-undo) {
  -webkit-clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 8px 100%, 0 50%);
  clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 8px 100%, 0 50%);
}
/* Prisekan rob odreže fokusni obroč → fokus nakaže svetlejše zlato. */
[data-skin="deco"] :is(.btn-primary, .ctr-plus, .tb-stop, .lock-btn, .nudge-act, .today-pill, .toast-undo):focus-visible { outline: none; filter: brightness(1.2) saturate(1.15); }
[data-skin="deco"] .btn-primary {
  border: 0; border-radius: 0; padding: 15px 22px;
  background: var(--dc-btn); color: var(--dc-btnink); box-shadow: none;
  font-family: var(--font); font-weight: 600; font-size: 14px; letter-spacing: .24em; text-transform: uppercase;
}
[data-skin="deco"] .btn-primary:active { filter: brightness(1.08); transform: scale(.985); }
[data-skin="deco"] .btn-ghost {
  border-radius: 0; border: 1px solid var(--dc-line2); background: transparent; color: var(--dc-gold);
  font-weight: 600; letter-spacing: .14em; text-transform: uppercase; font-size: 12.5px;
}
[data-skin="deco"] .btn-danger { color: var(--dc-ruby); border-color: color-mix(in srgb, var(--dc-ruby) 50%, transparent); }

/* ============ GLAVA ============ */
[data-skin="deco"] .greeting {
  font-family: var(--display); font-weight: 400; font-size: 30px; line-height: 1.12;
  letter-spacing: .1em; text-transform: uppercase;
  -webkit-text-stroke: .4px color-mix(in srgb, var(--dc-gold) 75%, transparent);
}
[data-skin="deco"] .subgreet { color: var(--text-2); font-size: 14.5px; letter-spacing: .03em; margin-top: 4px; }
[data-skin="deco"] .icon-btn {
  border-radius: 0; border: 1px solid var(--dc-line); background: transparent; color: var(--dc-gold); box-shadow: none;
}
[data-skin="deco"] .icon-btn:hover { background: color-mix(in srgb, var(--dc-gold) 8%, transparent); color: var(--dc-gold); }
[data-skin="deco"] .datenav { margin-top: 12px; gap: 8px; }
[data-skin="deco"] .datenav .icon-btn { border-color: transparent; font-size: 18px; }
[data-skin="deco"] .date-label {
  font-family: var(--font); font-weight: 600; font-size: 12.5px; letter-spacing: .2em; text-transform: uppercase;
  color: var(--text); border-radius: 0; padding: 7px 12px;
  border-top: 1px solid var(--dc-line); border-bottom: 1px solid var(--dc-line);
}
[data-skin="deco"] .date-label:hover { background: transparent; }
[data-skin="deco"] .today-pill {
  border: 0; border-radius: 0; padding: 6px 16px; background: var(--dc-btn); color: var(--dc-btnink);
  font-weight: 600; font-size: 11px; letter-spacing: .2em; text-transform: uppercase;
}

/* ============ HERO: vzhajajoče sonce ============ */
[data-skin="deco"] .hero {
  flex-direction: column; align-items: center; text-align: center; gap: 14px;
  padding: 30px 26px 22px; margin: 16px 0 26px;
}
[data-skin="deco"] .ring-slot { width: min(272px, 76vw); aspect-ratio: auto; }
[data-skin="deco"] .fan { display: grid; justify-items: center; width: 100%; --dc-p: var(--p, 0); transition: --dc-p .9s cubic-bezier(.2, .8, .2, 1); }
[data-skin="deco"] .fan-arc { position: relative; width: 100%; aspect-ratio: 2 / 1; border-radius: 999px 999px 0 0; overflow: hidden; }
[data-skin="deco"] :is(.fan-track, .fan-fill, .fan-fill i) { position: absolute; inset: 0; display: block; }
[data-skin="deco"] .fan-track {
  background: repeating-conic-gradient(from -90deg at 50% 100%, transparent 0 1.1deg, var(--dc-ray2) 1.1deg 4.6deg, transparent 4.6deg 7.5deg);
}
[data-skin="deco"] .fan-fill {
  -webkit-mask: conic-gradient(from -90deg at 50% 100%, #000 calc(var(--dc-p) * 1.8deg), transparent 0);
  mask: conic-gradient(from -90deg at 50% 100%, #000 calc(var(--dc-p) * 1.8deg), transparent 0);
}
[data-skin="deco"] .fan-fill i {
  background: var(--dc-raysfoil);
  -webkit-mask: repeating-conic-gradient(from -90deg at 50% 100%, transparent 0 1.1deg, #000 1.1deg 4.6deg, transparent 4.6deg 7.5deg);
  mask: repeating-conic-gradient(from -90deg at 50% 100%, transparent 0 1.1deg, #000 1.1deg 4.6deg, transparent 4.6deg 7.5deg);
}
/* Sonce (pesto) z odstotkom; dvojni zlati obris. */
[data-skin="deco"] .fan-hub {
  position: absolute; left: 50%; bottom: 0; width: 50%; aspect-ratio: 2 / 1; transform: translateX(-50%);
  border-radius: 999px 999px 0 0; background: var(--dc-surface);
  border: 1px solid var(--dc-gold); border-bottom: 0;
  box-shadow: inset 0 0 0 4px var(--dc-surface), inset 0 0 0 5px var(--dc-line), 0 0 0 5px var(--dc-surface), 0 0 0 6px var(--dc-line);
  display: flex; align-items: flex-end; justify-content: center; padding-bottom: 2px;
}
[data-skin="deco"] .fan-num {
  display: inline-flex; align-items: flex-start;
  font-family: var(--dc-num); font-weight: 500; font-size: 50px; line-height: .92; letter-spacing: -.01em;
}
[data-skin="deco"] .fan-num.w3 { font-size: 40px; }
[data-skin="deco"] .fan-num span { font-size: .4em; margin: .22em 0 0 2px; }
[data-skin="deco"] .fan-base {
  width: 100%; padding-top: 11px; margin-top: 1px;
  background:
    linear-gradient(90deg, transparent, var(--dc-gold) 12% 88%, transparent) 0 0 / 100% 1px no-repeat,
    linear-gradient(90deg, transparent, var(--dc-line2) 18% 82%, transparent) 0 4px / 100% 1px no-repeat;
  font-family: var(--font); font-size: 11px; font-weight: 600; letter-spacing: .34em; text-transform: uppercase; color: var(--dc-gold);
}
[data-skin="deco"] .fan-base span { padding-left: .34em; }
[data-skin="deco"] .fan-year {
  display: flex; align-items: center; gap: 12px; width: 100%; margin-top: 12px;
  font-family: var(--font); font-size: 10.5px; font-weight: 600; letter-spacing: .22em; text-transform: uppercase; color: var(--text-2);
}
[data-skin="deco"] .fan-year b { flex: 1; height: 1px; background: var(--dc-line2); position: relative; }
[data-skin="deco"] .fan-year b i { position: absolute; left: 0; top: -1px; height: 3px; background: var(--dc-foil); }
[data-skin="deco"] .fan-year b i::after {
  content: ''; position: absolute; right: -4px; top: -2.5px; width: 7px; height: 7px;
  background: var(--dc-gold); transform: rotate(45deg);
}
[data-skin="deco"] .fan-year span:last-child { font-family: var(--dc-num); font-size: 14px; font-weight: 500; letter-spacing: 0; color: var(--text); }
[data-skin="deco"] .hero-meta { display: flex; align-items: baseline; justify-content: center; flex-wrap: wrap; column-gap: 12px; row-gap: 8px; }
[data-skin="deco"] .hero-count { font-family: var(--dc-num); font-weight: 500; font-size: 30px; line-height: 1; }
[data-skin="deco"] .hero-label { font-size: 11px; font-weight: 600; letter-spacing: .22em; text-transform: uppercase; color: var(--text-2); margin: 0; }
[data-skin="deco"] .hero-streak {
  flex-basis: 100%; justify-content: center; border: 0; margin: 2px 0 0; padding: 0;
  font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: var(--text-2);
}
[data-skin="deco"] .hero-streak b { color: var(--dc-gold); font-family: var(--dc-num); font-size: 15px; letter-spacing: 0; }
@media (min-width: 560px) {
  [data-skin="deco"] .hero { flex-direction: column; text-align: center; padding: 32px 30px 24px; }
  [data-skin="deco"] .ring-slot { width: 300px; }
  [data-skin="deco"] .fan-num { font-size: 58px; }
  [data-skin="deco"] .fan-num.w3 { font-size: 46px; }
  [data-skin="deco"] .hero-meta { display: flex; }
  [data-skin="deco"] .hero-streak { margin: 2px 0 0; }
}

/* ============ SEZNAM: jedilni list ============ */
[data-skin="deco"] .cat-group { margin-bottom: 26px; }
[data-skin="deco"] .cat-head { justify-content: center; gap: 10px; margin: 0 0 6px; }
[data-skin="deco"] .cat-head::before,
[data-skin="deco"] .cat-head::after { content: ''; flex: 1 1 0; height: 1px; min-width: 18px; }
[data-skin="deco"] .cat-head::before { order: -1; background: linear-gradient(90deg, transparent, var(--dc-line2)); }
[data-skin="deco"] .cat-head::after { order: 9; background: linear-gradient(90deg, var(--dc-line2), transparent); }
[data-skin="deco"] .cat-dot { flex: 0 0 auto; width: 7px; height: 7px; transform: rotate(45deg); box-shadow: 0 0 0 2px var(--dc-base), 0 0 0 3px var(--dc-line2); }
[data-skin="deco"] .cat-name { font-family: var(--font); font-size: 11.5px; font-weight: 600; letter-spacing: .2em; color: var(--dc-gold); min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
[data-skin="deco"] .cat-count { flex: 0 0 auto; margin-left: 0; font-size: 14px; color: var(--text-2); }
[data-skin="deco"] .habit {
  background: transparent; border: 0; border-bottom: 1px solid var(--dc-line); border-radius: 0; box-shadow: none;
  margin: 0; padding: 14px 6px 14px 10px; gap: 16px;
}
[data-skin="deco"] .habit:active { transform: none; background: color-mix(in srgb, var(--dc-gold) 6%, transparent); }
[data-skin="deco"] .habit.done { opacity: 1; }
[data-skin="deco"] .habit.done .habit-name { text-decoration: none; color: var(--text-2); }
[data-skin="deco"] .habit.nocount { opacity: .66; }
/* Diamantna kljukica: zasukan kvadrat, kljukica zasukana nazaj. */
[data-skin="deco"] .check {
  width: 19px; height: 19px; margin: 4px 4px 0 4px; border-radius: 0;
  border: 1.5px solid var(--dc-gold); background: transparent; transform: rotate(45deg);
}
[data-skin="deco"] .check svg { width: 13px; height: 13px; transform: rotate(-45deg); }
[data-skin="deco"] .check:active { transform: rotate(45deg) scale(.86); }
[data-skin="deco"] .habit.done .check {
  border-color: transparent; background: var(--dc-check);
  box-shadow: 0 0 0 2.5px var(--dc-base), 0 0 0 3.5px var(--dc-line2);
}
[data-skin="deco"] .habit.partial .check {
  border-color: var(--dc-gold);
  background: linear-gradient(-45deg, color-mix(in srgb, var(--dc-gold) 85%, transparent) calc(var(--prog, 0) * 100%), transparent 0);
}
[data-skin="deco"] .habit.skipped .check { background: var(--dc-muted); border-color: transparent; }
[data-skin="deco"] .habit-name { font-family: var(--font); font-size: 17px; font-weight: 400; letter-spacing: .01em; line-height: 1.25; }
[data-skin="deco"] .habit-sub { gap: 6px; margin-top: 6px; }
[data-skin="deco"] .habit-note { font-size: 14px; color: var(--text-2); line-height: 1.35; }
[data-skin="deco"] .habit-menu { color: var(--dc-gold); opacity: .75; }
[data-skin="deco"] .overdue-group .cat-name { color: var(--dc-ruby) !important; }
[data-skin="deco"] .overdue-group .cat-dot { background: var(--dc-ruby) !important; }

/* Značke: prisekane ploščice z razprtimi verzalkami. */
[data-skin="deco"] :is(.streak-badge, .week-badge, .badge-once, .effort-badge,
  .abst-badge, .timer-badge, .skip-badge, .badge-nocount) {
  font-family: var(--font); font-size: 10.5px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase;
  padding: 4px 10px 3px; border: 0; border-radius: 0; line-height: 1.25; box-shadow: none;
  background: color-mix(in srgb, var(--bc, var(--dc-gold)) 13%, transparent); color: var(--bt, var(--dc-gold));
  -webkit-clip-path: polygon(6px 0, calc(100% - 6px) 0, 100% 50%, calc(100% - 6px) 100%, 6px 100%, 0 50%);
  clip-path: polygon(6px 0, calc(100% - 6px) 0, 100% 50%, calc(100% - 6px) 100%, 6px 100%, 0 50%);
}
[data-skin="deco"] .habit-sub :is(.abst-badge, .skip-badge, .badge-nocount) { --bc: var(--dc-muted); --bt: var(--text-2); }
[data-skin="deco"] .habit-sub .week-badge { --bc: var(--dc-emerald); --bt: var(--dc-emerald); }
[data-skin="deco"] .habit-sub .week-badge.req { --bc: var(--dc-ruby); --bt: var(--dc-ruby); }
[data-skin="deco"] .habit-sub .week-badge.full { --bc: var(--dc-emerald); --bt: var(--dc-onemerald); background: var(--dc-emerald); }
[data-skin="deco"] .habit-sub .effort-badge { --bc: var(--dc-text2); --bt: var(--text-2); }
[data-skin="deco"] .habit-sub .timer-badge.on { --bt: var(--dc-btnink); background: var(--dc-btn); }
[data-skin="deco"] .habit-sub .skip-badge.on { --bt: var(--text); background: color-mix(in srgb, var(--dc-muted) 30%, transparent); }

[data-skin="deco"] .lock-banner { margin-bottom: 16px; }
[data-skin="deco"] .lock-btn { border-radius: 0; background: var(--dc-btn); color: var(--dc-btnink); letter-spacing: .12em; text-transform: uppercase; font-size: 11.5px; }
[data-skin="deco"] .add-inline { border: 1px dashed var(--dc-line2); border-radius: 0; color: var(--dc-gold); letter-spacing: .14em; text-transform: uppercase; font-size: 12px; }

[data-skin="deco"] .stepper { border-radius: 0; background: transparent; border: 1px solid var(--dc-line); }
[data-skin="deco"] .step-btn { border-radius: 0; background: transparent; box-shadow: none; color: var(--dc-gold); }
[data-skin="deco"] .step-val { font-weight: 500; color: var(--text); }
[data-skin="deco"] .ctr-total { font-weight: 500; font-size: 24px; color: var(--text); }
[data-skin="deco"] .ctr-minus { border-radius: 0; border: 1px solid var(--dc-line2); background: transparent; color: var(--dc-gold); }
[data-skin="deco"] .ctr-plus {
  border: 0; border-radius: 0; padding: 0 20px; background: var(--dc-btn); color: var(--dc-btnink); box-shadow: none;
  font-family: var(--dc-num); font-weight: 600; font-size: 17px;
}

[data-skin="deco"] .mood-entry { margin: 0 0 24px; padding: 18px 18px 16px; }
[data-skin="deco"] .mood-scale { gap: 6px; }
[data-skin="deco"] .mood-scale button {
  border-radius: 0; border: 1px solid var(--dc-line); background: transparent; color: var(--text); font-weight: 500; font-size: 17px;
}
[data-skin="deco"] .mood-scale button.on { background: var(--dc-btn); color: var(--dc-btnink); border-color: transparent; }
[data-skin="deco"] .mood-scale.is-moti button.on { background: var(--dc-emerald); color: var(--dc-onemerald); }

/* ============ PLOŠČE ============ */
[data-skin="deco"] .stats { margin-top: 28px; }
[data-skin="deco"] .panel { background-image: none; padding: 24px 20px 20px; margin-bottom: 18px; color: var(--text); }
[data-skin="deco"] .panel.in { animation: none; }
[data-skin="deco"] .panel-head { align-items: center; margin-bottom: 16px; }
[data-skin="deco"] .panel-title {
  font-family: var(--display); font-weight: 400; font-size: 19px; letter-spacing: .16em; text-transform: uppercase;
  color: var(--dc-gold); -webkit-text-stroke: .3px currentColor;
}
[data-skin="deco"] .panel-tag {
  font-family: var(--font); font-size: 10px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase;
  color: var(--text-2); opacity: 1; padding: 3px 0; border-top: 1px solid var(--dc-line); border-bottom: 1px solid var(--dc-line);
}
[data-skin="deco"] .stat-cards { gap: 10px; }
[data-skin="deco"] .stat-card { min-height: 98px; padding: 14px; }
[data-skin="deco"] .stat-ic { display: none; }
[data-skin="deco"] .stat-lbl { font-size: 10px; color: var(--dc-gold); }
[data-skin="deco"] .stat-val { font-weight: 500; font-size: 36px; line-height: 1; }
[data-skin="deco"] .stat-unit { font-size: 10px; color: var(--text-2); }

[data-skin="deco"] .seg { border-radius: 0; background: transparent; border: 1px solid var(--dc-line2); padding: 2px; gap: 2px; }
[data-skin="deco"] .seg button {
  border-radius: 0; font-family: var(--font); font-weight: 600; font-size: 11.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--text-2);
}
[data-skin="deco"] .seg button.on { background: var(--dc-btn); color: var(--dc-btnink); box-shadow: none; }
[data-skin="deco"] .seg-effort button small { color: inherit; opacity: .8; }

[data-skin="deco"] .meter { height: 3px; border-radius: 0; background: var(--dc-line); }
[data-skin="deco"] .meter-fill { border-radius: 0; background: var(--dc-foil); }
[data-skin="deco"] .year-txt { color: var(--dc-gold); }
[data-skin="deco"] .trend-line { stroke: var(--dc-gold); stroke-width: 2; }
[data-skin="deco"] .trend-fill { fill: color-mix(in srgb, var(--dc-gold) 12%, transparent); }
[data-skin="deco"] .hm-cell { rx: 0; ry: 0; }
[data-skin="deco"] .hm-cell.hm-full { filter: none; }
[data-skin="deco"] .hm-cell.hm-today { stroke: var(--dc-gold); stroke-width: 1.5; }
[data-skin="deco"] .chart-tip { color: var(--text); font-family: var(--font); }
[data-skin="deco"] .app-footer { color: var(--text-2); font-size: 11px; letter-spacing: .2em; text-transform: uppercase; }

/* ============ MESEČNI PREGLED ============ */
[data-skin="deco"] .mg-kpi-v { font-weight: 500; }
[data-skin="deco"] .mg-meter { height: 3px; border-radius: 0; background: var(--dc-line); }
[data-skin="deco"] .mg-meter-fill { border-radius: 0; background: var(--dc-foil); }
[data-skin="deco"] .mg-name { color: var(--text); }
[data-skin="deco"] .mg-c { border-radius: 0; }
[data-skin="deco"] .mg-c.done { background: color-mix(in srgb, var(--dc-gold) 22%, transparent); border-color: color-mix(in srgb, var(--dc-gold) 55%, transparent); }
[data-skin="deco"] .mg-h.is-today .mg-d { color: var(--dc-gold); }
[data-skin="deco"] .month-nav { margin: 4px 0 20px; }
[data-skin="deco"] .mn-b {
  border-radius: 0; background: transparent; border: 1px solid var(--dc-line); color: var(--text-2);
  font-family: var(--font); font-weight: 600; font-size: 11px; letter-spacing: .14em; text-transform: uppercase;
}
[data-skin="deco"] .mn-b.on { background: var(--dc-btn); color: var(--dc-btnink); border-color: transparent; }
[data-skin="deco"] .mn-y { border-radius: 0; background: transparent; border: 1px solid var(--dc-line); color: var(--dc-gold); }

/* ============ FAB: zlat diamant ============ */
[data-skin="deco"] .fab {
  width: 50px; height: 50px; border-radius: 0; transform: rotate(45deg);
  right: max(28px, calc(50% - 320px + 28px)); bottom: calc(30px + env(safe-area-inset-bottom));
  background: var(--dc-btn); color: var(--dc-btnink);
  box-shadow: 0 0 0 3px var(--dc-base), 0 0 0 4px var(--dc-gold), 0 16px 34px rgba(0, 0, 0, .4);
}
[data-skin="deco"] .fab svg { transform: rotate(-45deg); }
[data-skin="deco"] .fab:active { transform: rotate(45deg) scale(.9); }
/* Obvestilo in časovnik */
[data-skin="deco"] .toast {
  border-radius: 0; background: var(--dc-surface); color: var(--text); border: 1px solid var(--dc-line2);
  box-shadow: inset 0 0 0 3px var(--dc-surface), inset 0 0 0 4px var(--dc-line), var(--dc-shadow);
  font-family: var(--font); font-weight: 600; font-size: 13px; letter-spacing: .08em;
}
[data-skin="deco"] .toast-undo { border-radius: 0; background: var(--dc-btn); color: var(--dc-btnink); text-transform: uppercase; letter-spacing: .14em; }
[data-skin="deco"] .timer-bar { border-color: var(--dc-line2); }
[data-skin="deco"] .tb-dot { border-radius: 0; transform: rotate(45deg); background: var(--dc-ruby); }
[data-skin="deco"] .tb-time { font-weight: 500; }
[data-skin="deco"] .tb-stop { border: 0; border-radius: 0; background: var(--dc-btn); color: var(--dc-btnink); text-transform: uppercase; letter-spacing: .12em; }

/* ============ SHEETI, OBRAZCI, MENI ============ */
[data-skin="deco"] .modal-root { background: var(--dc-scrim); }
[data-skin="deco"] .sheet {
  border-radius: 0; background: var(--dc-surface);
  border: 1px solid var(--dc-line2); border-bottom: 0;
  box-shadow: inset 0 4px 0 var(--dc-surface), inset 0 5px 0 var(--dc-line), 0 -20px 50px rgba(0, 0, 0, .35);
}
@media (min-width: 560px) { [data-skin="deco"] .sheet { border-bottom: 1px solid var(--dc-line2); } }
[data-skin="deco"] .sheet .panel { --p-surface: var(--dc-surface); }
[data-skin="deco"] .sheet-grip { width: 34px; height: 3px; border-radius: 0; background: var(--dc-line2); }
[data-skin="deco"] .sheet h2 {
  font-family: var(--display); font-weight: 400; font-size: 24px; letter-spacing: .12em; text-transform: uppercase;
  color: var(--dc-gold); -webkit-text-stroke: .3px currentColor;
}
[data-skin="deco"] .sheet-x { border-radius: 0; border: 1px solid var(--dc-line2); background: transparent; color: var(--dc-gold); }
[data-skin="deco"] .sheet-h2row { padding-right: 44px; }
[data-skin="deco"] .sheet-h2row h2 { font-size: 21px; letter-spacing: .07em; white-space: nowrap; }
[data-skin="deco"] .sheet-h2row .btn-ghost { font-size: 11px; letter-spacing: .08em; padding: 7px 10px; white-space: nowrap; }
[data-skin="deco"] .field label { color: var(--dc-gold); font-size: 10.5px; }
[data-skin="deco"] .field input[type=text],
[data-skin="deco"] .field input[type=date],
[data-skin="deco"] .field input[type=email],
[data-skin="deco"] .field input[type=password],
[data-skin="deco"] .field input[type=number],
[data-skin="deco"] .field textarea,
[data-skin="deco"] .field select,
[data-skin="deco"] .set-input,
[data-skin="deco"] .set-num,
[data-skin="deco"] .inl-in,
[data-skin="deco"] .inl-in-lg,
[data-skin="deco"] .idea-schedule .idea-date {
  -webkit-appearance: none; appearance: none; border-radius: 0;
  background: var(--dc-surface2); border: 1px solid var(--dc-line); font-family: var(--font); font-size: 16px; color: var(--text);
}
[data-skin="deco"] .field input:focus,
[data-skin="deco"] .field textarea:focus,
[data-skin="deco"] .field select:focus,
[data-skin="deco"] .set-input:focus,
[data-skin="deco"] .inl-in:focus,
[data-skin="deco"] .inl-in-lg:focus { outline: none; border-color: var(--dc-gold); box-shadow: 0 0 0 3px color-mix(in srgb, var(--dc-gold) 18%, transparent); }
[data-skin="deco"] .field-hint { color: var(--text-2); }
[data-skin="deco"] .chip { border-radius: 0; border: 1px solid var(--dc-line); background: transparent; color: var(--text); letter-spacing: .04em; }
/* Izbrana kategorija: ozadje je barva kategorije (vrstični slog) → belo besedilo. */
[data-skin="deco"] .chip.on { color: #fff; border-color: transparent; }
[data-skin="deco"] .menu-item { border-radius: 0; font-size: 16.5px; letter-spacing: .02em; }
[data-skin="deco"] .menu-item:hover { background: color-mix(in srgb, var(--dc-gold) 7%, transparent); }
[data-skin="deco"] .menu-item.danger { color: var(--dc-ruby); }
[data-skin="deco"] .set-group { color: var(--dc-gold); border-top-color: var(--dc-line); font-size: 10.5px; letter-spacing: .26em; }
[data-skin="deco"] .set-row { border-bottom-color: var(--dc-line); }
[data-skin="deco"] .set-title { letter-spacing: .01em; }
[data-skin="deco"] .set-desc2 { color: var(--text-2); }
/* Stikalo: pravokotna sled, diamantni drsnik. */
[data-skin="deco"] .slider { border-radius: 0; background: transparent; box-shadow: inset 0 0 0 1px var(--dc-line2); }
[data-skin="deco"] .slider::before {
  width: 13px; height: 13px; left: 8px; top: 7.5px; border-radius: 0;
  background: var(--dc-muted); box-shadow: none; transform: rotate(45deg);
}
[data-skin="deco"] .switch input:checked + .slider { background: color-mix(in srgb, var(--dc-gold) 16%, transparent); box-shadow: inset 0 0 0 1px var(--dc-gold); }
[data-skin="deco"] .switch input:checked + .slider::before { background: var(--dc-btn); transform: translateX(19px) rotate(45deg); }
[data-skin="deco"] #set-acc { opacity: .4; }
[data-skin="deco"] .idea-add-btn { border-radius: 0; background: var(--dc-btn); color: var(--dc-btnink); }
[data-skin="deco"] .ms-row.on { border-color: var(--dc-emerald); box-shadow: inset 0 0 0 1px var(--dc-emerald); }
[data-skin="deco"] .nudge { border-left: 2px solid var(--dc-muted); }
[data-skin="deco"] .nudge.serious { border-left-color: var(--dc-ruby); }
[data-skin="deco"] .nudge.warning { border-left-color: var(--dc-gold); }
[data-skin="deco"] .nudge.info { border-left-color: var(--dc-emerald); }
[data-skin="deco"] .corr { border-left: 2px solid var(--dc-muted); }
[data-skin="deco"] .corr.together { border-left-color: var(--dc-emerald); }
[data-skin="deco"] .corr.apart { border-left-color: var(--dc-ruby); }
[data-skin="deco"] .nudge-act { border: 0; border-radius: 0; background: var(--dc-btn); color: var(--dc-btnink); text-transform: uppercase; letter-spacing: .12em; font-size: 11.5px; padding: 7px 16px; }
[data-skin="deco"] .cal-cell { border-radius: 0; font-size: 16px; }
[data-skin="deco"] .cal-cell.today { border-color: var(--dc-gold); color: var(--dc-gold); }
[data-skin="deco"] .cal-cell.sel { background: var(--dc-btn); color: var(--dc-btnink); }
[data-skin="deco"] .cal-cell.sel .cal-dot { background: var(--dc-btnink); }
[data-skin="deco"] .cal-dot { transform: rotate(45deg); }
[data-skin="deco"] .cal-title { font-family: var(--display); font-size: 19px; letter-spacing: .14em; text-transform: uppercase; color: var(--dc-gold); }

/* ============ PRAZNOVANJE ============ */
[data-skin="deco"] .certified-box { color: var(--text); padding: 26px 40px; }
[data-skin="deco"] .certified-check {
  width: 62px; height: 62px; font-size: 26px; border-radius: 0;
  -webkit-clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%); clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
  background: var(--dc-btn); color: var(--dc-btnink); box-shadow: none;
}
[data-skin="deco"] .certified-txt { font-family: var(--display); letter-spacing: .3em; }
[data-skin="deco"] .certified-sub { color: var(--text-2); font-family: var(--font); letter-spacing: .2em; }
[data-skin="deco"] .milestone-pop .ms-check { background: var(--dc-emerald); color: var(--dc-onemerald); }

/* ============ GOSTOTA ============ */
[data-skin="deco"][data-density="compact"] .habit { padding: 9px 6px 9px 10px; }
[data-skin="deco"][data-density="airy"]    .habit { padding: 19px 6px 19px 10px; }

/* ============ PREDOGLED ============ */
.skin-prev-deco {
  --pv-bg: #0b0a08; --pv-ink: #f3ead6; --pv-acc: #d2ab56; --pv-line: rgba(210,171,86,.28); --pv-line2: #d2ab56;
  --pv-font: 'Josefin Sans', 'Futura', sans-serif; --pv-r: 2px; --pv-cr: 0;
  background:
    radial-gradient(90% 70% at 50% 120%, rgba(210,171,86,.22), transparent 70%),
    repeating-conic-gradient(from -90deg at 50% 120%, rgba(210,171,86,.11) 0 2deg, transparent 2deg 8deg),
    #0b0a08;
  box-shadow: inset 0 0 0 1px rgba(210,171,86,.55), inset 0 0 0 3px #0b0a08, inset 0 0 0 4px rgba(210,171,86,.3);
}
.skin-prev-deco .sp-num {
  font-family: 'Bodoni Moda', 'Didot', serif; font-weight: 500; font-size: 25px; letter-spacing: 0;
  background: linear-gradient(100deg, #9c7a36, #fbeab4 40%, #c9a14e 60%, #f1d68c);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.skin-prev-deco .sp-row i { transform: rotate(45deg) scale(.82); }
.skin-prev-deco .sp-row.on i { background: linear-gradient(135deg, #f4dfa0, #9c7a36); border-color: transparent; }
.skin-prev-deco .sp-row b { height: 1px; background: rgba(210,171,86,.5); }