.planner{display:grid;gap:1rem;padding:1rem;border:1px solid var(--line);border-radius:var(--radius-l);background:var(--bg-raised)}@media(min-width:1024px){.planner{grid-template-columns:6fr 6fr;gap:1rem}}.planner-step{display:grid;gap:1rem;align-content:start;padding:1.5rem;border-radius:var(--radius-m)}.planner-step.form-card{gap:1rem}.step-no{display:flex;align-items:center;gap:.75rem;font-weight:500;font-size:var(--h5)}.step-no b{width:2rem;height:2rem;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);font-size:14px}.planner-step.form-card .step-no{color:#121212}.days{grid-template-columns:repeat(5,1fr);gap:.5rem}.day,.days{display:grid}.day{gap:.125rem;justify-items:center;padding:.75rem .25rem;border:1px solid var(--line);border-radius:var(--radius-s);color:var(--ink-muted);background:transparent;transition:border-color var(--t-fast),background-color var(--t-fast),color var(--t-fast)}.day b{font-weight:500;color:var(--ink)}.day span{font-size:12px}.day:hover{border-color:var(--line-strong)}.day[aria-pressed=true]{border-color:var(--accent);background:color-mix(in oklab,var(--accent) 10%,transparent);color:var(--ink)}.slots{display:flex;flex-wrap:wrap;gap:.5rem}.slots[hidden]{display:none}.slot{padding:.625rem 1rem;border:1px solid var(--line);border-radius:999px;color:var(--ink);background:transparent;font-variant-numeric:tabular-nums;transition:border-color var(--t-fast),background-color var(--t-fast)}.slot:hover{border-color:var(--line-strong)}.slot[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.slot:disabled{opacity:.35;text-decoration:line-through;cursor:not-allowed}.summary{font-size:var(--small);padding:.75rem 1rem;border-radius:var(--radius-s);background:#f4f4f4;color:#121212}.summary b{font-weight:500}.week-btn{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink)}.week-btn:disabled{opacity:.35}.week-btn .icon{width:16px;height:16px}.slot-group{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.slot-group .muted{font-size:12px;min-width:3.75rem}.slots .slot-group+.slot-group{margin-top:.5rem}.slots:has(.slot-group){display:grid;gap:.25rem}.wz-progress{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.wz-progress li{display:flex;align-items:center;gap:.5rem;padding-bottom:.625rem;border-bottom:2px solid var(--line);font-size:var(--small);color:var(--ink-muted);transition:border-color var(--t-base),color var(--t-base)}.wz-progress li b{width:1.5rem;height:1.5rem;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line-strong);font-size:12px;font-weight:500}.wz-progress li.is-active{color:var(--ink);border-color:var(--accent)}.wz-progress li.is-active b{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.wz-progress li.is-done b{background:var(--ink);border-color:var(--ink);color:var(--bg)}.wz-step{display:grid;gap:1rem;animation:rise-soft .4s var(--ease) both}.wz-step[hidden]{display:none}.wz-step.form-card{padding:1.5rem}.wz-nav{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:.5rem}@media(prefers-reduced-motion:reduce){.wz-step{animation:none}}.day.small{padding:.5rem .25rem;gap:0}.day.small span{font-size:11px}.day.small b{font-size:var(--body-lg)}.day:disabled{opacity:.35;cursor:not-allowed}.wz-progress.two{grid-template-columns:repeat(2,1fr)}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem}.cal-dow{font-size:11px;color:var(--ink-muted);text-align:center;padding-bottom:.25rem}.cal-day{aspect-ratio:1;display:grid;place-items:center;border-radius:var(--radius-s);font-size:var(--small)}button.cal-day{padding:0;border:1px solid transparent;background:color-mix(in oklab,var(--ink) 5%,transparent);color:var(--ink)}button.cal-day b{font-weight:500}button.cal-day:hover{border-color:var(--line-strong)}button.cal-day[aria-pressed=true]{border-color:var(--accent);background:color-mix(in oklab,var(--accent) 14%,transparent)}.cal-day.off{color:color-mix(in oklab,var(--ink) 28%,transparent)}.cal-day.off b{font-weight:400}.cal-day.off[data-today]{box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--ink-muted)}.pl .slot-group .muted{min-width:3.5rem}.wz-nav.end{justify-content:flex-end}.summary.dark{background:color-mix(in oklab,var(--ink) 6%,transparent);color:var(--ink)}.summary.dark .muted{color:var(--ink-muted)}.pl .wz-nav{flex-wrap:wrap}@media(max-width:639px){.pl .wz-nav{flex-direction:column-reverse;align-items:stretch}.pl .wz-nav .btn{justify-content:center}.wz-nav.end{flex-direction:column}}.pl .slots{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}@media(min-width:1200px){.pl .slots{grid-template-columns:repeat(4,1fr)}}.pl .slot-group{display:contents}.pl .slot-group .muted{display:none}.pl .slot{width:100%;height:44px;padding:0;border-radius:var(--radius-s);border:1px solid transparent;background:color-mix(in oklab,var(--ink) 5%,transparent);color:var(--ink);font-weight:500;font-variant-numeric:tabular-nums}.pl .slot:hover{border-color:var(--line-strong)}.pl .slot[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.pl .slots .muted:not(.slot){grid-column:1/-1}.pl .wz-nav.end{margin-top:auto;padding-top:.5rem}.pl .wz-nav.end .btn{width:100%;justify-content:center}.pl .field input{background:var(--bg);border-color:var(--line);color:var(--ink);padding:.625rem .875rem;min-height:0;line-height:1.3}.pl .field label{font-size:var(--small)}
