@layer components{.mp-tool{--mp-done:var(--color-key-sky);--mp-ok:var(--color-key-green);--mp-due:var(--color-key-amber);--mp-over:var(--color-coral)}.mp-said{color:var(--color-ink);font-size:var(--text-small);gap:.5rem;font-weight:600;display:flex}.mp-said>svg{color:var(--color-indigo)}.mp-signin{border:1px solid var(--color-indigo-200);border-radius:var(--radius-card);background-color:var(--color-indigo-50);margin-top:1.5rem;padding:1.25rem}.mp-who{margin-top:1rem}.mp-who .cu-line{flex-wrap:wrap}.mp-example{border:1px solid color-mix(in oklab, var(--mp-due) 55%, white);border-radius:var(--radius-card);background-color:color-mix(in oklab, var(--mp-due) 10%, white);color:var(--color-ink);font-size:var(--text-small);gap:.75rem;padding:.875rem 1rem;display:flex}.mp-example>svg{color:#85540f;margin-top:.125rem}.mp-locked{border:1px solid color-mix(in oklab, var(--mp-ok) 45%, white);border-left:4px solid var(--mp-ok);border-radius:var(--radius-card);background-color:color-mix(in oklab, var(--mp-ok) 7%, white);align-items:center;gap:1rem;padding:1.25rem;display:grid}@media (min-width:40rem){.mp-locked{grid-template-columns:12rem minmax(0,1fr)}}.mp-locked-sig{aspect-ratio:3;border-bottom:1.5px solid var(--color-line-strong);background-color:var(--color-white);place-items:center;display:grid}.mp-mark{width:100%;height:100%;color:var(--color-ink)}.mp-sig-name{color:var(--color-ink);font-family:Segoe Script,Bradley Hand,Brush Script MT,cursive;font-size:1.375rem}.mp-form:disabled{opacity:.55}.mp-field{align-content:start;gap:.5rem;display:grid}.mp-field>span:first-child,.mp-field>label{font-size:var(--text-small);font-weight:600}.mp-field i{color:var(--color-ink-soft);font-style:normal;font-weight:400}.mp-check{min-height:3rem;font-size:var(--text-small);cursor:pointer;align-items:center;gap:.625rem;display:flex}.mp-check input{width:1.125rem;height:1.125rem;accent-color:var(--color-indigo)}.mp-chip{border:1px solid var(--color-line-strong);background-color:var(--color-white);min-height:2.5rem;color:var(--color-ink);font-size:var(--text-small);border-radius:999px;align-items:center;gap:.375rem;padding:0 .875rem;font-weight:600;transition:border-color .12s,background-color .12s;display:inline-flex}.mp-chip:hover:not(:disabled){border-color:var(--color-quiet)}.mp-chip.is-on{border-color:var(--color-indigo);background-color:var(--color-indigo-50);color:var(--color-indigo)}.mp-err{color:#a3341f;font-size:var(--text-small);align-items:flex-start;gap:.5rem;margin-top:.5rem;font-weight:600;display:flex}.mp-err>svg{margin-top:.125rem}.mp-sign{border-top:1px solid var(--color-line);padding-top:2rem}.mp-panel{border:1px solid var(--color-line);border-radius:var(--radius-stage);background-color:var(--color-white);box-shadow:var(--shadow-raised);padding:1.25rem}.mp-kicker{color:var(--color-ink-soft);letter-spacing:.05em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.8125rem;font-weight:700;overflow:hidden}.mp-deal{color:var(--color-ink);letter-spacing:-.01em;font-variant-numeric:tabular-nums;text-wrap:balance;margin-top:.375rem;font-size:1.625rem;font-weight:700;line-height:1.2}.mp-deal-sub{color:var(--color-ink-muted);font-size:var(--text-small);margin-top:.375rem}.mp-mini-head{color:var(--color-ink-soft);letter-spacing:.05em;text-transform:uppercase;font-size:.75rem;font-weight:700}.mp-pays{border-top:1px solid var(--color-line);margin-top:1.25rem;padding-top:1rem}.mp-pays ol{gap:.25rem;display:grid}.mp-pay{border-radius:var(--radius-control);min-height:2.75rem;font-size:var(--text-small);grid-template-columns:1.75rem minmax(0,1fr) auto 4.75rem;align-items:center;gap:.75rem;padding:0 .625rem;display:grid}.mp-pay-n{border:1.5px solid;border-radius:999px;place-items:center;width:1.5rem;height:1.5rem;font-size:.75rem;font-weight:700;display:grid}.mp-pay-on{color:var(--color-ink-muted)}.mp-pay-amt{color:var(--color-ink);font-variant-numeric:tabular-nums}.mp-pay-state{justify-content:flex-end;align-items:center;gap:.25rem;font-weight:600;display:inline-flex}.mp-pay.is-billed{color:var(--mp-ok)}.mp-pay.is-billed .mp-pay-n{border-color:var(--mp-ok);background-color:var(--mp-ok);color:var(--color-white)}.mp-pay.is-due{background-color:color-mix(in oklab, var(--mp-due) 12%, white);color:#85540f}.mp-pay.is-later{color:var(--color-ink-soft)}.mp-issues{border-top:1px solid var(--color-line);font-size:var(--text-small);gap:.5rem;margin-top:1.25rem;padding-top:1rem;display:grid}.mp-issues>li{align-items:flex-start;gap:.5rem;display:flex}.mp-issues>li>svg{margin-top:.1875rem}.mp-issues>.is-fix>svg{color:#a3341f}.mp-issues>.is-check>svg{color:var(--color-ink-soft)}.mp-ready{border-radius:var(--radius-control);background-color:color-mix(in oklab, var(--mp-ok) 12%, white);color:#22603f;font-size:var(--text-small);align-items:center;gap:.5rem;margin-top:1.25rem;padding:.75rem 1rem;font-weight:700;display:flex}.mp-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.25rem;display:flex}.mp-fine{color:var(--color-ink-soft);font-size:var(--text-micro);margin-top:.5rem}.mp-sheet{width:min(40rem,100vw - 2rem)}.mp-sheet-paper{border:1px solid var(--color-line);border-top:4px solid var(--color-indigo);border-radius:var(--radius-control);background-color:var(--color-white);box-shadow:var(--shadow-card);margin-top:1rem;padding:1.25rem}.mp-sheet-from{color:var(--color-indigo);letter-spacing:.04em;text-transform:uppercase;font-size:.8125rem;font-weight:700}.mp-sheet-deal{margin:.5rem 0 .75rem;font-size:1.375rem;font-weight:700;line-height:1.3}.mp-sheet-terms{gap:.5rem;display:grid}.mp-sheet-terms>div{grid-template-columns:6rem minmax(0,1fr);gap:.75rem;font-size:1.0625rem;display:grid}.mp-sheet-terms dt{color:var(--color-ink-soft)}.mp-sheet-fine{color:var(--color-ink-soft);font-size:var(--text-micro);margin-top:.75rem}.mp-gear-list{grid-template-columns:minmax(0,1fr);gap:.5rem;margin-top:.75rem;display:grid}@media (min-width:40rem){.mp-gear-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.mp-gear{border:1px solid var(--color-line-strong);border-radius:var(--radius-card);background-color:var(--color-white);text-align:left;align-items:center;gap:.75rem;min-height:3.75rem;padding:.625rem .875rem;transition:border-color .12s,background-color .12s;display:flex}.mp-gear:hover:not(:disabled){border-color:var(--color-quiet)}.mp-gear b{color:var(--color-ink);font-size:var(--text-small);display:block}.mp-gear b+span{color:var(--color-ink-muted);font-size:var(--text-micro);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.mp-gear-icon{background-color:var(--color-mist);width:2rem;height:2rem;color:var(--color-ink-muted);border-radius:999px;flex-shrink:0;place-items:center;display:grid}.mp-gear.is-on{border-color:var(--color-indigo);background-color:var(--color-indigo-50)}.mp-gear.is-on .mp-gear-icon{background-color:var(--color-indigo);color:var(--color-white)}.mp-empty{border:1px dashed var(--color-line-strong);border-radius:var(--radius-card);margin-top:.75rem;padding:1rem 1.25rem}.mp-visit-list{gap:1rem;margin-top:1.25rem;display:grid}.mp-visit-edit{border:1px solid var(--color-line);border-radius:var(--radius-card);background-color:var(--color-white);padding:1rem 1.25rem}.mp-ring{margin-top:1rem}.mp-ring svg{width:min(100%,16rem);margin:0 auto;display:block;overflow:visible}.mp-ring-track{fill:none;stroke:var(--color-line);stroke-width:14px}.mp-ring-tick{stroke:var(--color-white);stroke-width:2px}.mp-ring-month{fill:var(--color-ink-soft);font-size:10px;font-weight:600}.mp-ring-visit{fill:none;stroke-width:14px;stroke-linecap:round}.mp-ring-visit.is-done{stroke:var(--mp-ok)}.mp-ring-visit.is-due{stroke:var(--mp-due)}.mp-ring-visit.is-late{stroke:var(--mp-over)}.mp-ring-visit.is-later{stroke:var(--color-indigo-200)}.mp-ring-pay{stroke:var(--color-white);stroke-width:1.5px}.mp-ring-pay.is-billed{fill:var(--mp-ok)}.mp-ring-pay.is-due{fill:var(--mp-due)}.mp-ring-pay.is-later{fill:var(--color-white);stroke:var(--color-line-strong)}.mp-ring-today line{stroke:var(--color-ink);stroke-width:1.5px;stroke-dasharray:2 3}.mp-ring-today circle{fill:var(--color-ink)}.mp-ring-big{fill:var(--color-ink);font-variant-numeric:tabular-nums;font-size:28px;font-weight:700}.mp-ring-small{fill:var(--color-ink-soft);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:600}.mp-ring-cap{color:var(--color-ink-muted);font-size:var(--text-small);text-align:center;text-wrap:balance;margin-top:.75rem}.mp-ring-cap b{color:var(--color-ink)}.mp-year{border-top:1px solid var(--color-line);margin-top:1.25rem;padding-top:1rem}.mp-year ol{gap:.75rem;margin-top:.625rem;display:grid}.mp-visit{grid-template-columns:1.25rem minmax(0,1fr);gap:.625rem;display:grid}.mp-visit-dot{border:2px solid var(--color-indigo-200);width:1.25rem;height:1.25rem;color:var(--color-white);border-radius:999px;place-items:center;margin-top:.125rem;display:grid}.mp-visit.is-done .mp-visit-dot{border-color:var(--mp-ok);background-color:var(--mp-ok)}.mp-visit.is-due .mp-visit-dot{border-color:var(--mp-due);background-color:color-mix(in oklab, var(--mp-due) 30%, white)}.mp-visit.is-late .mp-visit-dot{border-color:var(--mp-over)}.mp-visit-head{font-size:var(--text-small);justify-content:space-between;gap:.75rem;display:flex}.mp-visit-head>span{color:var(--color-ink-soft);flex-shrink:0;font-weight:600}.mp-visit.is-done .mp-visit-head>span{color:#22603f}.mp-visit.is-due .mp-visit-head>span{color:#85540f}.mp-visit.is-late .mp-visit-head>span{color:#a3341f}.mp-visit-sub{color:var(--color-ink-muted);font-size:var(--text-micro);margin-top:.125rem}.mp-visit-acts{flex-wrap:wrap;gap:.25rem 1rem;margin-top:.25rem;display:flex}.mp-perk-list{border-top:1px solid var(--color-line);color:var(--color-ink-muted);font-size:var(--text-small);gap:.375rem;margin-top:1.25rem;padding-top:1rem;display:grid}.mp-perk-list>li{align-items:flex-start;gap:.5rem;display:flex}.mp-perk-list svg{color:var(--mp-ok);margin-top:.1875rem}.mp-check-gear{gap:.75rem;margin-top:1.25rem;display:grid}.mp-check-card{border:1px solid var(--color-line);border-left:4px solid var(--mp-ok);border-radius:var(--radius-control);background-color:var(--color-white);padding:.5rem 1rem .75rem}.mp-check-card.is-off{border-left-color:var(--color-line-strong);opacity:.7}.mp-check-card-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.mp-tasks{padding-left:1.75rem;display:grid}@media (min-width:40rem){.mp-tasks{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1rem}}.mp-tasks .mp-check{min-height:2.5rem}.mp-filter{margin-top:.25rem;padding-left:1.75rem;font-weight:600}.mp-tasks li:has(.mp-reads){grid-column:1/-1}.mp-reads{grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.5rem 1rem;margin:0 0 .625rem 1.75rem;display:grid}.mp-read{gap:.25rem;min-width:0;display:grid}.mp-read label{color:var(--color-ink-soft);font-size:.8125rem;font-weight:600}.mp-read-box{align-items:stretch;display:flex}.mp-read-box .field{font-variant-numeric:tabular-nums;border-top-right-radius:0;border-bottom-right-radius:0;width:6rem;min-width:0;height:2.75rem}.mp-read-box .field.is-bad{border-color:var(--mp-over)}.mp-unit{border:1px solid var(--color-line-strong);border-radius:0 var(--radius-control) var(--radius-control) 0;background-color:var(--color-mist);min-width:3.25rem;min-height:2.75rem;color:var(--color-ink);white-space:nowrap;border-left:0;align-items:center;padding:0 .625rem;font-size:.8125rem;font-weight:650;display:inline-flex}button.mp-unit{cursor:pointer}button.mp-unit:hover{background-color:var(--color-line)}.mp-unit.is-one{color:var(--color-ink-soft)}.mp-read small{min-height:1rem;color:var(--color-ink-soft);font-variant-numeric:tabular-nums;font-size:.75rem}.mp-read small b{color:var(--color-ink);font-weight:650}.mp-history{border-top:1px solid var(--color-line);margin-top:1.25rem;padding-top:1rem}.mp-history-gear{margin-top:.75rem}.mp-history-name{font-size:var(--text-small);font-weight:650}.mp-history-scroll{overflow-x:auto}.mp-history table{font-variant-numeric:tabular-nums;border-collapse:collapse;width:100%;margin-top:.25rem;font-size:.8125rem}.mp-history th,.mp-history td{border-bottom:1px solid var(--color-line);text-align:left;white-space:nowrap;padding:.3125rem .5rem .3125rem 0}.mp-history thead th{color:var(--color-ink-soft);font-size:.75rem;font-weight:600}.mp-history tbody th{color:var(--color-ink-soft);font-weight:500}.chg-pad{margin-top:.75rem}.chg-pad-box{aspect-ratio:3;border:1px solid var(--color-line-strong);border-radius:var(--radius-control);background-color:var(--color-white);position:relative;overflow:hidden}.chg-pad-canvas{z-index:1;cursor:crosshair;touch-action:none;width:100%;height:100%;position:absolute;inset:0}.chg-pad-line{border-bottom:1.5px solid var(--color-line-strong);color:var(--color-quiet);font-size:1.25rem;line-height:1;position:absolute;bottom:24%;left:6%;right:6%}.chg-pad-hint{color:var(--color-quiet);font-size:var(--text-small);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.chg-pad-foot{color:var(--color-ink-soft);font-size:var(--text-micro);justify-content:space-between;gap:1rem;margin-top:.375rem;display:flex}@media (prefers-reduced-motion:reduce){.mp-chip,.mp-gear{transition:none}}}