.home-grid{gap:var(--space-6);display:grid;@media (width>=1200px){grid-template-columns:minmax(0,1fr) 22rem;align-items:start}}@scope(.month-card){:scope{box-shadow:var(--shadow-card);padding:.625rem;@media (width>=1200px){order:0;position:sticky;inset-block-start:var(--space-6)}}.month-inner{gap:var(--space-5);padding:var(--space-5);border-radius:calc(var(--radius-xl) - .625rem);background:color-mix(in srgb, var(--color-bg) 66%, transparent);backdrop-filter:blur(6px);display:grid}.quota{gap:var(--space-2);font-size:var(--text-caption);font-weight:600;display:grid}.bar{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-ink) 10%, transparent);block-size:6px;overflow:hidden}.bar span{border-radius:inherit;background:var(--color-ink);block-size:100%;display:block}}.choices{gap:var(--space-3);max-inline-size:44rem;display:grid}@scope(.choice){:scope{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5) var(--space-4) var(--space-4);border-radius:var(--radius-lg);background:var(--card);box-shadow:var(--shadow-card);color:var(--text);grid-template-columns:auto minmax(0,1fr) auto;text-decoration:none;display:grid}:scope:is(section){padding:var(--space-4);grid-template-columns:auto minmax(0,1fr);@media (width>=768px){padding:var(--space-5)}}.icon-tile{border-radius:var(--radius-md);background:var(--color-glow-lilac);place-items:center;block-size:3.5rem;inline-size:3.5rem;display:grid}.icon-tile[data-tone=blush]{background:var(--color-glow-blush)}.text{gap:2px;display:grid}strong,h2{letter-spacing:-.01em;font-size:1.0625rem;font-weight:700}p,.hint-line{color:var(--text-muted);font-size:.9375rem}:scope>.icon{color:var(--text-subtle)}@media (hover:hover) and (pointer:fine){:scope:is(a):hover{box-shadow:var(--shadow-card), 0 0 0 1px var(--color-ink)}}@media (prefers-reduced-motion:no-preference){:scope:is(a){transition:box-shadow var(--duration-fast) ease, transform var(--duration-fast) var(--ease-out)}:scope:is(a):active{transform:scale(.99)}}}.single-form{gap:var(--space-4);border-block-start:1px solid var(--line);grid-column:1/-1;padding-block-start:var(--space-4);display:grid;@media (width>=600px){grid-template-columns:minmax(0,1fr) 12rem;align-items:start;& .button{grid-column:1/-1;justify-self:start}}}.plan-layout{gap:var(--space-5);max-inline-size:64rem;display:grid;@media (width>=1100px){grid-template-columns:minmax(0,1fr) 20rem;align-items:start}}@scope(.plan-side){:scope{gap:var(--space-5);padding:var(--space-5);display:grid}.stack{block-size:11rem;position:relative}.stack img{inline-size:6.25rem;aspect-ratio:var(--tile-ratio);border-radius:var(--radius-sm);object-fit:cover;box-shadow:var(--shadow-float);position:absolute;inset-block-start:0}.stack img:first-child{inset-inline-start:6%;rotate:-8deg}.stack img:nth-child(2){z-index:1;inset-inline-start:50%;translate:-50% -4%}.stack img:nth-child(3){inset-inline-end:6%;rotate:8deg}h2{font-size:1.125rem;font-weight:800}ul{gap:var(--space-3);font-size:.9375rem;font-weight:600;display:grid}li{gap:var(--space-2);display:flex}.icon{color:var(--color-accent-strong)}@media (width<1100px){.stack{display:none}}}.form-card{gap:var(--space-6);display:grid}.settings{gap:var(--space-4);max-inline-size:60rem;display:grid}@scope(.settings-group){:scope{gap:var(--space-5);scroll-margin-block-start:var(--space-6);display:grid;@media (width>=900px){gap:var(--space-6);grid-template-columns:15rem minmax(0,1fr)}}.group-head{gap:var(--space-1);align-content:start;display:grid}h2{font-size:1.125rem;font-weight:800}.group-head p{color:var(--text-muted);font-size:var(--text-small)}.fields{gap:var(--space-5);min-inline-size:0;display:grid}}.swatches{gap:var(--space-2);display:flex;& span{block-size:2rem;inline-size:2rem;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-ink) 12%, transparent);border-radius:50%}}.save-bar{z-index:5;justify-content:flex-end;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-bg) 92%, transparent);box-shadow:var(--shadow-float);backdrop-filter:blur(12px);flex-wrap:wrap;display:flex;position:sticky;inset-block-end:calc(var(--tab-bar-height) + env(safe-area-inset-bottom) + var(--space-3));& .button{flex:auto}@media (width>=768px){inline-size:fit-content;padding:var(--space-2);margin-inline-start:auto;inset-block-end:var(--space-4);& .button{flex:none}}}.more{max-inline-size:36rem}