/* Mi Equilibrio 1.3 · Calma contemporánea · Se conserva la estructura de datos 1.1/1.2 */
:root{
  color-scheme:light;--bg:#f6f8f4;--ink:#1d3935;--muted:#728780;--panel:#fff;--line:#e6eeea;--shadow:0 12px 34px rgba(29,72,63,.065);
  --accent:#237b61;--accent-strong:#145d4a;--accent-soft:#e4f5eb;--accent-rgb:35,123,97;
  --sky-top:#90dcd6;--sky-bottom:#fff2d8;--sun:#fff2c5;--mount-far:#b5d6c7;--mount-near:#79b6a1;--forest:#5a9c7e;--foreground:#52846b;--lake:#a8dfd7;--lake-light:#fff5da;--trees:#326d58;--tree-trunk:#355747;--bird:#486e69;--logo-stem:#e2fff1;
  --nav-bg:rgba(255,255,255,.96);--field:#f9fbf9;--separator:#e5eee8;--green:#2e9569;--yellow:#b98524;--red:#c46a68;--deep:var(--accent-strong);
}
:root[data-theme="serenidad"]{--accent:#397ebc;--accent-strong:#225b94;--accent-soft:#e7f1fc;--accent-rgb:57,126,188;--sky-top:#7fc1f5;--sky-bottom:#f7eff0;--sun:#f9f5d6;--mount-far:#adcaeb;--mount-near:#669ccf;--forest:#547ba9;--foreground:#4b7fa2;--lake:#9edbee;--lake-light:#fdfbff;--trees:#366e9b;--tree-trunk:#345276;--bird:#557fa4}
:root[data-theme="aurora"]{--accent:#b35e87;--accent-strong:#8e436e;--accent-soft:#fceaf2;--accent-rgb:179,94,135;--sky-top:#f9bdd9;--sky-bottom:#fff6e3;--sun:#ffe9bd;--mount-far:#f2b4d2;--mount-near:#d993bd;--forest:#bd7ca8;--foreground:#ae82a1;--lake:#fad5e8;--lake-light:#fff2f7;--trees:#995c86;--tree-trunk:#82506b;--bird:#986d8e}
:root[data-theme="violeta"]{--accent:#8663c3;--accent-strong:#674ba0;--accent-soft:#f0eafb;--accent-rgb:134,99,195;--sky-top:#beadfa;--sky-bottom:#f4ebff;--sun:#fff1cf;--mount-far:#baa8e6;--mount-near:#947dd0;--forest:#8773be;--foreground:#7469ac;--lake:#d6c8ff;--lake-light:#faf5ff;--trees:#6958a1;--tree-trunk:#61558a;--bird:#6c6498}
:root[data-theme="sol"]{--accent:#b78427;--accent-strong:#876220;--accent-soft:#fff3d9;--accent-rgb:183,132,39;--sky-top:#ffe2a4;--sky-bottom:#fff7e7;--sun:#fff1b9;--mount-far:#ead1a0;--mount-near:#d4b579;--forest:#b7a26d;--foreground:#a99970;--lake:#f5dcaa;--lake-light:#fff7dd;--trees:#8d8760;--tree-trunk:#746342;--bird:#82785e}
:root[data-theme="aqua"]{--accent:#168f91;--accent-strong:#14676a;--accent-soft:#dff7f5;--accent-rgb:22,143,145;--sky-top:#8ae7e3;--sky-bottom:#ecfff6;--sun:#fff4c9;--mount-far:#9edbda;--mount-near:#5cbdb8;--forest:#459e9a;--foreground:#348e89;--lake:#a1ebea;--lake-light:#f3ffff;--trees:#266f75;--tree-trunk:#235c60;--bird:#316e70}
:root[data-theme="coral"]{--accent:#c77568;--accent-strong:#98554c;--accent-soft:#feede6;--accent-rgb:199,117,104;--sky-top:#f4b5aa;--sky-bottom:#fff4e6;--sun:#ffebc6;--mount-far:#e6b5b6;--mount-near:#d99591;--forest:#b77c7c;--foreground:#aa8279;--lake:#f6c8b9;--lake-light:#fff3e7;--trees:#906c68;--tree-trunk:#765f58;--bird:#956f75}
:root[data-visual="dark"]{
  color-scheme:dark;--bg:#16222b;--ink:#edf7f6;--muted:#b0c2c3;--panel:#22313a;--line:#3b5057;--separator:#354c52;--field:#1d2b33;--shadow:0 10px 28px #040c1440;--nav-bg:rgba(28,41,49,.97);
  --accent-soft:#28454a;--logo-stem:#aee9d8;
  --sky-top:#314e68;--sky-bottom:#657688;--sun:#f6e1c5;--mount-far:#566a83;--mount-near:#395b70;--forest:#34545b;--foreground:#263e49;--lake:#607f88;--lake-light:#b2c2c1;--trees:#263d48;--tree-trunk:#23343c;--bird:#d7e1e5;
}
:root[data-visual="dark"][data-theme="aurora"]{--accent:#d69abc}
:root[data-visual="dark"][data-theme="violeta"]{--accent:#b5a0ea}
:root[data-visual="dark"][data-theme="sol"]{--accent:#e4c176}
:root[data-visual="dark"][data-theme="coral"]{--accent:#efaa9f}
:root[data-visual="dark"][data-theme="serenidad"]{--accent:#91bdf0}
:root[data-visual="dark"][data-theme="aqua"]{--accent:#7adbd9}
:root[data-visual="dark"][data-theme="equilibrio"]{--accent:#75c7a8}
*{box-sizing:border-box}
html{background:var(--bg);scroll-padding-top:22px}
body{background:var(--bg);color:var(--ink);min-height:100vh;font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif}
button,input,textarea,select{font-family:inherit}
button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.app-shell{width:min(100%,1150px);padding:0 24px calc(120px + env(safe-area-inset-bottom));margin:0 auto}
.app-header{display:flex;justify-content:space-between;align-items:center;min-height:94px;padding:17px 2px 14px;gap:12px}
.brand{gap:11px}.brandmark{width:49px;height:49px;background:linear-gradient(140deg,var(--accent-soft),var(--panel));border-radius:17px;color:var(--accent);box-shadow:inset 0 0 0 1px var(--line)}
.leaf-logo{width:36px;height:36px}.brand-name{font-size:20px;font-weight:800;letter-spacing:-.7px;color:var(--ink)}.brand-sub{font-size:11px;letter-spacing:.1px;color:var(--muted)}
.header-settings{height:43px;width:43px;flex:none;border:1px solid var(--line);border-radius:15px;background:var(--panel);font-size:25px;color:var(--accent);box-shadow:var(--shadow)}
.view-screen[hidden]{display:none!important}.view-screen{animation:emerge .18s ease-out}@keyframes emerge{from{opacity:.75;transform:translateY(3px)}to{opacity:1;transform:none}}
.hero-landscape{position:relative;height:255px;overflow:hidden;border-radius:28px;box-shadow:var(--shadow);isolation:isolate;background:var(--sky-top)}
.hero-image{position:absolute;inset:0}.landscape-svg{display:block;width:100%;height:100%}.hero-intro{position:absolute;z-index:1;left:35px;top:29px;color:#173b39;text-shadow:0 1px 12px rgba(255,255,255,.4)}
.hero-kicker{font-size:10px;letter-spacing:2px;font-weight:800;color:#245c57}.hero-intro h1{font-size:clamp(29px,3.7vw,42px);font-weight:800;letter-spacing:-1.5px;line-height:1.07;margin:11px 0 9px}.hero-intro p{font-size:13px;font-weight:600;margin:0}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:25px;box-shadow:var(--shadow);padding:24px;color:var(--ink)}
.section-tag{color:var(--accent);font-size:10px;letter-spacing:1.75px;font-weight:800}.panel h2{font-size:20px;line-height:1.28;letter-spacing:-.55px;margin:6px 0 0}.supporting-label{font-size:13px;color:var(--muted);line-height:1.6;display:block}
.today-card{position:relative;margin:-17px 16px 18px;z-index:2}.today-card-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.today-card .supporting-label{margin-top:7px}.today-mini-icon{display:grid;place-items:center;background:var(--accent-soft);border-radius:14px;width:40px;height:40px;color:var(--accent);font-size:27px}
.quick-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:21px}
.quick-option{min-width:0;border:2px solid transparent;border-radius:18px;padding:17px 9px 15px;display:flex;flex-direction:column;align-items:center;gap:5px;transition:transform .15s,border-color .15s,box-shadow .15s}
.quick-option:active{transform:scale(.97)}.quick-option.green{background:#e5f7e9;color:#1a704d}.quick-option.yellow{background:#fff4dc;color:#895f19}.quick-option.red{background:#fce9e7;color:#9c4c4c}
.quick-option.is-selected{border-color:currentColor;box-shadow:0 0 0 3px rgba(var(--accent-rgb),.1)}.quick-option strong{font-size:14px}.quick-option small{text-align:center;font-size:10px;line-height:1.3;color:inherit;opacity:.85}
.quick-face{height:47px;width:47px;display:grid;place-items:center;border-radius:50%;background:#44bd82;color:#075b39;font-size:34px;font-weight:600;line-height:1}.quick-option.yellow .quick-face{background:#f6c34a;color:#936013;font-size:21px}.quick-option.red .quick-face{background:#ed747c;color:#8c313f;font-size:36px;transform:rotate(180deg)}
.today-footer{display:flex;align-items:center;flex-wrap:wrap;gap:9px 13px;margin-top:16px;font-size:12px;color:var(--muted)}.today-footer>span{flex:1 1 auto}.inline-action{border:0;background:none;padding:5px 0;color:var(--accent);font-size:12px;font-weight:750}.muted-action{color:var(--muted)}
.home-overview{margin:0 16px 16px}.small-tag{background:var(--field);border-radius:30px;padding:7px 12px;font-weight:600;font-size:12px;color:var(--ink)}
.overview-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:19px}.overview-metric{border-radius:16px;padding:18px 7px;text-align:center;display:flex;flex-direction:column;gap:3px}.overview-metric strong{font-size:29px;line-height:1.15}.overview-metric span{font-size:11px}.s-green{background:#e5f6ec;color:#1b7956}.s-yellow{background:#fff5e1;color:#a7751a}.s-red{background:#fff0ee;color:#b75e5a}
.home-progress-track{width:100%;height:9px;margin-top:18px;background:var(--field);border-radius:100px;overflow:hidden}.home-progress-fill{height:100%;width:0;background:linear-gradient(90deg,var(--accent),#69c9a2);border-radius:100px;transition:width .3s}.home-overview-foot{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin:8px 1px 16px}
.home-action-row{display:flex;align-items:center;gap:12px;text-align:left;width:100%;border:1px solid var(--line);background:var(--field);border-radius:14px;padding:14px 16px;color:var(--ink);font-size:14px;font-weight:750}.home-action-row>span:first-child{font-size:20px;color:var(--accent)}.row-chevron{margin-left:auto;font-size:22px;color:var(--accent)}
.quiet-line{display:flex;gap:9px;align-items:center;justify-content:center;color:var(--muted);font-size:13px;margin:21px 0 15px;padding:0 10px}.quiet-line p{margin:0}.quiet-line>span{font-size:26px;color:var(--accent)}
.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);z-index:30;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:min(100%,1150px);padding:9px 8px calc(10px + env(safe-area-inset-bottom));background:var(--nav-bg);border-top:1px solid var(--line);box-shadow:0 -8px 26px rgba(31,69,58,.055);backdrop-filter:blur(14px)}
.bottom-item{border:0;background:transparent;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px 2px 3px;border-radius:12px;font-size:10px;font-weight:650;min-height:50px}.bottom-item svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.bottom-item.is-active{color:var(--accent);font-weight:850}.bottom-item.is-active svg{stroke-width:2.4}.bottom-item:active{background:var(--accent-soft)}
.back-link{color:var(--accent);padding:12px 0;border:0;background:none;font-size:13px;font-weight:700;margin:2px 0 7px}
.calendar-screen .layout{grid-template-columns:1.24fr .76fr}.month-nav{color:var(--ink)}.month-label{color:var(--ink)}.icon-button{background:var(--panel);border-color:var(--line);color:var(--accent)}.day{background:var(--field);color:var(--ink)}.day.green{background:#dbf4e6;color:#206c4e}.day.yellow{background:#fff0ce;color:#97691b}.day.red{background:#fbe2e0;color:#a3514e}.day.is-today{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.calendar-help,.last-detail,.strip-caption,.month-foot{color:var(--muted)}.calendar-screen .calendar-tools{gap:8px}.mini-action{color:var(--accent);border-color:var(--line);background:var(--field)}.calendar-screen .calendar-panel{padding:24px}
/* Internal existing screens remain functionally identical, but inherit the new surface system. */
.weight-intro,.stats-intro,.section-page-heading{margin:8px 0 23px}.weight-intro h2,.stats-intro h2,.section-page-heading h1{font-size:clamp(27px,3vw,33px);color:var(--ink);margin:9px 0 7px;letter-spacing:-.7px}.weight-intro p,.stats-intro p,.section-page-heading p{color:var(--muted);font-size:14px;line-height:1.65;margin:0}.muted-small,.weight-metric-foot,.chart-footnote,.stats-description,.stats-explainer,.stats-card-note,.stats-footer-note{color:var(--muted)}
.weight-metric strong,.weight-history-value{color:var(--ink)}.weight-metric,.stats-month-card{background:var(--panel);border-color:var(--line)}.weight-form input,.weight-form select,.weight-form textarea,.field-label input,.field-label select,textarea,.stats-select-label select{background:var(--field);color:var(--ink);border-color:var(--line)}
.primary-button{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important}.secondary-button{color:var(--accent);background:var(--field);border-color:var(--line)}.clear-button{background:var(--field);color:var(--ink);border-color:var(--line)}.weight-history-item{border-color:var(--line)}.weight-item-actions button{color:var(--accent);background:var(--panel);border-color:var(--line)}
.stats-stacked{background:var(--field)}.stats-history-row{border-color:var(--line)}.stats-color.green{background:#e9f8ed;color:#1a7250}.stats-color.yellow{background:#fff6e5;color:#926619}.stats-color.red{background:#fff0ee;color:#a95755}
.moment-spotlight{border-color:var(--accent);background:var(--accent-soft)}.moment-spotlight .section-tag{color:var(--accent)}
.more-screen .mini-landscape{height:160px;border-radius:25px;overflow:hidden;margin:0 0 16px}.more-screen .panel{margin-bottom:17px}.theme-panel>p{margin:9px 0 20px}.theme-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-top:21px}.theme-choice{min-width:0;border:1px solid var(--line);background:var(--field);color:var(--ink);border-radius:16px;padding:13px 7px;display:flex;flex-direction:column;align-items:center;gap:11px}.theme-choice strong{font-size:11px;white-space:normal;text-align:center;line-height:1.2}.theme-choice[aria-pressed="true"]{border:2px solid var(--accent);padding:12px 6px;box-shadow:0 4px 20px rgba(var(--accent-rgb),.12)}.theme-preview{width:37px;height:37px;display:block;border-radius:50%;background:var(--swatch);box-shadow:inset -8px -8px 0 #0000000c,0 0 0 3px #ffffff8a}.mode-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.mode-choice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);background:var(--field);border-radius:15px;color:var(--ink);min-height:85px;font-weight:700;font-size:12px}.mode-choice[aria-pressed="true"]{border:2px solid var(--accent);color:var(--accent);background:var(--accent-soft)}.mode-symbol{font-size:25px}.about-panel>p{color:var(--muted);line-height:1.6;font-size:13px}.settings-backup{display:block;margin-top:21px;padding:0;border:0;background:none}.settings-backup .privacy-copy{display:none}.settings-backup .backup-actions{display:flex;flex-wrap:wrap;gap:10px}.settings-backup .secondary-button{flex:1;min-width:150px}.about-version{text-align:center;font-size:11px;color:var(--muted);padding:3px 0 8px}
.dialog-backdrop{z-index:50}.day-dialog{background:var(--panel);color:var(--ink);border:1px solid var(--line)}.dialog-description,.note-label,.bulk-preview,.input-hint{color:var(--muted)}.status-option{background:var(--field);color:var(--ink);border-color:var(--line)}.dialog-close{color:var(--ink)}.day-dialog textarea{background:var(--field);color:var(--ink);border-color:var(--line)}.toast{background:var(--accent-strong)}
:root[data-visual="dark"] .quick-option.green,:root[data-visual="dark"] .overview-metric.s-green,:root[data-visual="dark"] .stats-color.green{background:#214839;color:#98e6bf}
:root[data-visual="dark"] .quick-option.yellow,:root[data-visual="dark"] .overview-metric.s-yellow,:root[data-visual="dark"] .stats-color.yellow{background:#51432b;color:#ffe0a1}
:root[data-visual="dark"] .quick-option.red,:root[data-visual="dark"] .overview-metric.s-red,:root[data-visual="dark"] .stats-color.red{background:#563939;color:#ffc0bb}
:root[data-visual="dark"] .day.green{background:#224938;color:#a8f3c6}:root[data-visual="dark"] .day.yellow{background:#50442c;color:#f7d68b}:root[data-visual="dark"] .day.red{background:#583d3f;color:#ffc1bc}
:root[data-visual="dark"] .hero-intro{color:#12373b;text-shadow:0 1px 5px #fff8}:root[data-visual="dark"] .hero-kicker{color:#214e50}
:root[data-visual="dark"] .weight-chart-panel svg text{fill:var(--muted)!important}
:root[data-visual="dark"] .stats-previous,:root[data-visual="dark"] .chart-scroller,:root[data-visual="dark"] .weight-history-item,:root[data-visual="dark"] .weight-history-main,:root[data-visual="dark"] .stats-month-card{background:var(--panel)}
@media(max-width:850px){.app-shell{padding:0 14px calc(105px + env(safe-area-inset-bottom))}.app-header{min-height:75px}.calendar-screen .layout{grid-template-columns:1fr}.calendar-screen .sidebar{grid-template-columns:1fr 1fr}.theme-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-landscape{height:225px}}
@media(max-width:650px){.app-shell{padding:0 13px calc(104px + env(safe-area-inset-bottom))}.app-header{min-height:73px;padding:12px 1px}.brandmark{width:43px;height:43px;border-radius:15px}.leaf-logo{width:30px;height:30px}.brand-name{font-size:17px}.brand-sub{font-size:9px}.header-settings{width:39px;height:39px;font-size:23px}.hero-landscape{height:207px;border-radius:24px}.hero-intro{left:20px;top:21px}.hero-intro h1{font-size:30px}.today-card{margin:-15px 7px 16px;padding:19px 17px}.home-overview{margin:0 7px 14px;padding:19px 17px}.quick-status-grid{gap:8px;margin-top:19px}.quick-option{padding:14px 3px 13px;border-radius:15px}.quick-face{width:45px;height:45px}.quick-option strong{font-size:12px}.quick-option small{font-size:9px}.overview-metrics{gap:8px}.overview-metric strong{font-size:26px}.overview-metric{padding:15px 5px}.panel{padding:19px;border-radius:22px}.calendar-screen .sidebar{grid-template-columns:1fr}.calendar-screen .calendar-panel{padding:17px 13px}.calendar-grid{grid-auto-rows:43px;gap:6px}.weekdays{gap:6px}.day{border-radius:12px}.bottom-nav{padding:6px 6px calc(7px + env(safe-area-inset-bottom))}.bottom-item{font-size:10px}.theme-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.theme-choice{padding:12px 4px}.theme-choice[aria-pressed="true"]{padding:11px 3px}.theme-choice strong{font-size:10px}.more-screen .mini-landscape{height:130px}.mode-choices{gap:7px}.mode-choice{min-height:76px}.home-overview-foot{font-size:10px}}
@media(max-width:360px){.brand-sub{max-width:205px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-landscape{height:193px}.hero-intro h1{font-size:27px}.quick-option{gap:3px}.today-footer{gap:5px}.theme-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.overview-metric strong{font-size:23px}}
@media(prefers-reduced-motion:reduce){.view-screen{animation:none!important}}