:root{--paper:#fffaf3;--paper-warm:#f8efe0;--ink:#343b38;--muted:#6c746f;--green:#6b9c43;--green-soft:#c8d9a2;--green-line:#b9c985;--blue:#2774c5;--blue-soft:#eaf4ff;--blue-line:#c8def5;--purple:#7653a9;--purple-soft:#fbf6fb;--purple-line:#d8c9e7;--pink:#ffbdb7;--pink-soft:#ffe2dc;--leaf:#c3d29b;--leaf-dark:#8aa263;--shadow:0 18px 44px #3b362a1c}*{box-sizing:border-box}html{background:radial-gradient(circle at 15% 10%, #cbdc9d38, transparent 26rem), radial-gradient(circle at 88% 78%, #a985cf24, transparent 24rem), var(--paper-warm);min-height:100%}body{min-height:100%;color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;font:inherit}.app-stage{background:radial-gradient(circle at 50% 18%,#ffffffeb,#0000 18rem),linear-gradient(#fffaf3db,#f9f2e6b3);justify-content:center;min-height:100dvh;display:flex}.phone-screen{background-color:var(--paper);background-image:radial-gradient(circle at 18% 38%,#c4d39814,#0000 10rem),radial-gradient(circle at 82% 64%,#a985cf0f,#0000 12rem),radial-gradient(circle at 51% 72%,#ffc3bc14,#0000 8rem);background-position:50%,50%,50%;background-repeat:no-repeat,no-repeat,no-repeat;background-size:auto,auto,auto;width:min(100vw,430px);min-height:100dvh;padding:18px 18px 0;position:relative;overflow:hidden;box-shadow:0 0 70px #3a31221f}.phone-screen:before{content:none}.training-panel,.heart-scene,.category-grid{z-index:2;position:relative}.app-header{z-index:40;grid-template-columns:52px 1fr 52px;align-items:center;margin-top:8px;display:grid;position:relative}.icon-button{cursor:pointer;background:0 0;border:0;place-items:center;width:52px;height:52px;display:grid}.icon-button svg{width:28px;height:28px;stroke:var(--ink);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;fill:none}.title-stack{text-align:center}.title-stack h1{color:#38413c;letter-spacing:0;margin:0;font-family:Georgia,Times New Roman,serif;font-size:35px;font-weight:500;line-height:1}.title-stack p{color:#343b38;margin:7px 0 0;font-size:16px;line-height:1.2}.title-stack span{color:var(--green);padding:0 7px}.training-panel{background:0 0;border:0;border-radius:52px;height:126px;margin-top:20px;padding:19px 20px 18px;position:relative}.panel-art{z-index:0;object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.training-panel>:not(.panel-art),.category-panel>:not(.panel-art){z-index:1;position:relative}.training-panel h2,.category-panel h2{letter-spacing:0;margin:0;font-family:Georgia,Times New Roman,serif;font-weight:700;line-height:1.1}.training-panel h2{color:#5a8538;text-align:center;font-size:22px}.training-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:11px;display:grid}.task-button{color:#2d322f;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;min-height:26px;padding:1px 0;font-size:13px;line-height:1.08;display:flex}.task-button:disabled{cursor:default;opacity:.68}.task-button span:last-child{min-width:0}.task-compact{text-align:center;flex-direction:column;justify-content:flex-start;gap:5px;min-width:0;padding:0;font-size:13px}.check-disc{background:#ffffffb8;border:1.5px solid #cdcfca;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;display:grid;box-shadow:0 4px 10px #56564a1f}.task-compact .check-disc{width:24px;height:24px}.check-disc svg{fill:#fff;width:15px;height:15px}.task-blue .check-disc{border-color:#5f96cf75}.task-green[aria-pressed=true] .check-disc{background:radial-gradient(circle at 32% 24%,#fff6,#0000 36%),#6b9c43;border-color:#79a551}.task-blue[aria-pressed=true] .check-disc{background:radial-gradient(circle at 32% 24%,#fff6,#0000 36%),#4d8fcb;border-color:#5f96cf}.task-purple[aria-pressed=true] .check-disc{background:radial-gradient(circle at 32% 24%,#ffffff6b,#0000 36%),#9270bf;border-color:#9a80c8}.heart-scene{height:276px;margin:-4px -18px 0;overflow:visible}.botanical-frame-art{z-index:1;object-fit:contain;object-position:center center;pointer-events:none;-webkit-user-select:none;user-select:none;width:430px;height:auto;position:absolute;top:288px;left:50%;transform:translate(-50%)}.bottom-sprout-art{z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none;width:42px;height:auto;position:absolute;top:640px;left:50%;transform:translate(-50%)}.heart-art-stack{aspect-ratio:1;pointer-events:none;width:268px;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.heart-layer-art{object-fit:contain;filter:drop-shadow(0 5px 6px #48593a14);pointer-events:none;-webkit-user-select:none;user-select:none;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.heart-layer-outer{width:100%}.heart-layer-middle{width:74%}.heart-layer-inner{width:46%}.category-grid{grid-template-columns:190px 176px;justify-content:space-between;gap:0;margin-top:-1px;display:grid}.category-panel{background:0 0;border:0;border-radius:54px;min-height:252px;padding:35px 6px 15px 28px;position:relative}.category-panel-blue{border-color:#0000;justify-self:start;width:190px;min-height:262px}.category-panel-purple{border-color:#0000;justify-self:end;width:176px;min-height:252px}.category-panel h2{white-space:nowrap;font-size:15.5px}.category-panel-blue h2,.category-panel-blue .category-count{color:var(--blue)}.category-panel-purple h2,.category-panel-purple .category-count{color:var(--purple)}.category-count{margin:3px 0 8px;font-size:12px;line-height:1.1}.task-list{gap:4px;display:grid}.menu-wrap,.calendar-wrap{z-index:45;position:relative}.menu-dropdown,.calendar-popover{z-index:50;box-shadow:var(--shadow);background:#fffbf4fa;border:1px solid #d8ccb4db;border-radius:18px;position:absolute;top:54px}.menu-dropdown{width:174px;padding:8px;left:0}.menu-dropdown button,.secondary-action,.settings-header button,.settings-actions button,.settings-activity button{cursor:pointer;background:#ffffffb8;border:0;border-radius:12px}.menu-dropdown button{text-align:left;width:100%;padding:11px 12px}.calendar-popover{width:322px;padding:10px;right:0}.calendar-popover .rdp-root{--rdp-accent-color:var(--green);--rdp-accent-background-color:#6b9c4324;--rdp-day_button-border-radius:999px;color:var(--ink);font-size:14px}.app-error,.loading-line{z-index:3;border-radius:999px;width:fit-content;max-width:100%;margin:12px auto -4px;padding:8px 14px;font-size:13px;line-height:1.2;position:relative}.app-error{color:#7c2f2f;background:#ffe1daf5}.loading-line{color:var(--muted);background:#ffffffb8}.app-state-screen,.login-screen{place-items:center;padding-bottom:48px;display:grid}.login-panel{z-index:2;text-align:center;justify-items:center;gap:13px;width:min(100%,320px);display:grid;position:relative}.login-panel h1{color:#38413c;letter-spacing:0;margin:0;font-family:Georgia,Times New Roman,serif;font-size:44px;font-weight:500}.login-panel p{color:var(--muted);margin:0;font-size:16px;line-height:1.45}.login-field{width:100%;color:var(--muted);text-align:left;gap:6px;font-size:13px;display:grid}.login-field input{width:100%;color:var(--ink);font:inherit;background:#ffffffdb;border:1px solid #d8ccb4eb;border-radius:16px;padding:12px 14px}.primary-action{color:#fff;cursor:pointer;background:#5f8f3c;border:0;border-radius:999px;padding:12px 18px;box-shadow:0 12px 24px #5d7e3a2e}.primary-action:disabled{cursor:default;opacity:.62}.text-action{color:#5f8f3c;cursor:pointer;background:0 0;border:0;font-weight:650}.modal-backdrop{z-index:80;background:#343b3838;align-items:end;display:grid;position:absolute;inset:0}.settings-modal{background:var(--paper);border-radius:28px 28px 0 0;max-height:min(86dvh,760px);margin:0;padding:18px;overflow:auto;box-shadow:0 -18px 44px #3b362a26}.settings-header,.settings-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.settings-header h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:26px}.settings-groups{gap:14px;margin-top:16px;display:grid}.settings-group{background:#ffffff8f;border:1px solid #d8ccb4cc;border-radius:18px;gap:10px;padding:14px;display:grid}.settings-group label{color:var(--muted);gap:5px;font-size:12px;display:grid}.settings-group input{min-width:0;color:var(--ink);font:inherit;background:#ffffffd6;border:1px solid #d8ccb4eb;border-radius:12px;padding:9px 10px}.settings-activities{gap:8px;display:grid}.settings-activity{grid-template-columns:minmax(0,1fr) 34px 34px auto;align-items:center;gap:6px;display:grid}.settings-activity button,.secondary-action,.settings-header button,.settings-actions button{padding:9px 10px}.settings-actions{background:linear-gradient(180deg, #fffaf3e0, var(--paper));margin:16px -18px -18px;padding:14px 18px 18px;position:sticky;bottom:-18px}.settings-actions .primary-action{color:#fff;background:#5f8f3c;min-width:96px;box-shadow:0 12px 24px #5d7e3a2e}@media (min-width:520px){.phone-screen{border-radius:34px;min-height:932px;margin:22px 0}}@media (max-width:390px){.phone-screen{padding-inline:14px}.title-stack h1{font-size:34px}.training-panel{padding-inline:14px}.training-list{gap:5px}.task-compact{font-size:12px}.category-grid{grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:12px}.category-panel{border-radius:44px;width:auto;padding:35px 6px 15px 22px}.category-panel-blue,.category-panel-purple{width:auto}.category-panel h2{font-size:15px}.botanical-frame-art{width:410px;top:292px}.bottom-sprout-art{top:640px}.heart-art-stack{width:252px;top:-4px}.calendar-popover{width:calc(100vw - 28px);max-width:322px;right:-4px}.settings-activity{grid-template-columns:minmax(0,1fr) 31px 31px auto}}
.rdp-root{--rdp-accent-color:blue;--rdp-accent-background-color:#f0f0ff;--rdp-day-height:44px;--rdp-day-width:44px;--rdp-day_button-border-radius:100%;--rdp-day_button-border:2px solid transparent;--rdp-day_button-height:42px;--rdp-day_button-width:42px;--rdp-selected-border:2px solid var(--rdp-accent-color);--rdp-disabled-opacity:.5;--rdp-outside-opacity:.75;--rdp-today-color:var(--rdp-accent-color);--rdp-dropdown-gap:.5rem;--rdp-months-gap:2rem;--rdp-nav_button-disabled-opacity:.5;--rdp-nav_button-height:2.25rem;--rdp-nav_button-width:2.25rem;--rdp-nav-height:2.75rem;--rdp-range_middle-background-color:var(--rdp-accent-background-color);--rdp-range_middle-color:inherit;--rdp-range_start-color:white;--rdp-range_start-background:linear-gradient(var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50%);--rdp-range_start-date-background-color:var(--rdp-accent-color);--rdp-range_end-background:linear-gradient(var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50%);--rdp-range_end-color:white;--rdp-range_end-date-background-color:var(--rdp-accent-color);--rdp-week_number-border-radius:100%;--rdp-week_number-border:2px solid transparent;--rdp-week_number-height:var(--rdp-day-height);--rdp-week_number-opacity:.75;--rdp-week_number-width:var(--rdp-day-width);--rdp-weeknumber-text-align:center;--rdp-weekday-opacity:.75;--rdp-weekday-padding:.5rem 0rem;--rdp-weekday-text-align:center;--rdp-gradient-direction:90deg;--rdp-animation_duration:.3s;--rdp-animation_timing:cubic-bezier(.4, 0, .2, 1)}.rdp-root[dir=rtl]{--rdp-gradient-direction:-90deg}.rdp-root[data-broadcast-calendar=true]{--rdp-outside-opacity:unset}.rdp-root{box-sizing:border-box;position:relative}.rdp-root *{box-sizing:border-box}.rdp-day{width:var(--rdp-day-width);height:var(--rdp-day-height);text-align:center}.rdp-day_button{cursor:pointer;font:inherit;color:inherit;width:var(--rdp-day_button-width);height:var(--rdp-day_button-height);border:var(--rdp-day_button-border);border-radius:var(--rdp-day_button-border-radius);background:0 0;justify-content:center;align-items:center;margin:0;padding:0;display:flex}.rdp-day_button:disabled{cursor:revert}.rdp-caption_label{z-index:1;white-space:nowrap;border:0;align-items:center;display:inline-flex;position:relative}.rdp-dropdown:focus-visible~.rdp-caption_label{outline:5px auto highlight;outline:5px auto -webkit-focus-ring-color}.rdp-button_next,.rdp-button_previous{cursor:pointer;font:inherit;color:inherit;appearance:none;width:var(--rdp-nav_button-width);height:var(--rdp-nav_button-height);background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex;position:relative}.rdp-button_next:disabled,.rdp-button_next[aria-disabled=true],.rdp-button_previous:disabled,.rdp-button_previous[aria-disabled=true]{cursor:revert;opacity:var(--rdp-nav_button-disabled-opacity)}.rdp-chevron{fill:var(--rdp-accent-color);display:inline-block}.rdp-root[dir=rtl] .rdp-nav .rdp-chevron{transform-origin:50%;transform:rotate(180deg)}.rdp-dropdowns{align-items:center;gap:var(--rdp-dropdown-gap);display:inline-flex;position:relative}.rdp-dropdown{z-index:2;opacity:0;appearance:none;width:100%;cursor:inherit;line-height:inherit;border:none;margin:0;padding:0;position:absolute;inset-block:0;inset-inline-start:0}.rdp-dropdown_root{align-items:center;display:inline-flex;position:relative}.rdp-dropdown_root[data-disabled=true] .rdp-chevron{opacity:var(--rdp-disabled-opacity)}.rdp-month_caption{height:var(--rdp-nav-height);align-content:center;font-size:large;font-weight:700;display:flex}.rdp-root[data-nav-layout=around] .rdp-month,.rdp-root[data-nav-layout=after] .rdp-month{position:relative}.rdp-root[data-nav-layout=around] .rdp-month_caption{justify-content:center;margin-inline-start:var(--rdp-nav_button-width);margin-inline-end:var(--rdp-nav_button-width);position:relative}.rdp-root[data-nav-layout=around] .rdp-button_previous{inset-inline-start:0;height:var(--rdp-nav-height);display:inline-flex;position:absolute;top:0}.rdp-root[data-nav-layout=around] .rdp-button_next{inset-inline-end:0;height:var(--rdp-nav-height);justify-content:center;display:inline-flex;position:absolute;top:0}.rdp-months{gap:var(--rdp-months-gap);flex-wrap:wrap;max-width:fit-content;display:flex;position:relative}.rdp-month_grid{border-collapse:collapse}.rdp-nav{height:var(--rdp-nav-height);align-items:center;display:flex;position:absolute;inset-block-start:0;inset-inline-end:0}.rdp-weekday{opacity:var(--rdp-weekday-opacity);padding:var(--rdp-weekday-padding);text-align:var(--rdp-weekday-text-align);text-transform:var(--rdp-weekday-text-transform);font-size:smaller;font-weight:500}.rdp-week_number{opacity:var(--rdp-week_number-opacity);height:var(--rdp-week_number-height);width:var(--rdp-week_number-width);border:var(--rdp-week_number-border);border-radius:var(--rdp-week_number-border-radius);text-align:var(--rdp-weeknumber-text-align);font-size:small;font-weight:400}.rdp-today:not(.rdp-outside){color:var(--rdp-today-color)}.rdp-selected{font-size:large;font-weight:700}.rdp-selected .rdp-day_button{border:var(--rdp-selected-border)}.rdp-outside{opacity:var(--rdp-outside-opacity)}.rdp-disabled:not(.rdp-selected){opacity:var(--rdp-disabled-opacity)}.rdp-hidden{visibility:hidden;color:var(--rdp-range_start-color)}.rdp-range_start{background:var(--rdp-range_start-background)}.rdp-range_start .rdp-day_button{background-color:var(--rdp-range_start-date-background-color);color:var(--rdp-range_start-color)}.rdp-range_middle{background-color:var(--rdp-range_middle-background-color)}.rdp-range_middle .rdp-day_button{border:unset;border-radius:unset;color:var(--rdp-range_middle-color)}.rdp-range_end{background:var(--rdp-range_end-background);color:var(--rdp-range_end-color)}.rdp-range_end .rdp-day_button{color:var(--rdp-range_start-color);background-color:var(--rdp-range_end-date-background-color)}.rdp-range_start.rdp-range_end{background:revert}.rdp-focusable{cursor:pointer}@keyframes rdp-slide_in_left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes rdp-slide_in_right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes rdp-slide_out_left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes rdp-slide_out_right{0%{transform:translate(0)}to{transform:translate(100%)}}.rdp-weeks_before_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_before_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}@keyframes rdp-fade_in{0%{opacity:0}to{opacity:1}}@keyframes rdp-fade_out{0%{opacity:1}to{opacity:0}}.rdp-caption_after_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_after_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}