:root{--color-forest-deep: #2a3a29;--color-cream-100: #fdfdf8;--color-cream-300: #f3f4e6;--gradient-surface: linear-gradient(160deg, var(--color-cream-100) 0%, var(--color-cream-300) 100%);--color-brand: #72b640;--color-brand-strong: #5f9e33;--color-sunrise: #f0b247;--color-water: #57a3a6;--color-flower: #cc6060;--color-berry: #955b98;--color-text: #3a4a3a;--color-text-muted: #6a7568;--color-text-invert: var(--color-cream-100);--color-on-brand: var(--color-forest-deep);--color-on-forest: var(--color-cream-100);--radius-card: 20px;--radius-card-lg: 24px;--radius-control: 12px;--radius-pill: 999px;--font-sans: "Nunito", "Quicksand", "Poppins", "Rubik", system-ui, -apple-system, "Segoe UI", sans-serif;--font-weight-title: 600;--font-weight-body: 400;--font-weight-light: 300;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--line-height-body: 1.6;--line-height-title: 1.2;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-8: 3rem;--glow-ambient: 0 8px 30px -12px rgba(42, 58, 41, .18);--glow-brand: 0 10px 40px -12px rgba(114, 182, 64, .45);--glow-sunrise: 0 10px 40px -12px rgba(240, 178, 71, .45);--glow-water: 0 10px 40px -12px rgba(87, 163, 166, .45);--glow-flower: 0 10px 40px -12px rgba(204, 96, 96, .45);--glow-berry: 0 10px 40px -12px rgba(149, 91, 152, .45);--glass-bg: rgba(253, 253, 248, .55);--glass-border: rgba(255, 255, 255, .6);--glass-blur: 14px;--ease-soft: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .18s;--duration-normal: .28s;--duration-slow: .42s;--progress-track: var(--color-cream-300);--progress-fill: var(--color-brand);--progress-height: 14px}@media(prefers-reduced-motion:reduce){:root{--duration-fast: 0ms;--duration-normal: 0ms;--duration-slow: 0ms;--ease-spring: var(--ease-soft)}}[data-theme=oscuro]{--color-forest-deep: #1c271d;--color-cream-100: #202a21;--color-cream-300: #2d3a2e;--gradient-surface: linear-gradient( 160deg, #202a21 0%, #182118 100% );--color-text: #e7ede4;--color-text-muted: #a7b3a5;--color-text-invert: #202a21;--color-on-brand: #1c271d;--color-on-forest: #e7ede4;--color-flower: #e58a8a;--color-berry: #c49ac7;--glow-ambient: 0 8px 30px -12px rgba(0, 0, 0, .6);--glow-brand: 0 10px 40px -12px rgba(114, 182, 64, .35);--glow-sunrise: 0 10px 40px -12px rgba(240, 178, 71, .28);--glow-water: 0 10px 40px -12px rgba(87, 163, 166, .28);--glow-flower: 0 10px 40px -12px rgba(229, 138, 138, .3);--glow-berry: 0 10px 40px -12px rgba(196, 154, 199, .3);--glass-bg: rgba(32, 42, 33, .62);--glass-border: rgba(255, 255, 255, .1);--progress-track: #2d3a2e}[data-theme=oscuro] .tag-sunrise{background:#f0b24733;color:#ffd9a1}[data-theme=oscuro] .tag-water{background:#57a3a633;color:#a8dcde}[data-theme=oscuro] .tag-flower{background:#e58a8a33;color:#f3b3b3}[data-theme=oscuro] .tag-berry{background:#c49ac733;color:#e0c3e2}html{box-sizing:border-box;-webkit-text-size-adjust:100%}*,*:before,*:after{box-sizing:inherit}body{margin:0;min-height:100vh;background:var(--gradient-surface);background-attachment:fixed;color:var(--color-text);font-family:var(--font-sans);font-weight:var(--font-weight-body);font-size:var(--font-size-base);line-height:var(--line-height-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-weight:var(--font-weight-title);line-height:var(--line-height-title);color:var(--color-text);margin:0 0 var(--space-3)}a{color:var(--color-brand-strong)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--color-brand-strong);outline-offset:2px;border-radius:var(--radius-control)}.surface-card{background:var(--color-cream-100);border-radius:var(--radius-card);box-shadow:var(--glow-ambient);padding:var(--space-5)}.surface-structure{background:var(--color-forest-deep);color:var(--color-on-forest)}.surface-glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-card)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);min-block-size:44px;min-inline-size:44px;border:none;border-radius:var(--radius-pill);font-family:inherit;font-weight:var(--font-weight-title);font-size:var(--font-size-base);cursor:pointer;transition:transform var(--duration-fast) var(--ease-spring),box-shadow var(--duration-normal) var(--ease-soft),background-color var(--duration-fast) var(--ease-soft)}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--color-brand);color:var(--color-on-brand);box-shadow:var(--glow-brand)}.btn-primary:hover{background:var(--color-brand-strong)}.btn-ghost{background:transparent;color:var(--color-text);border:1px solid var(--color-cream-300)}.progress{height:var(--progress-height);background:var(--progress-track);border-radius:var(--radius-pill);overflow:hidden}.progress>.progress-fill{height:100%;background:var(--progress-fill);border-radius:var(--radius-pill);box-shadow:var(--glow-brand);transition:width var(--duration-slow) var(--ease-soft)}.glow-sunrise{box-shadow:var(--glow-sunrise)}.glow-water{box-shadow:var(--glow-water)}.glow-flower{box-shadow:var(--glow-flower)}.glow-berry{box-shadow:var(--glow-berry)}.tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-size:var(--font-size-sm);font-weight:var(--font-weight-title)}.tag-sunrise{background:#f0b24729;color:#8a5a12}.tag-water{background:#57a3a629;color:#2f6668}.tag-flower{background:#cc606029;color:#8a3535}.tag-berry{background:#955b9829;color:#5e3560}