@layer components{.toolpage{--t:var(--orange);--t-soft:color-mix(in oklab, var(--orange) 14%, var(--card));--t-ink:#2b1600}.toolpage[data-tone=sun]{--t:var(--sun-2);--t-soft:color-mix(in oklab, var(--sun) 22%, var(--card));--t-ink:#2b2622}.toolpage[data-tone=pink]{--t:var(--berry);--t-soft:color-mix(in oklab, var(--pink) 14%, var(--card));--t-ink:#fff}.toolpage[data-tone=grass]{--t-ink:#fff;--t:var(--grass-2);--t-soft:color-mix(in oklab, var(--grass) 14%, var(--card))}.toolpage[data-tone=sky]{--t-ink:#fff;--t:var(--sky-2);--t-soft:color-mix(in oklab, var(--sky) 14%, var(--card))}.toolpage[data-tone=plum]{--t-ink:#fff;--t:var(--plum-2);--t-soft:color-mix(in oklab, var(--plum) 14%, var(--card))}.toolpage[data-tone=night]{--t-ink:#fff;--t:var(--night-3);--t-soft:color-mix(in oklab, var(--plum) 12%, var(--card))}.planner-wrap{z-index:2;margin-block-start:var(--space-s);position:relative}.planner{gap:var(--space-m);align-items:start;display:grid}@media (width>=60rem){.planner{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}.planner__out{position:sticky;inset-block-start:calc(var(--appbar-h) + 1rem)}}.planner__in{gap:var(--space-m);padding:var(--space-m);border-radius:var(--radius-l);display:grid}.planner__in h2{font-size:var(--step-2)}.ctl{gap:.6rem;display:grid}.ctl__label{justify-content:space-between;align-items:baseline;gap:1rem;font-weight:750;display:flex}.ctl__label small{color:var(--text-3);font-weight:600}.ctl__row{background:var(--card-2);border-radius:999px;justify-content:space-between;align-items:center;gap:1rem;padding:.65rem .75rem .65rem 1.1rem;display:flex}.ctl__row>span:first-child{display:grid}.ctl__row b{font-weight:750}.ctl__row small{color:var(--text-3);font-size:var(--step--2);font-weight:600}.seg{background:var(--card-2);border-radius:999px;flex-wrap:wrap;gap:.4rem;padding:.3rem;display:flex}.seg label{text-align:center;min-inline-size:max-content;font-weight:700;font-size:var(--step--1);cursor:pointer;color:var(--text-2);border-radius:999px;flex:1;padding:.55rem .9rem}.seg input{opacity:0;pointer-events:none;position:absolute}.seg label:has(input:checked){background:var(--card);color:var(--text);box-shadow:0 4px 12px -6px var(--shadow)}.seg label:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.planner__out{gap:var(--space-s);padding:var(--space-m);border-radius:var(--radius-l);background:var(--t);color:var(--t-ink);isolation:isolate;display:grid;position:relative;overflow:hidden}.planner__out:before{content:"";aspect-ratio:1;z-index:-1;background:#ffffff1f;border-radius:50%;inline-size:70%;position:absolute;inset-block-start:-30%;inset-inline-end:-20%}.planner__out:after{content:"";aspect-ratio:1;z-index:-1;background:#ffffff14;border-radius:50%;inline-size:55%;position:absolute;inset-block-end:-35%;inset-inline-start:-15%}.planner__out h2{color:inherit;font-size:var(--step-1);opacity:.9}.big{letter-spacing:-.04em;font-size:clamp(2.8rem,2rem + 4vw,4.6rem);font-weight:850;line-height:.95}.big small{letter-spacing:0;opacity:.85;margin-inline-start:.2em;font-size:.34em;font-weight:700}.big__line{opacity:.9;max-inline-size:42ch;font-weight:650}.outstats{grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:.6rem;display:grid}.outstat{background:#ffffff29;border-radius:18px;gap:.1rem;padding:.8rem .95rem;display:grid}.toolpage[data-tone=sun] .outstat{background:#ffffff80}.outstat b{font-size:var(--step-2);letter-spacing:-.02em;font-weight:850;line-height:1.05}.outstat span{font-size:var(--step--1);opacity:.88;font-weight:650}.outnote{font-size:var(--step--1);opacity:.88}.planner__out a{color:inherit;font-weight:700}.outactions{flex-wrap:wrap;gap:.5rem;display:flex}.outactions .btn{--btn-bg:#fff;--btn-fg:#2b2622}.rules{grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));gap:.8rem;display:grid}.rule{border-radius:var(--radius);background:var(--card);box-shadow:0 8px 24px -16px var(--shadow);align-content:start;gap:.35rem;padding:1rem 1.15rem;display:grid}.rule__v{font-size:var(--step-2);letter-spacing:-.02em;color:var(--accent-ink);font-weight:850}.rule__k{font-weight:700}.rule__s{color:var(--text-3);font-size:var(--step--2);font-weight:600}.rule__n{color:var(--text-2);font-size:var(--step--1)}.tblock__h{font-size:var(--step-2);margin-block-end:var(--space-s)}.moretools{grid-template-columns:repeat(auto-fill,minmax(min(100%,13rem),1fr));gap:.8rem;display:grid}.floorplan{color:#2b2622;background:#fffffff2;border-radius:20px;padding:.6rem}.floorplan svg{block-size:auto;inline-size:100%}.timeline{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.timeline li{background:#ffffff24;border-radius:18px;grid-template-columns:4.2rem 1fr;align-items:start;gap:.8rem;padding:.7rem .9rem;display:grid}.timeline time{font-weight:850;line-height:1.05;font-size:var(--step-1);display:grid}.timeline time small{font-size:var(--step--2);opacity:.8;text-transform:uppercase;letter-spacing:.06em;font-weight:700}.timeline .is-today{color:#2b2622;background:#fff}.timeline b{display:block}.timeline span{font-size:var(--step--1);opacity:.92}.gear__icon{background:var(--card);block-size:3rem;inline-size:3rem;color:var(--accent);border-radius:50%;place-items:center;margin:1rem auto;display:grid}.gear__icon svg{block-size:1.5rem;inline-size:1.5rem}}