:root{--ink:#2b2840;--muted:#7d7991;--line:#e8e5f1;--panel:#fff;--soft:#f7f5fc;--brand:#6753b7;--brand2:#8a75d7;--teal:#0f906e;--rose:#f3dce8;--radius:22px;--shadow:0 18px 60px rgba(76,55,128,.07)}
*{box-sizing:border-box}html{font-family:ui-rounded,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#f9f8fd}body{margin:0;min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}a{color:var(--brand)}.app{max-width:800px;margin:auto;padding:20px 20px 104px;min-height:100svh}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:25px}.brand{display:flex;align-items:center;gap:12px}.app-logo{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;color:#fff;font-size:27px;background:linear-gradient(135deg,#8274cc,#f098b9);box-shadow:0 8px 18px rgba(126,105,204,.17)}.app-logo.big{width:78px;height:78px;font-size:48px;margin:auto}.brand-name{font-size:21px;line-height:1.1;font-weight:850;letter-spacing:-.5px}.small{font-size:13px;color:var(--muted)}.top-actions{display:flex;gap:8px;align-items:center}.icon-btn{border:1px solid var(--line);background:#fff;border-radius:13px;padding:10px 12px;color:var(--ink)}.hero{padding:24px;background:linear-gradient(115deg,#eeebff,#fff0f5);border-radius:26px;box-shadow:var(--shadow)}.eyebrow{text-transform:uppercase;letter-spacing:1.2px;font-size:11px;font-weight:750;color:#7867b1}.hero h1{font-size:29px;line-height:1.15;letter-spacing:-.7px;margin:8px 0}.hero p{font-size:14px;margin:0;color:#615a79;line-height:1.55}.sectionhead{display:flex;justify-content:space-between;align-items:center;margin:22px 0 11px;gap:10px}.sectionhead h2{font-size:19px;margin:0;letter-spacing:-.3px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.tile,.card{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:18px}.tile .emoji{display:block;font-size:26px;margin-bottom:12px}.tile b{font-size:15px;display:block;margin-bottom:6px}.tile p{margin:0;color:var(--muted);font-size:12px;line-height:1.4}.card{margin:10px 0;box-shadow:0 7px 30px rgba(90,70,125,.025)}.cardhead{display:flex;align-items:center;justify-content:space-between;gap:10px}.cardtitle{font-size:16px;font-weight:750;line-height:1.3}.meta{font-size:12px;color:var(--muted);margin-top:5px}.note-body{font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55;margin:12px 0}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;background:#eeeafb;color:#6652ac;font-weight:750;font-size:11px}.pill.green{background:#e6f8ee;color:#227553}.pill.gray{background:#f1f1f5;color:#787487}.pill.orange{background:#fff4e7;color:#946126}.btn{border:0;border-radius:15px;background:var(--brand);color:#fff;padding:13px 17px;font-weight:750;font-size:14px;min-height:44px}.btn:hover{filter:brightness(.97)}.btn.secondary{background:#f0edfa;color:#5b4b98}.btn.ghost{background:transparent;color:var(--brand);border:1px solid #ddd6f3}.btn.green{background:var(--teal)}.btn.full{width:100%}.btn.tiny{font-size:12px;padding:9px 11px;min-height:36px;border-radius:11px}.actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.banner{padding:13px 15px;border-radius:15px;background:#f4f0ff;font-size:13px;line-height:1.5;color:#5d5283;margin-bottom:15px;border:1px solid #e5ddfc}.banner.warning{background:#fff9ed;color:#80552b;border-color:#f9e8c7}.empty{padding:35px 20px;text-align:center;border:1px dashed #ded8ed;border-radius:22px;background:#fff}.empty .emoji{font-size:34px}.empty p{color:var(--muted);font-size:14px;line-height:1.5}.bottomnav{position:fixed;bottom:0;left:0;right:0;z-index:40;background:rgba(255,255,255,.97);border-top:1px solid var(--line);padding:8px max(12px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom));display:flex;justify-content:space-evenly;backdrop-filter:blur(12px)}.navbtn{background:transparent;border:0;border-radius:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#9990ad;font-weight:650;font-size:10px;min-width:63px;min-height:55px}.navbtn i{font-style:normal;font-size:23px}.navbtn.active{background:#f1edfc;color:var(--brand)}.row{display:flex;align-items:center;gap:12px}.row.space{justify-content:space-between}.avatar{width:41px;height:41px;min-width:41px;border-radius:14px;display:grid;place-items:center;background:#eeeafb;color:#5d499e;font-weight:800}.input,.textarea,.select{background:#fff;border:1px solid #d9d4e7;color:var(--ink);border-radius:13px;padding:13px;width:100%;outline-color:var(--brand);font-size:15px}.textarea{min-height:115px;resize:vertical;line-height:1.5}.field{display:block;margin:13px 0}.field label{display:block;font-size:13px;font-weight:750;margin-bottom:8px}.formhint{font-size:12px;color:var(--muted);line-height:1.4;margin-top:6px}.login{max-width:430px;min-height:100vh;margin:auto;padding:68px 23px 25px;display:flex;flex-direction:column;align-items:stretch}.login h1{text-align:center;font-size:30px;margin:17px 0 4px}.login .tag{text-align:center;color:var(--muted);margin:0 0 31px}.modalShade{position:fixed;inset:0;z-index:80;background:rgba(33,23,56,.43);display:flex;align-items:flex-end;justify-content:center}.modal{background:#fff;border-radius:25px 25px 0 0;padding:25px 22px calc(24px + env(safe-area-inset-bottom));width:100%;max-width:600px;max-height:91svh;overflow:auto;box-shadow:0 0 50px rgba(20,15,44,.18)}.modalheader{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal h2{font-size:22px;margin:0 0 8px}.modalclose{border:0;background:#f3f1f7;border-radius:12px;padding:8px 11px;font-size:21px}.listItem{padding:14px 0;border-bottom:1px solid var(--line)}.listItem:last-child{border:0}.checkTask{display:flex;align-items:center;gap:12px}.taskIcon{font-size:25px;width:43px;height:43px;display:grid;place-items:center;border-radius:14px;background:#f2f0fa}.taskName{font-weight:750;font-size:15px}.taskDetails{font-size:12px;color:var(--muted);margin-top:5px;line-height:1.4}.progress{height:9px;background:#ece8f6;border-radius:20px;overflow:hidden;margin-top:10px}.bar{height:100%;background:linear-gradient(90deg,#28a985,#7ccc9e);transition:width .25s}.switch{display:flex;gap:8px;background:#f1eef9;border-radius:15px;padding:5px}.switch button{flex:1;border:0;background:transparent;border-radius:11px;padding:9px;font-weight:750;color:#807794}.switch button.on{background:#fff;color:var(--brand);box-shadow:0 1px 9px rgba(0,0,0,.05)}#toast{position:fixed;z-index:100;bottom:94px;left:50%;transform:translateX(-50%);max-width:90%;padding:0;background:#332c52;color:#fff;border-radius:13px;font-size:13px;box-shadow:0 12px 35px rgba(0,0,0,.2);text-align:center}#toast.show{padding:11px 16px}.splash{text-align:center;max-width:360px;margin:25vh auto}.splash h1{font-size:30px;margin-bottom:6px}.splash p{color:var(--muted)}.muted{color:var(--muted)}.miniDesc{color:var(--muted);font-size:13px;line-height:1.5}.miniLead{font-weight:800;font-size:16px;margin:0}.summaryCount{font-size:26px;font-weight:850;color:var(--brand)}.footerNote{text-align:center;font-size:11px;color:var(--muted);padding:15px 0 7px}.checkboxline{display:flex;gap:10px;align-items:center;margin:10px 0;font-size:14px}.checkboxline input{width:19px;height:19px;accent-color:var(--brand)}@media(min-width:700px){.app{padding:30px 28px 110px}.bottomnav{max-width:800px;left:50%;right:auto;width:100%;transform:translateX(-50%);border-radius:24px 24px 0 0;border:1px solid var(--line)}.hero h1{font-size:33px}.modalShade{align-items:center}.modal{border-radius:25px}}

/* Acompaña: tres pieles para los tres integrantes. Elementos decorativos dibujados en CSS. */
html[data-theme="mike"] {
  --ink:#e8f1ff;--muted:#9aacbf;--line:#283e57;--panel:#17283f;--soft:#101e32;
  --brand:#319bea;--brand2:#7dd5f9;--teal:#27bd9a;--rose:#122c43;
  --radius:18px;--shadow:0 20px 50px rgba(0,0,0,.22);
  --page:#0b1628;--surface:#17283f;--surface-alt:#1f3550;--accent-soft:#1d3855;
  --inverse:#091626;--barbg:#294562;--nav-active:#213954;
}
html[data-theme="catalina"] {
  --ink:#533740;--muted:#806571;--line:#f5d9da;--panel:#fffefe;--soft:#fff7ea;
  --brand:#b53b79;--brand2:#ee7ca8;--teal:#377f5e;--rose:#fff1f5;
  --radius:24px;--shadow:0 14px 40px rgba(190,104,115,.09);
  --page:#fff9eb;--surface:#fffefe;--surface-alt:#fff5df;--accent-soft:#fff0d2;
  --inverse:#ffffff;--barbg:#ffead9;--nav-active:#fff0c5;
}
html[data-theme="renato"] {
  --ink:#243a36;--muted:#566e62;--line:#b8d9bf;--panel:#fffefa;--soft:#eaf7e9;
  --brand:#287a48;--brand2:#75b955;--teal:#187447;--rose:#e0f2d8;
  --radius:13px;--shadow:0 7px 0 rgba(40,97,58,.10);
  --page:#e4f5ff;--surface:#fffefa;--surface-alt:#e5f7db;--accent-soft:#daf0cb;
  --inverse:#ffffff;--barbg:#d6edcc;--nav-active:#def3d2;
}
html[data-theme="mike"],html[data-theme="catalina"],html[data-theme="renato"] {color:var(--ink);background:var(--page)}
html[data-theme="mike"] body,html[data-theme="catalina"] body,html[data-theme="renato"] body {background:var(--page)}
html[data-theme="mike"] body {background-image:radial-gradient(circle at 75% 6%,rgba(33,110,175,.16),transparent 32%),linear-gradient(155deg,#0b1524,#0e2236 74%,#0b1524)}
html[data-theme="catalina"] body {background-image:radial-gradient(circle at 90% 5%,rgba(255,203,39,.16),transparent 27%),radial-gradient(circle at 0% 46%,rgba(247,151,185,.13),transparent 35%)}
html[data-theme="renato"] body {background-image:linear-gradient(0deg,rgba(135,192,230,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(135,192,230,.15) 1px,transparent 1px);background-size:32px 32px}
html[data-theme] .app {position:relative;isolation:isolate}
html[data-theme] .topbar {margin-bottom:21px}
html[data-theme] .brand-name {color:var(--ink)}
html[data-theme] .small,html[data-theme] .meta,html[data-theme] .miniDesc,html[data-theme] .taskDetails,html[data-theme] .footerNote,html[data-theme] .formhint,html[data-theme] .muted {color:var(--muted)}
html[data-theme] .profile-chip {max-width:115px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-weight:750;font-size:12px}
html[data-theme] .icon-btn {border:1px solid var(--line);background:var(--surface);color:var(--ink)}
html[data-theme] .app-logo {background:linear-gradient(135deg,var(--brand),var(--brand2));box-shadow:none;flex-shrink:0}
html[data-theme="renato"] .app-logo {background:#55a54d;border-radius:5px;border:3px solid #25633d;box-shadow:4px 4px 0 #aacb9c;font-size:22px}
html[data-theme="catalina"] .app-logo {background:linear-gradient(135deg,#ffda40,#ff92b5);border:2px solid #fff7c5;border-radius:19px}
html[data-theme="mike"] .app-logo {background:linear-gradient(140deg,#1d3d62,#1593da);border:1px solid #4d98cb}
html[data-theme] .hero {overflow:hidden;position:relative;isolation:isolate;min-height:165px;padding:26px 23px;box-shadow:var(--shadow);border:1px solid var(--line)}
html[data-theme] .hero-content {position:relative;z-index:3;max-width:75%}
html[data-theme] .hero h1 {color:var(--ink);font-size:clamp(23px,5vw,32px);line-height:1.16}
html[data-theme] .hero p {color:var(--muted);font-weight:550;max-width:440px}
html[data-theme] .eyebrow {font-size:10px;letter-spacing:1.5px;font-weight:850;color:var(--brand)}
html[data-theme="catalina"] .hero {background:linear-gradient(115deg,#fff6d5 3%,#ffedf3 80%,#fffef8);border-color:#f7daca}
html[data-theme="catalina"] .hero p {color:#855c70}
html[data-theme="mike"] .hero {background:linear-gradient(115deg,#163454,#172942 64%,#1b3f60);border-color:#355575}
html[data-theme="mike"] .eyebrow {color:#91c9f2}
html[data-theme="renato"] .hero {background:linear-gradient(180deg,#d5f3ff 0%,#ddf4fc 64%,#9dd384 64%,#88c473 77%,#805d3a 77%);border:3px solid #80ad77;border-radius:12px;box-shadow:5px 6px 0 #c2d8c4}
html[data-theme="renato"] .hero h1 {font-weight:900;letter-spacing:-1.2px}
html[data-theme="renato"] .eyebrow {color:#2f7654}
html[data-theme="renato"] .hero p {color:#365850;font-weight:700}
.hero-art {position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}
.sunflower {position:absolute;right:22px;top:19px;font-size:84px;line-height:1;transform:rotate(15deg);filter:drop-shadow(0 10px 10px rgba(191,124,31,.16));opacity:.92}
.sparkle {position:absolute;color:#f4a3b9;font-size:28px;right:112px;top:16px}
.sparkle.s2 {font-size:23px;right:15px;top:125px}
.orb {position:absolute;width:230px;height:230px;border:1px solid rgba(117,194,239,.25);right:-45px;top:-77px;border-radius:50%;box-shadow:0 0 0 25px rgba(78,147,197,.05),0 0 0 58px rgba(78,147,197,.05)}
.moonstar {position:absolute;color:#8ad4fd;right:80px;top:36px;font-size:38px;opacity:.75}
.moonstar.s2{right:29px;top:95px;font-size:21px}
.moonstar.s3{right:128px;top:129px;font-size:18px}
.hero-art .block{position:absolute;display:block}
.hero-art .square{right:46px;top:52px;width:38px;height:38px;background:#83bb61;border:4px solid #468849;box-shadow:0 0 0 4px #acd886;transform:rotate(8deg)}
.hero-art .hill.a{right:-25px;bottom:10px;width:108px;height:47px;background:#62a54b;box-shadow:-30px -19px 0 #85bd65,-61px -19px 0 #85bd65,-50px 0 0 #507d3d}
.hero-art .hill.b{right:12px;bottom:-16px;width:125px;height:44px;background:#755639;box-shadow:-50px 0 0 #67452f}
.hero-art .cloud{right:111px;top:27px;width:52px;height:16px;background:#fff;box-shadow:16px -12px 0 #fff,-15px 0 0 #fff;opacity:.9}
html[data-theme] .tile,html[data-theme] .card,html[data-theme] .empty {background:var(--surface);border-color:var(--line);color:var(--ink);box-shadow:var(--shadow)}
html[data-theme] .tile{min-height:155px;position:relative;overflow:hidden}
html[data-theme] .tile .emoji{margin-bottom:4px;font-size:25px}
html[data-theme] .tile p {color:var(--muted)}
html[data-theme] .summaryCount{color:var(--brand);font-size:28px}
html[data-theme="mike"] .summaryCount{color:#70c2ff}
html[data-theme="catalina"] .summaryCount{color:#c04c83}
html[data-theme="renato"] .summaryCount{color:#308144}
html[data-theme] .card{margin:12px 0}
html[data-theme] .sectionhead h2{color:var(--ink)}
html[data-theme] .pill{background:var(--accent-soft);color:var(--ink)}
html[data-theme] .pill.green {background:rgba(41,160,111,.17);color:var(--teal)}
html[data-theme="mike"] .pill.green {color:#7cdbc1}
html[data-theme] .pill.gray {background:var(--surface-alt);color:var(--muted)}
html[data-theme] .pill.orange {background:#fff0d7;color:#8e6024}
html[data-theme="mike"] .pill.orange {background:#513a25;color:#ffce81}
html[data-theme] .btn {background:var(--brand);color:white;border:1px solid transparent;transition:filter .15s,transform .15s}
html[data-theme] .btn:active {transform:translateY(2px)}
html[data-theme="renato"] .btn {border-radius:7px;border-bottom:4px solid #1f5835;font-weight:900;letter-spacing:.12px}
html[data-theme] .btn.secondary {background:var(--accent-soft);color:var(--ink)}
html[data-theme="renato"] .btn.secondary {border-bottom:3px solid #85b97e}
html[data-theme] .btn.ghost {background:transparent;color:var(--brand);border:1px solid var(--line)}
html[data-theme="mike"] .btn.ghost {color:#8ecdf5}
html[data-theme] .btn.green {background:var(--teal);color:#fff}
html[data-theme="renato"] .btn.green {border-color:#236e3e;border-bottom:4px solid #1f5835;min-height:49px}
html[data-theme] .bottomnav {background:var(--surface);border-color:var(--line)}
html[data-theme] .navbtn{color:var(--muted)}
html[data-theme] .navbtn.active{background:var(--nav-active);color:var(--brand)}
html[data-theme="mike"] .navbtn.active{color:#91d4ff}
html[data-theme="renato"] .navbtn.active{border:2px solid #90be78;border-radius:10px}
html[data-theme] .switch {background:var(--surface-alt)}
html[data-theme] .switch button {color:var(--muted)}
html[data-theme] .switch button.on {background:var(--surface);color:var(--brand)}
html[data-theme] .taskIcon {background:var(--accent-soft)}
html[data-theme] .avatar {background:var(--accent-soft);color:var(--brand)}
html[data-theme] .progress {background:var(--barbg)}
html[data-theme] .bar {background:linear-gradient(90deg,var(--teal),var(--brand2))}
html[data-theme] .banner {background:var(--accent-soft);color:var(--ink);border-color:var(--line)}
html[data-theme] .banner.warning {background:#fff5df;color:#704a28;border-color:#e9d2a5}
html[data-theme="mike"] .banner.warning {background:#44372d;color:#ffdb9e;border-color:#715238}
html[data-theme] .input,html[data-theme] .textarea,html[data-theme] .select {background:var(--surface);color:var(--ink);border-color:var(--line)}
html[data-theme] .input::placeholder,html[data-theme] .textarea::placeholder {color:var(--muted)}
html[data-theme] .modal {background:var(--surface);color:var(--ink)}
html[data-theme] .modalclose {background:var(--surface-alt);color:var(--ink)}
html[data-theme] .empty {border-style:dashed}
html[data-theme] .login .tag {color:var(--muted)}
html[data-theme] .login h1 {color:var(--ink)}
html[data-theme] .footerNote {color:var(--muted)}
.theme-profile-card {display:flex;gap:13px;align-items:center;margin:18px 0;padding:14px 15px;border-radius:16px;background:var(--surface-alt);border:1px solid var(--line)}
.theme-profile-icon {font-size:28px;min-width:36px;text-align:center}
html[data-theme="renato"] .task-card {border-left:5px solid #4eaa5a}
html[data-theme="catalina"] .task-card {border-left:4px solid #e8abc2}
html[data-theme="mike"] .task-card {border-left:4px solid #379ad6}
html[data-theme="renato"] .navbtn i {font-size:21px}
@media(max-width:390px){html[data-theme] .profile-chip {display:none} html[data-theme] .hero-content {max-width:79%} .sunflower {font-size:64px;right:10px;top:24px}}
@media (prefers-reduced-motion:reduce){html[data-theme] .btn,html[data-theme] .bar{transition:none}}
/* Texto por delante de la escenografía de bloques, sin superposición. */
html[data-theme="renato"] .hero{min-height:206px;background:linear-gradient(180deg,#d5f3ff 0%,#ddf4fc 79%,#9dd384 79%,#88c473 87%,#805d3a 87%)}
html[data-theme="renato"] .hero-content{max-width:70%}
@media(max-width:390px){html[data-theme="renato"] .hero-content{max-width:72%}}
/* Acompaña HD · gráficos vectoriales y microinteracciones · sin fuentes externas */
:root{color-scheme:light;--smooth:ease;--glass:rgba(255,255,255,.86);--chipbg:rgba(255,255,255,.1)}
html{font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
html[data-theme="mike"]{color-scheme:dark;--ink:#eff7ff;--muted:#a2bed7;--line:#2b4760;--panel:#172d43;--surface:#14283d;--surface-alt:#1b354e;--brand:#38bcff;--brand2:#74f1df;--accent-soft:#1d3a52;--page:#091723;--nav-active:#1c4057;--shadow:0 18px 44px rgba(0,5,12,.28);--glass:rgba(15,37,58,.82)}
html[data-theme="catalina"]{color-scheme:light;--ink:#563847;--muted:#946c7e;--line:#f1dfe1;--panel:#fff;--surface:#fffdfa;--surface-alt:#fff1ed;--brand:#c94d8b;--brand2:#ffbf53;--accent-soft:#ffe6ec;--page:#fff8ef;--nav-active:#ffe0eb;--shadow:0 16px 44px rgba(170,94,106,.12);--glass:rgba(255,251,247,.89)}
html[data-theme="renato"]{color-scheme:light;--ink:#244439;--muted:#58756a;--line:#bedec0;--panel:#fcfff7;--surface:#fcfff7;--surface-alt:#e7f5d8;--brand:#257846;--brand2:#91cf58;--accent-soft:#dff2cc;--page:#e7f5f5;--nav-active:#d6efcb;--shadow:0 6px 0 rgba(42,104,57,.1);--glass:rgba(249,255,246,.91)}
body{font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;letter-spacing:-.1px;overflow-x:hidden}
html[data-theme="mike"] body{background:radial-gradient(ellipse 800px 660px at 79% -18%,rgba(25,109,151,.22),transparent 78%),linear-gradient(155deg,#07121e,#0c2432 84%)}
html[data-theme="catalina"] body{background:radial-gradient(circle at 92% -10%,rgba(255,203,68,.30),transparent 34%),radial-gradient(circle at 0% 48%,rgba(255,150,188,.17),transparent 45%),#fffaf1}
html[data-theme="renato"] body{background-color:#e9f8ff;background-image:linear-gradient(0deg,rgba(74,151,149,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(74,151,149,.075) 1px,transparent 1px);background-size:25px 25px}
.ui-icon{width:21px;height:21px;flex-shrink:0;vertical-align:middle;stroke-width:1.85}
.btn .ui-icon,.icon-btn .ui-icon,.pill .ui-icon{width:18px;height:18px}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--brand2);outline-offset:3px}
.app{max-width:880px;padding:25px 25px 126px}
.topbar{margin-bottom:18px!important;padding:4px 1px}
.brand{gap:13px}.brand-name{font-size:24px;letter-spacing:-.85px;font-weight:850;line-height:1.14}.brand-hd{font-size:10px;letter-spacing:1.4px;font-weight:950;color:#fff;background:linear-gradient(130deg,#3cbdff,#8676ec);vertical-align:middle;padding:5px 7px;margin-left:4px;border-radius:5px}
html[data-theme="catalina"] .brand-hd{background:linear-gradient(120deg,#ee6f9c,#f2b448)}html[data-theme="renato"] .brand-hd{background:linear-gradient(120deg,#398958,#6dbf49);border-radius:2px}
.topbar .small{font-size:12px;margin-top:3px;letter-spacing:.1px}.brand-sep{opacity:.5;margin:0 3px}
html[data-theme] .app-logo{height:50px;width:50px;border-radius:16px;display:grid;place-items:center;color:#fff;position:relative;overflow:hidden}
html[data-theme] .app-logo .ui-icon{width:26px;height:26px;stroke-width:2.1;filter:drop-shadow(0 2px 3px rgba(0,0,0,.12))}
html[data-theme="mike"] .app-logo{background:linear-gradient(140deg,#165580,#19abe0);border:1px solid #3998ca;box-shadow:0 8px 28px rgba(26,155,233,.2)}
html[data-theme="catalina"] .app-logo{background:linear-gradient(140deg,#ffcb41,#fa789c);border:2px solid #fff4d8;box-shadow:0 9px 23px rgba(240,158,126,.24)}
html[data-theme="renato"] .app-logo{background:linear-gradient(140deg,#67b75e,#318343);border:3px solid #2c693f;border-radius:7px;box-shadow:4px 5px 0 #c4ddbc}
.icon-btn{width:42px;height:42px;padding:0!important;display:grid;place-items:center;border-radius:14px!important;transition:transform .2s,background .2s}
.icon-btn:hover{transform:translateY(-1px)}.profile-chip{font-size:12px!important;font-weight:750!important;max-width:150px!important;letter-spacing:.1px}
.private-bar{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:650;color:var(--muted);padding:9px 3px 15px}.private-bar .ui-icon{width:16px;height:16px;color:var(--brand)}.private-bar .priv-mark{margin-left:auto;white-space:nowrap;font-size:11px;color:#59c9aa}
html[data-theme="catalina"] .priv-mark{color:#579b71}html[data-theme="renato"] .priv-mark{color:#318950}
/* Hero scenes are true SVG vectors, perfect at 1x, 2x and 4K pixel densities. */
html[data-theme] .hero{background-position:center center!important;background-size:cover!important;background-repeat:no-repeat!important;min-height:248px!important;border-radius:29px!important;box-shadow:0 26px 55px rgba(0,0,0,.08),var(--shadow)!important;padding:31px 31px!important;display:flex;align-items:center;isolation:isolate}
html[data-theme="mike"] .hero{background-image:linear-gradient(90deg,#102747 0%,rgba(16,39,71,.91) 31%,rgba(16,39,71,0) 70%),url('./assets/mike.svg')!important;border:1px solid #336387!important}
html[data-theme="catalina"] .hero{background-image:linear-gradient(90deg,#fff7d2 0%,rgba(255,247,210,.85) 34%,rgba(255,247,210,0) 68%),url('./assets/catalina.svg')!important;border:1px solid #f7dcc3!important}
html[data-theme="renato"] .hero{background-image:linear-gradient(90deg,#d7f1ff 0%,rgba(215,241,255,.96) 35%,rgba(215,241,255,0) 67%),url('./assets/renato.svg')!important;border:3px solid #7db687!important;border-radius:12px!important;box-shadow:6px 7px 0 #b5d8bd!important}
html[data-theme] .hero-art{display:none!important}
html[data-theme] .hero-content{max-width:67%!important;width:66%;position:relative;z-index:2}
.hero h1{font-size:clamp(29px,4.1vw,38px)!important;letter-spacing:-1.25px!important;line-height:1.13!important;margin:14px 0 9px!important;font-weight:850!important}
.hero h1 .hero-endmark{font-size:.78em;opacity:.93}
.hero p{font-size:14px!important;max-width:365px!important;line-height:1.58!important}
html[data-theme="mike"] .hero h1{color:#f6fbff}html[data-theme="mike"] .hero p{color:#bed5ee}
html[data-theme="catalina"] .hero h1{color:#73445a}html[data-theme="catalina"] .hero p{color:#8e6273}
html[data-theme="renato"] .hero h1{color:#285441}html[data-theme="renato"] .hero p{color:#48705e}
html[data-theme] .eyebrow{font-size:10px;letter-spacing:2px;font-weight:950;color:var(--brand)!important;display:flex;align-items:center;gap:8px}
html[data-theme="mike"] .eyebrow{color:#8bdffd!important}html[data-theme="catalina"] .eyebrow{color:#b05675!important}html[data-theme="renato"] .eyebrow{color:#2e7955!important}
.eyebrow-dot{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px rgba(136,201,251,.16)}
.hero-pill{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.15);color:inherit;border:1px solid rgba(255,255,255,.28);padding:8px 12px;border-radius:999px;margin-top:17px;font-size:11px;font-weight:750;text-transform:capitalize;backdrop-filter:blur(10px)}.hero-pill .ui-icon{width:15px;height:15px}
html[data-theme="catalina"] .hero-pill{background:rgba(255,255,255,.5);border-color:rgba(238,160,172,.3)}
html[data-theme="renato"] .hero-pill{background:rgba(246,255,249,.76);border:2px solid #95cdb5;border-radius:7px}
.sectionhead{margin:30px 0 14px}.sectionhead h2{font-size:20px;letter-spacing:-.55px;line-height:1.3}
.section-eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:900;color:var(--brand);display:block;margin-bottom:5px}
.date-pill{display:flex;align-items:center;gap:6px;font-weight:700;font-size:12px;border:1px solid var(--line);border-radius:999px;padding:7px 10px;color:var(--muted)}.date-pill .ui-icon{width:15px;height:15px}
html[data-theme] .tile{border-radius:22px!important;min-height:190px!important;padding:20px 21px 18px!important;isolation:isolate;overflow:hidden;position:relative;transition:transform .2s ease,box-shadow .2s}
html[data-theme="renato"] .tile{border-radius:10px!important;border-width:2px;box-shadow:5px 5px 0 #badabc!important}
.tile .tile-glow{position:absolute;z-index:-1;right:-43px;top:-68px;border-radius:50%;width:160px;height:160px;background:var(--accent-soft);opacity:.7}
.metric-icon{display:grid;width:43px;height:43px;place-items:center;border-radius:15px;background:var(--accent-soft);color:var(--brand);margin-bottom:11px}
.metric-icon .ui-icon{width:24px;height:24px;stroke-width:1.9}
html[data-theme="mike"] .metric-icon{background:#204d6d;color:#9addff;border:1px solid #2d6786}
html[data-theme="catalina"] .metric-icon{background:#fff0dc;color:#ca6485}
html[data-theme="renato"] .metric-icon{border:2px solid #a1cf91;border-radius:7px;color:#2e8650}
.summaryCount{font-size:35px!important;letter-spacing:-1.6px;line-height:1.13;margin:0 0 3px;display:block;font-weight:900!important}
.metric-muted{opacity:.43;font-size:21px}.tile b{font-size:14px!important;font-weight:800!important;letter-spacing:-.22px}
.tile p{font-size:11px!important;margin-top:5px!important}
.daily-progress{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:19px 21px;margin-top:13px;box-shadow:var(--shadow)}
html[data-theme="renato"] .daily-progress{border-radius:9px;border-width:2px;box-shadow:4px 5px 0 #bed6bc}
.daily-progress-header{display:flex;align-items:center;gap:12px}.daily-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:var(--accent-soft);color:var(--brand);flex-shrink:0}.daily-icon .ui-icon{height:22px;width:22px}.daily-progress-header>div:nth-child(2){flex:1;min-width:0}.daily-progress-header b{font-size:14px;display:block}.daily-progress-header span{display:block;color:var(--muted);font-size:12px;margin-top:3px}.daily-progress-header strong{font-size:19px;letter-spacing:-.8px;color:var(--brand)}
.progress{height:8px!important;margin-top:14px!important;border-radius:99px!important}.bar{border-radius:99px;transition:width .35s ease!important;background:linear-gradient(90deg,#3bc29c,#51a9d4)!important}
html[data-theme="catalina"] .bar{background:linear-gradient(90deg,#f7b84e,#ed7ba3)!important}
html[data-theme="renato"] .bar{background:linear-gradient(90deg,#62b74c,#a5d970)!important}
.card{border-radius:21px!important;padding:20px!important;transition:box-shadow .2s ease,transform .2s ease}
html[data-theme="renato"] .card{border-radius:10px!important;border-width:2px;box-shadow:4px 5px 0 #d0e2cc!important}
.note-card,.task-card{margin:11px 0!important}.note-card .cardhead{justify-content:flex-start;align-items:center;gap:12px}
.note-avatar{width:42px;height:42px;display:grid;place-items:center;background:var(--accent-soft);color:var(--brand);border-radius:14px;flex-shrink:0}.note-avatar .ui-icon{width:21px;height:21px}.note-meta{flex:1;min-width:0}.note-card .pill{margin-left:auto}.note-body{margin:15px 0!important;font-size:13px!important;line-height:1.7!important}
.cardtitle{font-size:14px;font-weight:850}.meta{font-size:11px!important;letter-spacing:.04px}.taskIcon{width:48px;height:48px;border-radius:14px;font-size:20px;color:var(--brand);flex-shrink:0}.taskIcon .ui-icon{width:25px;height:25px}.taskName{font-size:15px!important;font-weight:850}.task-card .checkTask{gap:12px}.task-card .actions{margin-top:16px;padding-left:61px}
html[data-theme="renato"] .task-card{border-left:5px solid #50ad5b!important}
html[data-theme] .btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:46px;border-radius:13px;font-weight:780;font-size:13px;box-shadow:0 5px 18px rgba(0,0,0,.065);transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}
html[data-theme] .btn:hover{filter:brightness(1.06);transform:translateY(-1px)}html[data-theme] .btn:active{transform:translateY(1px)}
html[data-theme="mike"] .btn:not(.secondary):not(.ghost){background:linear-gradient(135deg,#147fbd,#229dd9);color:white}
html[data-theme="catalina"] .btn:not(.secondary):not(.ghost){background:linear-gradient(135deg,#c34d83,#e978ad);color:white}
html[data-theme="renato"] .btn:not(.secondary):not(.ghost){background:linear-gradient(160deg,#409c56,#2b8349);border-radius:7px}
html[data-theme] .btn.secondary{border:1px solid var(--line);background:var(--accent-soft);color:var(--ink);box-shadow:none}
html[data-theme] .btn.ghost{border:0;background:transparent;color:var(--brand);box-shadow:none;padding-inline:8px}
html[data-theme] .btn.tiny{min-height:36px;font-size:12px;padding:8px 12px}.btn.green:not(.secondary){background:#199974!important}
html[data-theme="renato"] .btn{font-weight:900;border-bottom-width:4px;border-bottom-style:solid;border-bottom-color:#1f683e;letter-spacing:.1px}
.rotate-icon{transform:rotate(180deg);width:16px!important;height:16px!important}
.quick-actions{margin-top:24px;gap:10px}.quick-actions>.btn{flex:1;white-space:nowrap}
html[data-theme] .bottomnav{padding:11px max(14px,env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom));border:1px solid var(--line);border-radius:23px 23px 0 0;background:var(--glass)!important;box-shadow:0 -9px 35px rgba(0,0,0,.09);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.navbtn{font-weight:750!important;color:var(--muted)!important;min-height:58px;min-width:56px;gap:4px!important;transition:background .2s,transform .2s}.navbtn>span:last-child{font-size:10px}.nav-icon{display:grid;place-items:center;height:26px}.nav-icon .ui-icon{width:24px;height:24px;stroke-width:1.75}
.navbtn.active{color:var(--brand)!important;background:var(--nav-active);transform:translateY(-2px)}
html[data-theme="mike"] .navbtn.active{color:#8edbff!important}html[data-theme="catalina"] .navbtn.active{color:#c34d83!important}html[data-theme="renato"] .navbtn.active{color:#267744!important}
.empty.clean-empty{background:var(--surface);border:1px dashed var(--line);padding:28px 16px;box-shadow:var(--shadow)}.clean-empty b{display:block;margin-top:9px;font-size:15px}.empty-illus{width:55px;height:55px;display:grid;place-items:center;border-radius:18px;color:var(--brand);background:var(--accent-soft);margin:0 auto}.empty-illus .ui-icon{width:27px;height:27px}
.page-intro{margin:24px 0 27px}.page-intro h2{font-size:32px;margin:7px 0 5px;letter-spacing:-1.2px}.page-intro p{font-size:14px;color:var(--muted);margin:0;line-height:1.5}
.family-feature{display:flex;align-items:center;gap:16px;border:1px solid var(--line);border-radius:21px;background:var(--surface);padding:20px;box-shadow:var(--shadow)}.family-feature>div:nth-child(2){flex:1}.family-feature strong,.family-feature span{display:block}.family-feature strong{font-size:16px}.family-feature span{color:var(--muted);font-size:12px;margin-top:4px}.family-feature>.ui-icon{color:var(--muted)}
.family-orb{width:65px;height:65px;display:grid;place-items:center;background:var(--accent-soft);border-radius:20px;color:var(--brand)}.family-orb .ui-icon{width:32px;height:32px}.family-member{display:flex;align-items:center;gap:13px}.family-member b{font-size:15px}
.family-member .avatar{width:50px;height:50px;border-radius:18px}.family-member .avatar.catalina{background:#fff1cb;color:#c8527a}.family-member .avatar.renato{background:#e0f0ca;color:#308043}.family-member .avatar.mike{background:#dceeff;color:#1785bb}.family-member .avatar .ui-icon{width:25px;height:25px}
.theme-profile-icon{font-size:29px}.privacy-hint{display:flex;align-items:flex-start;gap:12px}.privacy-hint .ui-icon{color:var(--brand)}
.doc-soon{padding:30px 24px!important;background:var(--surface)!important;border:1px solid var(--line)!important;box-shadow:var(--shadow)}.doc-soon h3{margin:17px 0 5px;font-size:20px}.doc-soon .pill{margin-top:5px}
.doc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.doc-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px;min-height:140px;display:flex;flex-direction:column;gap:7px}.doc-card .ui-icon{color:var(--brand);width:27px;height:27px;margin-bottom:5px}.doc-card b{font-size:14px}.doc-card span{font-size:11px;color:var(--muted)}
.banner .ui-icon{vertical-align:middle}.theme-profile-card{border-radius:18px}
/* Login HD: keep it calm and legible, accessible to the whole family */
html[data-theme="welcome"],html[data-theme="welcome"] body{background:linear-gradient(155deg,#f3faff,#fff8ec 56%,#fff0f3);color:#273d53}
.login{max-width:470px;padding-top:38px;min-height:100svh}.login-art{height:150px;position:relative;display:grid;place-items:center}.login-halo{width:150px;height:150px;position:absolute;border-radius:50%;background:radial-gradient(circle,#b7e7fc 0%,#d5ecfd 46%,transparent 72%);opacity:.9}.login-logo{display:grid;place-items:center;background:linear-gradient(140deg,#1a8ab7,#6372c8);width:88px;height:88px;border-radius:27px;transform:rotate(-8deg);color:#fff;border:2px solid #ffffffd0;box-shadow:0 20px 30px #167bc130;z-index:1}.login-logo .ui-icon{height:45px;width:45px;stroke-width:1.7;transform:rotate(8deg)}.login-spark{position:absolute;top:12px;left:25%;font-size:25px;color:#e3ac4b;z-index:2}.login-brand{text-align:center;margin-bottom:26px}.login-brand h1{font-size:37px!important;letter-spacing:-1.7px}.login-brand .tag{font-size:14px;margin-bottom:0!important}.login-card{border:1px solid #e3eafa!important;background:#fff!important;box-shadow:0 28px 65px #3379a61a!important;color:#263e51!important;padding:25px!important}.login-card-top{display:flex;align-items:center;gap:7px;color:#438a9b;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px}.login-card-top .ui-icon{width:17px;height:17px}.login-card h2{margin:13px 0 6px;font-size:22px;letter-spacing:-.55px}.login .miniDesc{color:#687d91}.login .field label{color:#31475c}.login .input{color:#233d53;background:#fff;border-color:#d8e4ef}.login .btn.full{background:linear-gradient(135deg,#1179b8,#526bc8);border-radius:14px;min-height:50px;color:#fff}.login-hint{color:#82919d;font-size:11px;line-height:1.6;text-align:center;margin-bottom:0}.login-error{display:flex;gap:10px;align-items:flex-start;color:#964732;background:#fff0e9;border:1px solid #f6c4b7;border-radius:12px;padding:12px;font-size:12px;line-height:1.55;margin:12px 0}.login-error .ui-icon{height:18px;width:18px}
html[data-theme] .modal{border:1px solid var(--line)}.modalShade{backdrop-filter:blur(8px)}
@media(min-width:700px){.bottomnav{max-width:880px!important}.app{padding-top:30px}}
@media(max-width:600px){.app{padding:17px 16px calc(120px + env(safe-area-inset-bottom))}.topbar{gap:7px}.brand-name{font-size:21px}.brand{gap:9px}html[data-theme] .app-logo{width:43px;height:43px;border-radius:13px}.top-actions{gap:4px}.profile-chip{max-width:80px!important;font-size:11px!important}.private-bar{font-size:10px}.private-bar .priv-mark{font-size:9px}.hero{min-height:230px!important;padding:22px!important;border-radius:23px!important}.hero h1{font-size:31px!important}.hero p{font-size:12px!important}.hero-pill{padding:6px 9px;font-size:10px}.grid2{gap:10px}.tile{min-height:165px!important;padding:16px!important}.summaryCount{font-size:30px!important}.metric-icon{width:37px;height:37px}.metric-icon .ui-icon{width:21px;height:21px}.tile b{font-size:12px!important}.daily-progress{padding:16px}.sectionhead h2{font-size:18px}.note-card,.task-card{padding:15px!important}.pill{font-size:10px;padding:5px 8px}.quick-actions>.btn{font-size:12px}.navbtn{min-width:51px}.nav-icon .ui-icon{width:22px;height:22px}}
@media(max-width:390px){html[data-theme] .hero-content{width:73%;max-width:73%!important}.hero h1{font-size:26px!important}.hero-pill{margin-top:12px}.profile-chip{display:none!important}.private-bar .priv-mark{display:none}.hero p{font-size:11px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Mike's exclusive UFO expedition skin: richer nighttime palette and luminous emerald accents. */
html[data-theme="mike"] {
  --ink:#f4f6ff;--muted:#adb8d3;--line:#32365b;--panel:#151b36;--soft:#10182e;
  --brand:#38dbc2;--brand2:#b59afc;--teal:#24d6b6;--rose:#292343;
  --page:#090d20;--surface:#151b36;--surface-alt:#202746;--accent-soft:#243252;
  --shadow:0 18px 55px rgba(1,5,22,.36);--barbg:#303e5e;--nav-active:#293d50;
  --glass:rgba(16,20,42,.93);
}
html[data-theme="mike"] body {
  background-image:radial-gradient(ellipse at 95% 2%,rgba(108,60,188,.19),transparent 34%),radial-gradient(ellipse at 4% 58%,rgba(35,168,172,.075),transparent 44%),linear-gradient(135deg,#080d20,#12152f 67%,#090d1d);
}
html[data-theme="mike"] .hero {
  border-color:#474277!important;
  background-image:linear-gradient(90deg,#0a1229 0%,rgba(10,18,41,.96) 30%,rgba(10,18,41,.44) 60%,rgba(10,18,41,0) 88%),url('./assets/mike.svg')!important;
  box-shadow:0 28px 65px rgba(0,0,0,.39),0 0 0 1px rgba(113,243,230,.07)!important;
}
html[data-theme="mike"] .hero h1{color:#fff!important;text-shadow:0 2px 20px rgba(8,14,31,.6)}
html[data-theme="mike"] .hero p{color:#bfcee7!important}
html[data-theme="mike"] .eyebrow{color:#90f5e9!important}
html[data-theme="mike"] .hero-pill{background:rgba(10,26,47,.7);border-color:rgba(124,255,223,.3);color:#d7faf5}
html[data-theme="mike"] .app-logo{background:linear-gradient(135deg,#143e5b,#533b9e)!important;border:1px solid #4d7aab!important;box-shadow:0 0 22px rgba(52,223,217,.23)!important}
html[data-theme="mike"] .app-logo .ui-icon{stroke:#a4fff1}
html[data-theme="mike"] .brand-hd{background:linear-gradient(125deg,#0cae9b,#8667d1)}
html[data-theme="mike"] .summaryCount{color:#78f0df}
html[data-theme="mike"] .btn:not(.secondary):not(.ghost){background:linear-gradient(135deg,#0a9f91,#3169a9);box-shadow:0 8px 25px rgba(4,117,122,.2)}
html[data-theme="mike"] .btn.ghost{color:#83efe1}
html[data-theme="mike"] .navbtn.active{color:#91ffec!important;background:#233948}
html[data-theme="mike"] .bar{background:linear-gradient(90deg,#21d7b6,#8b86ef)!important}
html[data-theme="mike"] .pill.green{color:#82f2cd}
html[data-theme="mike"] .private-bar .priv-mark{color:#76e7d3}
html[data-theme="mike"] .task-card{border-left:4px solid #31d0bb!important}
html[data-theme="mike"] .family-member .avatar.mike{background:#263754;color:#79f9e9}
@media(max-width:390px){html[data-theme="mike"] .hero{background-position:61% center!important}}

/* Fix for mixed cached CSS / new SVG markup. Always enforce human-sized icons. */
.ui-icon { max-width:40px; max-height:40px; display:inline-block; flex-shrink:0; }

/* Identidad oficial de Acompaña — logos individuales para los tres integrantes. */
html[data-theme] .topbar .brand-logo-trigger{
  appearance:none;padding:0;border:1px solid var(--line)!important;
  overflow:hidden;cursor:pointer;background:transparent!important;
  width:48px;height:48px;min-width:48px;border-radius:16px;
  box-shadow:0 7px 20px rgba(0,0,0,.11)!important;
}
html[data-theme="renato"] .topbar .brand-logo-trigger{border-radius:9px}
html[data-theme] .brand-logo-picture{width:100%;height:100%;display:block;object-fit:cover;object-position:center 41%}
html[data-theme] .brand-logo-trigger:focus-visible{outline:3px solid var(--brand);outline-offset:3px}
html[data-theme] .brand-slogan{font-weight:650;font-size:11px;line-height:1.4;white-space:normal;max-width:240px}
html[data-theme] .brand-name{letter-spacing:-.7px}
html[data-theme] .family-member .avatar{overflow:hidden;padding:0;background:transparent;border:1px solid var(--line)}
html[data-theme] .family-member .avatar img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 42%}
html[data-theme] .theme-profile-card .profile-logo-small{flex:0 0 55px;width:55px;height:55px;border-radius:15px;object-fit:cover;border:1px solid var(--line);box-shadow:0 8px 22px rgba(0,0,0,.10)}
html[data-theme] .theme-profile-card{display:flex;align-items:center;gap:11px;flex-wrap:wrap}
html[data-theme] .theme-profile-card > div{flex:1;min-width:125px}
.logo-preview{max-width:360px;margin:12px auto 0;border-radius:18px;overflow:hidden;background:#0c142a}
.logo-preview img{display:block;width:100%;height:auto;object-fit:contain}
.logo-caption{text-align:center;margin:9px 0 0}
.login-logo{overflow:hidden}
.login-logo img{width:100%;height:100%;object-fit:cover;transform:rotate(8deg)}
@media(max-width:600px){html[data-theme] .topbar .brand-logo-trigger{width:42px;height:42px;min-width:42px;border-radius:13px}html[data-theme] .brand-slogan{font-size:10px;max-width:180px}html[data-theme] .topbar .brand-name{font-size:21px}}
@media(max-width:370px){html[data-theme] .brand-slogan{max-width:148px;font-size:9.5px}}