.tool-page[data-v-07dd8143]{min-width:0}.tool-panel[data-v-07dd8143]{overflow:hidden}.tool-panel[data-v-07dd8143]:before{background:linear-gradient(90deg,#5f8f783d,#dcebf7c7);content:"";display:block;height:3px;margin:-16px -16px 14px}.tool-hero[data-v-07dd8143]:before{margin-bottom:16px}.lifetime-control[data-v-07dd8143]{min-height:44px}.metric-row[data-v-07dd8143]{align-items:center;background:var(--calm-mist);border:1px solid var(--calm-line);border-radius:.5rem;color:var(--calm-muted);display:flex;font-size:.875rem;gap:1rem;justify-content:space-between;padding:.75rem}.metric-row strong[data-v-07dd8143]{color:var(--calm-ink);font-weight:700}.visualization-row[data-v-07dd8143]{align-items:center;display:grid;gap:1rem;grid-template-columns:minmax(140px,.34fr) minmax(0,1fr)}.viz-bar[data-v-07dd8143]{background:var(--calm-mist);border-radius:.25rem;height:.5rem;overflow:hidden}.progress-bar[data-v-07dd8143]{border-radius:.25rem;height:100%;transition:width .3s ease}.progress-bar--moss[data-v-07dd8143]{background:var(--calm-moss)}.progress-bar--sage[data-v-07dd8143]{background:var(--calm-sage)}.progress-bar--amber[data-v-07dd8143]{background:#c98f3b}.progress-bar--blue[data-v-07dd8143]{background:#5f7f95}.progress-item[data-v-07dd8143]{background:var(--calm-mist);border:1px solid var(--calm-line);border-radius:.75rem;padding:.875rem}.progress-header[data-v-07dd8143]{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.75rem}.progress-label[data-v-07dd8143]{color:var(--calm-muted);font-size:.8125rem;line-height:1.45}.progress-percentage[data-v-07dd8143]{color:var(--calm-ink);font-size:.8125rem;font-weight:700}.grid-container[data-v-07dd8143]{background:#ffffffa6;border:1px solid var(--calm-line);border-radius:.5rem;display:grid;gap:2px;grid-template-columns:repeat(44,minmax(0,1fr));grid-template-rows:repeat(2,1fr);padding:.25rem}.grid-container-prime[data-v-07dd8143]{grid-template-columns:repeat(60,minmax(0,1fr));grid-template-rows:repeat(8,1fr)}.grid-container-months[data-v-07dd8143]{grid-template-columns:repeat(88,minmax(0,1fr));grid-template-rows:repeat(12,1fr)}.grid-square[data-v-07dd8143]{aspect-ratio:1/1;background:#26382f14;border-radius:2px;transition:background-color .2s ease;width:100%}.blue-square.filled[data-v-07dd8143]{background:var(--calm-sage)}.yellow-square.filled[data-v-07dd8143]{background:#c98f3b}.multi-color-square.filled[data-v-07dd8143]{background:var(--calm-moss)}@media (min-width:1024px){.tool-page[data-v-07dd8143]{max-width:1080px;padding-bottom:.7rem;padding-top:.55rem}.tool-hero[data-v-07dd8143]{border-radius:.75rem!important;margin-bottom:.65rem!important;padding:.85rem 1rem!important}.tool-hero[data-v-07dd8143]:before{margin:-.85rem -1rem .65rem}.tool-hero h1[data-v-07dd8143]{font-size:1.65rem!important;line-height:1.1;margin-top:.12rem}.tool-hero p[data-v-07dd8143]{font-size:.8rem!important;line-height:1.35!important;margin-top:.28rem!important}.tool-hero .grid[data-v-07dd8143]{gap:.45rem;min-width:320px}.tool-hero .grid>div[data-v-07dd8143]{border-radius:.55rem;padding:.48rem .6rem}.tool-hero .grid p[data-v-07dd8143]:first-child{font-size:.68rem}.tool-hero .grid p[data-v-07dd8143]:last-child{font-size:.94rem;margin-top:.1rem}.tool-layout[data-v-07dd8143]{gap:.65rem!important;grid-template-columns:minmax(280px,.58fr) minmax(0,1fr)!important}aside.space-y-4[data-v-07dd8143],main.space-y-4[data-v-07dd8143]{display:grid;gap:.65rem}aside.space-y-4[data-v-07dd8143]>:not([hidden])~:not([hidden]),main.space-y-4[data-v-07dd8143]>:not([hidden])~:not([hidden]){margin-top:0}.tool-panel[data-v-07dd8143]{border-radius:.75rem!important;padding:.78rem .9rem!important}.tool-panel[data-v-07dd8143]:before{margin:-.78rem -.9rem .58rem}.tool-panel h2[data-v-07dd8143]{font-size:.98rem!important;line-height:1.2}.tool-panel h2+p[data-v-07dd8143]{font-size:.72rem!important;line-height:1.25;margin-top:.16rem!important}.lifetime-control[data-v-07dd8143]{min-height:38px}.tool-panel:has(.lifetime-control)>.mt-4[data-v-07dd8143]{margin-top:.62rem!important}.tool-panel:has(.lifetime-control)>.mt-4.rounded-lg[data-v-07dd8143]{border-radius:.55rem!important;padding:.58rem .65rem!important}.tool-panel:has(.lifetime-control)>.mt-4.rounded-lg .text-2xl[data-v-07dd8143]{font-size:1.32rem!important;line-height:1.1}.tool-panel:has(.metric-row)>.mt-4[data-v-07dd8143],.tool-panel:has(.progress-item)>.space-y-4[data-v-07dd8143],.tool-panel:has(.visualization-row)>.mt-4[data-v-07dd8143]{margin-top:.62rem!important}.metric-row[data-v-07dd8143]{border-radius:.55rem;font-size:.78rem;padding:.52rem .65rem}.visualization-row[data-v-07dd8143]{gap:.65rem;grid-template-columns:130px minmax(0,1fr)}.visualization-row p[data-v-07dd8143]{font-size:.8rem!important;line-height:1.25}.visualization-row p+p[data-v-07dd8143]{font-size:.7rem!important}.viz-bar[data-v-07dd8143]{height:.38rem}.progress-item[data-v-07dd8143]{border-radius:.62rem;padding:.58rem .65rem}.progress-header[data-v-07dd8143]{margin-bottom:.42rem}.progress-label[data-v-07dd8143],.progress-percentage[data-v-07dd8143]{font-size:.72rem;line-height:1.25}.grid-container[data-v-07dd8143]{border-radius:.45rem;gap:1px;padding:.2rem}.grid-container-prime[data-v-07dd8143]{grid-template-columns:repeat(80,minmax(0,1fr));grid-template-rows:repeat(6,1fr)}.grid-container-months[data-v-07dd8143]{grid-template-columns:repeat(132,minmax(0,1fr));grid-template-rows:repeat(8,1fr)}.grid-square[data-v-07dd8143]{border-radius:1px}}@media (max-width:768px){.visualization-row[data-v-07dd8143]{gap:.5rem;grid-template-columns:1fr}.grid-container[data-v-07dd8143]{grid-template-columns:repeat(22,minmax(0,1fr));grid-template-rows:repeat(4,1fr)}.grid-container-prime[data-v-07dd8143]{grid-template-columns:repeat(30,minmax(0,1fr));grid-template-rows:repeat(16,1fr)}.grid-container-months[data-v-07dd8143]{grid-template-columns:repeat(44,minmax(0,1fr));grid-template-rows:repeat(24,1fr)}}@media (max-width:480px){.grid-container[data-v-07dd8143]{grid-template-columns:repeat(22,minmax(0,1fr));grid-template-rows:repeat(4,1fr)}.grid-container-prime[data-v-07dd8143]{grid-template-columns:repeat(30,minmax(0,1fr));grid-template-rows:repeat(16,1fr)}.grid-container-months[data-v-07dd8143]{grid-template-columns:repeat(44,minmax(0,1fr));grid-template-rows:repeat(24,1fr)}}@media (max-width:640px){.tool-page[data-v-07dd8143]{padding:.35rem .4rem calc(1rem + env(safe-area-inset-bottom))}.tool-hero[data-v-07dd8143]{display:none}.tool-hero>div[data-v-07dd8143]{gap:.55rem}.tool-hero h1[data-v-07dd8143]{font-size:1.2rem;line-height:1.2}.tool-hero>div>div:first-child p[data-v-07dd8143]:not(:first-child){display:none}.tool-hero .grid p[data-v-07dd8143]{display:block}.tool-hero .grid[data-v-07dd8143]{gap:.4rem;grid-template-columns:repeat(3,minmax(0,1fr))}.tool-hero .grid>div[data-v-07dd8143]{padding:.45rem .35rem}.tool-hero .grid p[data-v-07dd8143]:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-hero .grid p[data-v-07dd8143]:last-child{font-size:.92rem}.tool-panel[data-v-07dd8143]{border-radius:.75rem;padding:.7rem}.tool-panel[data-v-07dd8143]:before{height:2px;margin:-12px -12px 12px}.metric-row[data-v-07dd8143]{font-size:.76rem;padding:.48rem .58rem}aside[data-v-07dd8143],main[data-v-07dd8143]{display:grid;gap:.55rem}aside.space-y-4[data-v-07dd8143]>:not([hidden])~:not([hidden]),main.space-y-4[data-v-07dd8143]>:not([hidden])~:not([hidden]){margin-top:0}.lifetime-control[data-v-07dd8143]{min-height:40px}.tool-panel h2[data-v-07dd8143]{font-size:.95rem}.tool-panel h2+p[data-v-07dd8143]{display:none}.tool-panel .mt-4[data-v-07dd8143]{margin-top:.58rem}.tool-panel:has(.lifetime-control)>.mt-4.rounded-lg[data-v-07dd8143]{padding:.52rem .62rem}.tool-panel:has(.lifetime-control)>.mt-4.rounded-lg>p[data-v-07dd8143]:first-child{display:none}.tool-panel:has(.lifetime-control)>.mt-4.rounded-lg .text-lg[data-v-07dd8143]{font-size:.92rem;line-height:1.25}.tool-panel:has(.lifetime-control)>.mt-4.rounded-lg .text-sm[data-v-07dd8143]{font-size:.72rem;line-height:1.2;margin-top:0}.tool-panel:has(.lifetime-control)>.mt-4.rounded-lg .text-2xl[data-v-07dd8143]{font-size:1.12rem;line-height:1.2;margin-top:.18rem}.tool-panel:has(.metric-row)>.mt-4[data-v-07dd8143]{display:flex;gap:.45rem;margin-right:-.7rem;overflow-x:auto;padding-right:.7rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}.tool-panel:has(.metric-row)>.mt-4[data-v-07dd8143]::-webkit-scrollbar{display:none}.tool-panel:has(.metric-row)>.mt-4[data-v-07dd8143]>:not([hidden])~:not([hidden]){margin-top:0}.metric-row[data-v-07dd8143]{flex:0 0 min(46vw,170px)}.progress-item[data-v-07dd8143]{min-width:min(78vw,300px);padding:.62rem}.tool-panel:has(.progress-item)>.space-y-4[data-v-07dd8143]{display:flex;gap:.55rem;margin-right:-.75rem;overflow-x:auto;padding-right:.75rem;scroll-padding-inline:.75rem;scroll-snap-type:x proximity;scrollbar-width:none}.tool-panel:has(.progress-item)>.space-y-4[data-v-07dd8143]::-webkit-scrollbar{display:none}.tool-panel:has(.progress-item)>.space-y-4[data-v-07dd8143]>:not([hidden])~:not([hidden]){margin-top:0}.tool-panel:has(.progress-item) .progress-item[data-v-07dd8143]{flex:0 0 min(78vw,300px);scroll-snap-align:start}.progress-header[data-v-07dd8143]{margin-bottom:.45rem}.progress-label[data-v-07dd8143],.progress-percentage[data-v-07dd8143]{font-size:.72rem}.visualization-row[data-v-07dd8143]{flex:0 0 min(68vw,242px);gap:.35rem;grid-template-columns:1fr;scroll-snap-align:start}.tool-panel:has(.visualization-row)>.mt-4[data-v-07dd8143]{display:flex;gap:.55rem;margin-right:-.7rem;overflow-x:auto;padding-right:.7rem;scroll-padding-inline:.7rem;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}.tool-panel:has(.visualization-row)>.mt-4[data-v-07dd8143]::-webkit-scrollbar{display:none}.tool-panel:has(.visualization-row)>.mt-4[data-v-07dd8143]>:not([hidden])~:not([hidden]){margin-top:0}.visualization-row p[data-v-07dd8143]{font-size:.76rem}.visualization-row p+p[data-v-07dd8143]{font-size:.68rem}.grid-container[data-v-07dd8143]{max-height:64px;overflow:hidden}.grid-container-prime[data-v-07dd8143]{max-height:88px}.grid-container-months[data-v-07dd8143]{max-height:92px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.grid-container-months[data-v-07dd8143]::-webkit-scrollbar{display:none}.grid-square[data-v-07dd8143]{border-radius:1px}}@media (max-width:640px) and (max-height:720px){.tool-layout[data-v-07dd8143],aside[data-v-07dd8143],main[data-v-07dd8143]{gap:.45rem}.tool-panel[data-v-07dd8143]{padding:.62rem}.tool-panel[data-v-07dd8143]:before{margin:-10px -10px 8px}.tool-panel h2[data-v-07dd8143]{font-size:.9rem}.lifetime-control[data-v-07dd8143]{min-height:38px}.tool-panel:has(.lifetime-control)>div.mt-4.rounded-lg[data-v-07dd8143]{display:none}.progress-item[data-v-07dd8143]{padding:.55rem}.grid-container[data-v-07dd8143]{max-height:52px}.grid-container-months[data-v-07dd8143],.grid-container-prime[data-v-07dd8143]{max-height:64px}}@media (prefers-reduced-motion:reduce){.grid-square[data-v-07dd8143],.progress-bar[data-v-07dd8143]{transition:none}}
