.pp-plan{margin:0}.pp-plan-top{margin-bottom:14px}@media(max-width:420px){.pp-plan-top .dseg{display:grid;width:100%}.pp-plan-top .dseg>button{padding:0 6px;white-space:normal;line-height:1.2}}.pp-plan-well{display:flex;flex-direction:column;gap:18px;padding:24px 26px 22px;container:ppplan / inline-size}@media(max-width:599px){.pp-plan-well{padding:18px 14px 16px}}.pp-plan-line{margin:0;font:600 1rem/1.4 var(--font-body);color:var(--text-2)}.pp-enter{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}.pp-enter>div{display:flex;flex-direction:column;gap:4px;min-width:0;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--ink) 4%,transparent);box-shadow:inset 0 1px 2px color-mix(in srgb,var(--ink) 12%,transparent)}.pp-enter dt{font:600 .8125rem/1.2 var(--font-body);color:var(--text-3)}.pp-enter dd{margin:0;font:800 1.25rem/1.1 var(--font-display);color:var(--text)}.pp-plot{--plot: 180px;position:relative;display:flex;align-items:flex-end;gap:clamp(4px,1vw,12px);height:calc(var(--plot) + 36px);margin-bottom:28px;border-bottom:1.5px dashed var(--line)}@container ppplan (max-width: 459.98px){.pp-plot{--plot: 140px}}.pp-max{position:absolute;left:0;right:0;bottom:calc(var(--plot) * var(--m) / var(--top));border-top:1.5px dashed color-mix(in srgb,var(--ink) 45%,transparent);pointer-events:none}.pp-max span{position:absolute;left:0;bottom:6px;font:700 .8125rem/1.2 var(--font-body);color:var(--text-2)}.pp-bar{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;min-width:0;flex:1 1 0}.pp-bar.is-focus,.pp-bar.is-next{flex-grow:3}.pp-bar.is-long{flex-grow:1.4}.pp-bar b{margin-bottom:6px;font:800 1.125rem/1 var(--font-display);color:var(--text)}.pp-bar.is-short b,.pp-bar.is-long b{font:700 .8125rem/1 var(--font-body);color:var(--text-3)}.pp-bar.is-next b{color:var(--text-3)}.pp-bar i{display:block;width:100%;height:calc(var(--plot) * var(--m) / var(--top));border-radius:8px 8px 3px 3px;background:var(--peach);box-shadow:inset 0 0 0 1.5px #c4663473;transition:height .32s var(--ease-out)}.pp-bar.is-short i{background:color-mix(in srgb,var(--c-short-break) 30%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c-short-break) 45%,transparent)}.pp-bar.is-long i{background:color-mix(in srgb,var(--c-long-break) 28%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c-long-break) 45%,transparent)}.pp-bar.is-next i{background:transparent;box-shadow:none;border:1.5px dashed rgb(196 102 52 / .7)}:root[data-theme=dark] .pp-bar.is-focus i{background:color-mix(in srgb,var(--peach) 70%,#0f1217);box-shadow:inset 0 0 0 1.5px #ffc79a80}:root[data-theme=dark] .pp-bar.is-next i{border-color:#ffc79a99}.pp-bar em{position:absolute;top:calc(100% + 9px);left:50%;transform:translate(-50%);font:600 .8125rem/1 var(--font-body);font-style:normal;color:var(--text-3);white-space:nowrap}@container ppplan (max-width: 459.98px){.pp-bar em{font-size:.6875rem}.pp-bar.is-long em{display:none}.pp-bar b{font-size:.9375rem}.pp-bar.is-short b,.pp-bar.is-long b{font-size:.6875rem}}.pp-sum{margin:0;max-width:48em;font:500 1rem/1.5 var(--font-body);color:var(--text-2)}.pp-totals{display:flex;flex-wrap:wrap;gap:10px 28px;margin:0;padding-top:14px;border-top:1.5px dashed var(--line)}.pp-totals>div{display:flex;flex-direction:column;gap:2px}.pp-totals dt{font:600 .8125rem/1.2 var(--font-body);color:var(--text-3)}.pp-totals dd{margin:0;font:800 1.125rem/1.2 var(--font-display);color:var(--text)}.pp-key{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;margin-top:14px;font:600 .875rem/1.35 var(--font-body);color:var(--text-3)}.pp-key span{display:inline-flex;align-items:center;gap:8px}.pp-key i{width:12px;height:12px;border-radius:3px}.pp-key .k-focus{background:var(--peach);box-shadow:inset 0 0 0 1px #c4663473}.pp-key .k-short{background:color-mix(in srgb,var(--c-short-break) 30%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c-short-break) 45%,transparent)}.pp-key .k-long{background:color-mix(in srgb,var(--c-long-break) 28%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c-long-break) 45%,transparent)}.pp-rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}@media(max-width:767px){.pp-rules{grid-template-columns:minmax(0,1fr)}}.pp-setup{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:28px;align-items:center}@media(max-width:899px){.pp-setup{grid-template-columns:minmax(0,1fr)}}.pp-steps{display:flex;flex-direction:column;gap:16px;margin:0;padding:0;list-style:none}.pp-steps li{display:flex;gap:14px;align-items:flex-start}.pp-steps li>div{min-width:0;padding-top:4px}.pp-steps b{display:block;font:700 1.0625rem/1.35 var(--font-body);color:var(--text)}.pp-steps p{margin:4px 0 0;color:var(--text-2)}.pp-shot{margin:0}.pp-setwrap{padding:26px 24px}.pp-set{--uiz: 1.5;display:block;max-width:330px;margin:0 auto}@media(max-width:599px){.pp-setwrap{padding:18px 12px}.pp-set{--uiz: 1.12}}.pp-set>div{display:grid;gap:8px}.pp-set-t{display:flex;align-items:center;gap:7px;padding:0 4px;font:600 13px/1.3 var(--app-font);color:var(--c-text-primary)}.pp-set-t .i{width:14px;height:14px}.pp-set-beta{height:20px;padding:0 8px;border-radius:6px;border:1px solid color-mix(in srgb,var(--c-accent) 35%,transparent);background:color-mix(in srgb,var(--c-accent) 9%,transparent);font:600 11px/1 var(--app-font);color:var(--c-accent)}.pp-set-card{border-radius:12px;border:1px solid var(--c-border-default);background:var(--c-bg-elevated)}.pp-set-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px}.pp-set-row+.pp-set-row{border-top:1px solid var(--c-border-subtle)}.pp-set-row:not(.pp-set-fields)>span:first-child{display:grid;gap:2px;min-width:0}.pp-set-l{font:600 12px/1.35 var(--app-font);color:var(--c-text-primary)}.pp-set-h{font:500 11px/1.4 var(--app-font);color:var(--c-text-muted)}.pp-switch{position:relative;flex:none;width:34px;height:20px;border-radius:999px;background:var(--c-success)}.pp-switch:after{content:"";position:absolute;top:2px;right:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0003}.pp-set-row.pp-set-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pp-field{display:grid;gap:6px;min-width:0}.pp-step{display:grid;grid-template-columns:24px minmax(0,1fr) 24px;align-items:center;gap:2px;height:30px;padding:2px;border-radius:8px;border:1px solid var(--c-border-default);background:var(--c-bg-surface)}.pp-step-b{display:flex;align-items:center;justify-content:center;height:24px;border-radius:6px;background:var(--c-bg-elevated);box-shadow:0 0 0 1px var(--c-border-subtle);color:var(--c-text-primary)}.pp-step-b .i{width:12px;height:12px}.pp-step-v{height:24px;font:500 12px/1 var(--app-font);color:var(--c-text-primary)}