/*
Theme Name:   AuDHD OS v8
Theme URI:    https://github.com/audhd-os
Author:       AuDHD OS
Description:  Sistema Operativo Personal AuDHD v8. Modo Autismo (oscuro, estelar) y Modo TDAH (vibrante, degradados tipo XCANDA). Delete frontend, estrellas al completar, tareas recurrentes, emoji picker, mobile-first, sidebar completamente colapsable, lofi desde WP Media.
Version:      8.0.0
Requires at least: 6.2
Tested up to: 6.7
Requires PHP: 7.4
License:      GPL v2 or later
Text Domain:  audhd-os
*/

/* ══ FONDOS ════════════════════════════════════════════════════ */
:root {
  --bg-image:   none;
  --bg-overlay: rgba(0,0,0,0.55);
  --bg-blur:    0px;

  --bg:    #111111;
  --s1:    #181818;
  --s2:    #1e1e20;
  --s3:    #262628;
  --s4:    #2e2e32;
  --border:  rgba(255,255,255,.07);
  --border2: rgba(255,255,255,.15);

  --tx:  #eae6de;
  --tx2: #9a948d;
  --tx3: #5a554f;

  --low:  #52d980; --low-bg:  rgba(82,217,128,.11);  --low-ring:  rgba(82,217,128,.3);
  --op:   #f5c543; --op-bg:   rgba(245,197,67,.11);  --op-ring:   rgba(245,197,67,.3);
  --dp:   #b57cfc; --dp-bg:   rgba(181,124,252,.11); --dp-ring:   rgba(181,124,252,.3);
  --rest: #6b6b75; --rest-bg: rgba(107,107,117,.11);
  --urg:  #f06565; --urg-bg:  rgba(240,101,101,.11); --urg-ring:  rgba(240,101,101,.3);
  --dbg:  #ff6b35; --dbg-bg:  rgba(255,107,53,.11);  --dbg-ring:  rgba(255,107,53,.3);
  --frz:  #7ec8e3; --frz-bg:  rgba(126,200,227,.11); --frz-ring:  rgba(126,200,227,.3);

  --ff-h: 'Fraunces', Georgia, serif;
  --ff-b: 'Manrope', 'Inter', system-ui, sans-serif;
  --ff-m: 'JetBrains Mono', monospace;

  --sidebar-w:         252px;
  --sidebar-collapsed: 62px;
  --topbar-h:          52px;
  --bottom-nav:        64px;
  --ease:   200ms cubic-bezier(.4,0,.2,1);
  --ease-s: 380ms cubic-bezier(.4,0,.2,1);
  --shadow: 0 4px 24px rgba(0,0,0,.55);
}

/* ══ MODO TDAH v8 — BEIGE CLARO (Original v7) ═══════════════════
   Fondo claro con texto oscuro para máximo contraste.
   Colores vibrantes XCANDA sobre fondo beige.
   ══════════════════════════════════════════════════════════════ */
body.adhd-mode {
  /* Fondos: beige claro */
  --bg:    #f0ede8;
  --s1:    #fff;
  --s2:    #f5f2ed;
  --s3:    #ece9e3;
  --s4:    #e0dcd5;
  --border:  rgba(0,0,0,.08);
  --border2: rgba(0,0,0,.17);

  /* Texto OSCURO para contraste en fondo claro */
  --tx:  #1a1814;
  --tx2: #5a5550;
  --tx3: #9a9590;

  --shadow: 0 4px 24px rgba(0,0,0,.12);
  --bg-overlay: rgba(240,237,232,0.7);

  /* Colores vibrantes XCANDA sobre fondo claro */
  --low:     #12a84d; --low-bg:  rgba(18,168,77,.12);  --low-ring:  rgba(18,168,77,.35);
  --op:      #d4930a; --op-bg:   rgba(212,147,10,.12); --op-ring:   rgba(212,147,10,.35);
  --dp:      #8b3de8; --dp-bg:   rgba(139,61,232,.12); --dp-ring:   rgba(139,61,232,.35);
  --rest:    #6b6b75; --rest-bg: rgba(107,107,117,.12);
  --urg:     #d63030; --urg-bg:  rgba(214,48,48,.12);  --urg-ring:  rgba(214,48,48,.35);
  --frz:     #0097a7; --frz-bg:  rgba(0,151,167,.11);  --frz-ring:  rgba(0,151,167,.35);
}

*, *::before, *::after { box-sizing:border-box; margin:0; padding:0; }
html { font-size:16px; -webkit-font-smoothing:antialiased; }

body {
  background: linear-gradient(var(--bg-overlay), var(--bg-overlay)),
    radial-gradient(circle at 20% 20%, #1a1040 0%, #050505 55%),
    var(--bg-image, var(--bg));
  background-size: cover;
  background-attachment: fixed;
  color:var(--tx); font-family:var(--ff-b); line-height:1.55;
  min-height:100vh; overflow:hidden;
  transition:background .6s, color .4s;
}
body.adhd-mode {
  background: linear-gradient(var(--bg-overlay), var(--bg-overlay)),
    radial-gradient(ellipse at 0% 0%, #1a0035 0%, transparent 55%),
    radial-gradient(ellipse at 100% 100%, #001a35 0%, transparent 55%),
    var(--bg);
}

/* ESTRELLAS — Modo Autismo */
body::before, body::after { content:''; position:fixed; inset:0; pointer-events:none; z-index:0; border-radius:50%; }
body::before {
  width:2px; height:2px; background:transparent;
  box-shadow: 5vw 10vh rgba(255,255,255,.9), 15vw 30vh rgba(200,200,200,.7), 25vw 80vh rgba(255,255,255,.8), 40vw 20vh rgba(220,220,220,.6), 60vw 70vh rgba(255,255,255,.9), 80vw 40vh rgba(180,180,255,.7), 90vw 90vh rgba(255,255,255,.8), 30vw 50vh rgba(220,220,220,.6), 70vw 15vh rgba(255,255,255,.9), 50vw 60vh rgba(200,200,255,.7), 12vw 45vh rgba(255,255,255,.5), 33vw 72vh rgba(220,220,220,.4), 47vw 88vh rgba(255,255,255,.6), 63vw 33vh rgba(180,180,255,.5), 77vw 55vh rgba(255,255,255,.7), 22vw 66vh rgba(255,255,255,.4), 44vw 44vh rgba(220,220,255,.5), 66vw 22vh rgba(255,255,255,.6);
  animation: starsFloat 120s linear infinite; opacity:.8;
}
body::after {
  width:3px; height:3px; background:transparent;
  box-shadow: 10vw 20vh rgba(255,255,255,.7), 35vw 15vh rgba(255,255,255,.6), 55vw 40vh rgba(220,220,255,.5), 75vw 75vh rgba(255,255,255,.7), 95vw 25vh rgba(200,200,200,.6);
  animation: starsFloatReverse 180s linear infinite; opacity:.5;
}
/* Estrellas visibles en TDAH también pero con tinte neon */
body.adhd-mode::before {
  box-shadow:
    5vw 10vh rgba(255,45,135,.5), 15vw 30vh rgba(0,229,255,.4), 25vw 80vh rgba(255,229,0,.3),
    40vw 20vh rgba(155,89,255,.4), 60vw 70vh rgba(0,229,176,.5), 80vw 40vh rgba(255,45,135,.4),
    90vw 90vh rgba(0,229,255,.6), 30vw 50vh rgba(255,229,0,.3), 70vw 15vh rgba(155,89,255,.5),
    50vw 60vh rgba(0,229,176,.4), 12vw 45vh rgba(255,45,135,.3), 33vw 72vh rgba(0,229,255,.4),
    47vw 88vh rgba(255,229,0,.4), 63vw 33vh rgba(155,89,255,.3), 77vw 55vh rgba(0,229,176,.5);
  opacity:.55;
}
body.adhd-mode::after {
  box-shadow: 10vw 20vh rgba(255,45,135,.4), 35vw 15vh rgba(0,229,255,.5), 55vw 40vh rgba(255,229,0,.4), 75vw 75vh rgba(155,89,255,.5), 95vw 25vh rgba(0,229,176,.4);
  opacity:.45;
}
@keyframes starsFloat        { from{transform:translateY(0)} to{transform:translateY(-80px)} }
@keyframes starsFloatReverse { from{transform:translateY(0)} to{transform:translateY(60px)}  }

.shooting-star { position:fixed; top:-10%; left:-10%; width:120px; height:2px; background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.9)); opacity:0; transform:rotate(-25deg); pointer-events:none; z-index:0; animation:shootingStar 14s linear infinite; }
body.adhd-mode .shooting-star { background:linear-gradient(90deg,rgba(255,45,135,0),rgba(255,45,135,.9)); }
@keyframes shootingStar { 0%{transform:translateX(0) translateY(0) rotate(-25deg);opacity:0} 4%{opacity:1} 14%{transform:translateX(120vw) translateY(60vh) rotate(-25deg);opacity:0} 100%{opacity:0} }

button { font:inherit; color:inherit; background:none; border:none; cursor:pointer; }
input,textarea,select { font:inherit; color:inherit; background:none; border:none; outline:none; }
a { color:inherit; text-decoration:none; }
ul { list-style:none; }
::-webkit-scrollbar { width:3px; }
::-webkit-scrollbar-track { background:transparent; }
::-webkit-scrollbar-thumb { background:var(--s4); border-radius:99px; }
.truncate { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }