/* © 2024–2026 Andrea Taliento (ANDRYXify) — Tutti i diritti riservati — socialbot.live */
/* Proprieta intellettuale · ANDRYX-IP::a7f39c1e8b424d90-4f7b-taliento::socialbot.live */

:root {
  --ax-1: "a7f39c1e8b424d90";
  color-scheme: light;

  --bg: #f2efe8;
  --surface: #fdfbf6;
  --surface-2-tinta: #f0ebe1;
  --surface-3-tinta: #e5dfd2;
  --surface-2: var(--tono-carta) 0 0 / var(--tono-passo), var(--surface-2-tinta);
  --surface-3: var(--tono-carta) 0 0 / var(--tono-passo), var(--surface-3-tinta);
  --border: #ddd6c8;
  --border-2: #c9c1b1;

  --testo: #1a1919;
  --testo-2: #5c5852;
  --testo-3: #5f5a54;

  --acc: #ba007a;
  --acc-600: #940060;
  --su-acc: #ffffff;

  --acc-vivo: #d000b8;
  --acc-caldo: #b00050;
  --acc-vino: #9a0028;
  --rampa: linear-gradient(100deg, var(--acc-vivo), var(--acc) 42%, var(--acc-caldo) 74%, var(--acc-vino));

  --contorno: #150910;
  --contorno-sp: 2px;
  --salto: 10px;
  --posto-inchiostro: var(--salto);
  --alone-contorno: 0 0 0 0 transparent;

  --tratto-1: 1px 1.5px 1.5px 1px;
  --tratto-2: 2px 2.5px 2.5px 2px;
  --tratto-3: 3px 3.5px 3.5px 3px;
  --orlo-3: 3px;
  --tratto-4: 4.5px 5px 5px 4.5px;

  --tono-passo: 6px 6px;
  --tono-carta: radial-gradient(color-mix(in srgb, var(--contorno) 15%, transparent) 1.05px, transparent 1.1px);
  --didascalia-fondo: var(--contorno);
  --didascalia-testo: #f7f3ec;
  --orlo-scritta: var(--contorno);
  --tono-10: radial-gradient(var(--contorno) 1.05px, transparent 1.1px);
  --tono-20: radial-gradient(var(--contorno) 1.5px, transparent 1.55px);
  --tono-40: radial-gradient(var(--contorno) 2.14px, transparent 2.2px);
  --tono-60: radial-gradient(var(--contorno) 2.62px, transparent 2.7px);

  --fuoco-linee: repeating-conic-gradient(from 0deg at 50% 50%, var(--contorno) 0deg .52deg, transparent .52deg 4.6deg);
  --corsa-linee: repeating-linear-gradient(90deg, var(--contorno) 0 1.2px, transparent 1.2px 7px);
  --gocce-linee: repeating-linear-gradient(90deg, var(--contorno) 0 2px, transparent 2px 12px);
  --raggi-linee: repeating-conic-gradient(from 0deg at 50% 118%, var(--contorno) 0deg 1.1deg, transparent 1.1deg 9deg);
  --tremolio: 1.5px;

  --gutter-stretto: .5rem;
  --gutter: .95rem;
  --gutter-largo: 1.7rem;

  --mano: 'Permanent Marker', 'Mano Riserva', 'Trebuchet MS', system-ui, sans-serif;
  --testo-font: Archivo, 'Archivo Riserva', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --ang-mano: 5px 3px 4px 3px / 3px 5px 3px 4px;
  --ang-mano-l: 4px 2px 3px 2px / 2px 4px 2px 3px;
  --tratto-mano: var(--tratto-2);

  --su-due: steps(5, jump-none);
  --su-tre: steps(3, jump-none);
  --scatto: cubic-bezier(.16, 1.42, .3, 1);
  --anticipo: .09s;
  --colpo: .34s;
  --lampo: .1s;

  --ombra-ink: 4px 4px 0 var(--contorno);
  --ombra-ink-alta: 6px 6px 0 var(--contorno);
  --ombra-ink-salto: var(--salto) var(--salto) 0 var(--contorno);
  --ombra-ink-timbro: 1px 1px 0 var(--contorno);
  --retino: radial-gradient(var(--contorno) 1.1px, transparent 1.2px);
  --retino-passo: 6px 6px;
  --retino-forza: .16;
  --cinetiche: repeating-conic-gradient(from 0deg at 50% 50%, var(--contorno) 0deg .55deg, transparent .55deg 3.1deg);
  --cinetiche-forza: .05;
  --acc-soft: color-mix(in srgb, var(--acc) 8%, var(--surface));
  --acc-tint: color-mix(in srgb, var(--acc) 10%, transparent);
  --acc-bordo: color-mix(in srgb, var(--acc) 26%, var(--border));

  --verde: #497852; --verde-soft: #eef3ec; --verde-bordo: #cfdccf;
  --rosso: #a8382b; --rosso-soft: #f6ebe7; --rosso-bordo: #ebccc5; --su-rosso: #ffffff;
  --ambra: #926317; --ambra-soft: #f5eedd; --ambra-bordo: #e6d3b3;

  --r-xs: 3px; --r-s: 4px; --r-m: 5px; --r-l: 7px;
  --om-s: 0 1px 2px rgba(26, 25, 25, .05);
  --om-m: 0 2px 10px rgba(26, 25, 25, .06);
  --om-l: 0 10px 30px rgba(26, 25, 25, .09);
  --ease-back: var(--an-morbido); --molla: .22s var(--an-morbido); --spring: var(--an-morbido);
  --sheen: rgba(255, 255, 255, .35);

  --g-def: #68625a;
  --g-bot: #68625a; --g-pubblico: #68625a; --g-diretta: #68625a;
  --g-scena: #68625a; --g-vetrina: #68625a; --g-account: #68625a; --g-admin: var(--acc);

  --an-vel: cubic-bezier(.16, 1, .3, 1);
  --an-morbido: cubic-bezier(.33, 1, .68, 1);
  --an-dur: .9s;
}

:root[data-theme="dark"], :root:not([data-theme="light"]) {
  color-scheme: dark;

  --bg: #0f0a0e;
  --surface: #1a141a;
  --surface-2-tinta: #231b22;
  --surface-3-tinta: #2d232c;
  --surface-2: var(--tono-carta) 0 0 / var(--tono-passo), var(--surface-2-tinta);
  --surface-3: var(--tono-carta) 0 0 / var(--tono-passo), var(--surface-3-tinta);
  --border: #362a34;
  --border-2: #4a3a46;

  --testo: #f1e9ee;
  --testo-2: #b0a2aa;
  --testo-3: #9c8c96;

  --acc: #f72fa7;
  --acc-600: #ff61b7;

  --acc-vivo: #ff5ce0;
  --acc-caldo: #ef4b84;
  --acc-vino: #e04a72;

  --contorno: #f4ecf1;
  --alone-contorno: 0 0 0 1px color-mix(in srgb, var(--acc) 34%, transparent);
  --tono-carta: radial-gradient(color-mix(in srgb, #ffd9ec 14%, transparent) 1.05px, transparent 1.1px);
  --didascalia-fondo: var(--contorno);
  --didascalia-testo: #12080e;
  --orlo-scritta: var(--contorno);
  --ombra-ink: 3px 3px 0 var(--contorno);
  --ombra-ink-alta: 5px 5px 0 var(--contorno);
  --salto: 9px;
  --ombra-ink-salto: var(--salto) var(--salto) 0 var(--contorno);
  --ombra-ink-timbro: 1px 1px 0 var(--contorno);
  --retino: radial-gradient(color-mix(in srgb, var(--acc) 80%, #fff) 1.1px, transparent 1.2px);
  --retino-forza: .2;
  --cinetiche: repeating-conic-gradient(from 0deg at 50% 50%, color-mix(in srgb, var(--acc) 70%, #fff) 0deg .55deg, transparent .55deg 3.1deg);
  --cinetiche-forza: .055;
  --su-acc: #1e0f18;
  --acc-soft: color-mix(in srgb, var(--acc) 10%, var(--surface));
  --acc-tint: color-mix(in srgb, var(--acc) 14%, transparent);
  --acc-bordo: color-mix(in srgb, var(--acc) 26%, var(--border));

  --verde: #7bae86; --verde-soft: #1a271d; --verde-bordo: #2f4535;
  --rosso: #e0674f; --rosso-soft: #291813; --rosso-bordo: #47281f; --su-rosso: #150910;
  --ambra: #cf9a52; --ambra-soft: #28200f; --ambra-bordo: #453722;
  --om-s: 0 1px 2px rgba(0, 0, 0, .3);
  --om-m: 0 2px 10px rgba(0, 0, 0, .35);
  --om-l: 0 10px 30px rgba(0, 0, 0, .45);
  --sheen: rgba(255, 255, 255, .05);

  --g-def: #918c80;
  --g-bot: #918c80; --g-pubblico: #918c80; --g-diretta: #918c80;
  --g-scena: #918c80; --g-vetrina: #918c80; --g-account: #918c80; --g-admin: var(--acc);
}

:root[data-theme="dark"] img[src*="/icons/logo-"],
:root[data-theme="dark"] img[src*="/icons/marchio"],
:root:not([data-theme="light"]) img[src*="/icons/logo-"],
:root:not([data-theme="light"]) img[src*="/icons/marchio"] {
  filter: drop-shadow(1px 0 0 var(--orlo-scritta)) drop-shadow(-1px 0 0 var(--orlo-scritta))
          drop-shadow(0 1px 0 var(--orlo-scritta)) drop-shadow(0 -1px 0 var(--orlo-scritta));
}

:root {
  --cursore: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='28' viewBox='0 0 26 28'%3E%3Cpath d='M2.6 1.7 C2.2 1.3 1.4 1.6 1.5 2.3 L3.7 22.6 C3.8 23.6 5 23.9 5.6 23.1 L10 17.4 L13.9 25.3 C14.2 25.9 14.9 26.1 15.5 25.8 L18.2 24.4 C18.8 24.1 19 23.3 18.7 22.7 L14.9 15 L22 14.2 C23 14.1 23.3 12.9 22.6 12.3 Z' fill='%23ff3fb0' stroke='%23150910' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M4.4 4.6 L5.9 19.4 L9.5 14.6 Z' fill='%23ffffff' opacity='.45'/%3E%3C/svg%3E") 2 1, auto;
  --cursore-mano: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M15 2.4 C15.3 1.5 16.6 1.5 16.9 2.4 L19 10.7 C19.1 11.2 19.5 11.6 20 11.7 L28.4 13.8 C29.3 14.1 29.3 15.4 28.4 15.7 L20 17.8 C19.5 17.9 19.1 18.3 19 18.8 L16.9 27.1 C16.6 28 15.3 28 15 27.1 L12.9 18.8 C12.8 18.3 12.4 17.9 11.9 17.8 L3.5 15.7 C2.6 15.4 2.6 14.1 3.5 13.8 L11.9 11.7 C12.4 11.6 12.8 11.2 12.9 10.7 Z' fill='%23ff3fb0' stroke='%23150910' stroke-width='2.1' stroke-linejoin='round'/%3E%3Cpath d='M14.4 7.6 L15.4 12.2 L12.6 14.2 Z' fill='%23ffffff' opacity='.5'/%3E%3C/svg%3E") 16 15, pointer;
}
body, body * { cursor: var(--cursore) !important; }
a, a *, button, button *, .btn, .btn *, [role="button"], [role="button"] *,
summary, summary *, label, select, .grp-btn, .grp-btn *, .drawer-voce, .drawer-voce *,
.menu-voce, .menu-voce *, .vt-btn, .vt-btn *, .carta.pieghevole > h2, .carta.pieghevole > h2 *,
.pan-testa, .pan-testa *, details > summary, [data-apri-menu], [data-occhio] {
  cursor: var(--cursore-mano) !important;
}