: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}.app-header,.training-panel,.heart-scene,.category-grid,.bottom-nav{z-index:2;position:relative}.app-header{grid-template-columns:52px 1fr 52px;align-items:center;margin-top:8px;display:grid}.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 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}.bottom-nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:radial-gradient(circle at 51% 4%,#ffffffeb,#0000 12rem),#fffbf4e6;border:1px solid #d8ccb4db;border-bottom:0;border-radius:42px 42px 0 0;grid-template-columns:repeat(3,1fr);align-items:center;min-height:92px;margin:7px -18px 0;padding:12px 26px 16px;display:grid;position:sticky;bottom:0;box-shadow:0 -16px 36px #594c3614}.nav-item{color:#39423e;place-items:center;gap:5px;min-width:0;font-size:14px;text-decoration:none;display:grid}.nav-item svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:30px;height:30px}.nav-item.active{color:#3d781f;font-weight:650}.nav-item.active svg{stroke-width:2.45px}@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}}