.pp{--pp-day-ground:#cdd8a6;--pp-day-ghost:#c3cf9b;--pp-day-fill:#a6b878;--pp-day-shade:#62793a;--pp-day-ink:#243018;--pp-night-ground:#95a56e;--pp-night-ghost:#8c9c66;--pp-night-fill:#7e9157;--pp-night-shade:#3f5420;--pp-night-ink:#1c2812;--pp-ground:var(--pp-day-ground);--pp-ghost:var(--pp-day-ghost);--pp-fill:var(--pp-day-fill);--pp-shade:var(--pp-day-shade);--pp-ink:var(--pp-day-ink);color:var(--ink);display:grid}:root[data-theme=dark] .pp{--pp-day-ground:#18200f;--pp-day-ghost:#1e2814;--pp-day-fill:#3c5224;--pp-day-shade:#7d9a4a;--pp-day-ink:#d5e8a0;--pp-night-ground:#0d1308;--pp-night-ghost:#111a0b;--pp-night-fill:#243517;--pp-night-shade:#5f7a36;--pp-night-ink:#9db56a}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .pp{--pp-day-ground:#18200f;--pp-day-ghost:#1e2814;--pp-day-fill:#3c5224;--pp-day-shade:#7d9a4a;--pp-day-ink:#d5e8a0;--pp-night-ground:#0d1308;--pp-night-ghost:#111a0b;--pp-night-fill:#243517;--pp-night-shade:#5f7a36;--pp-night-ink:#9db56a}}.pp[data-night=true]{--pp-ground:var(--pp-night-ground);--pp-ghost:var(--pp-night-ghost);--pp-fill:var(--pp-night-fill);--pp-shade:var(--pp-night-shade);--pp-ink:var(--pp-night-ink)}.pp-main{gap:var(--s-5);display:grid}.pp-sample{padding:var(--s-3) var(--s-4);border:2px solid var(--line);border-radius:var(--r-input);margin:0;font-weight:600}.pp-grid{align-items:center;gap:var(--s-4);flex-direction:column;display:flex}.pp-left,.pp-side{display:contents}.pp-lcdbox{order:1}.pp-needs{order:2}.pp-status{order:3}.pp-name{order:4}.pp-actions{order:5}.pp-growth{order:6}.pp-explainer{order:7}.pp-quiet{order:8}.pp-lcdbox,.pp-needs{width:min(100%,20rem)}.pp-lcd{aspect-ratio:1;width:100%;padding:var(--s-3);border:var(--border) solid var(--line);border-radius:var(--r-object);background:var(--pp-ground);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;display:block}.pp-lcd:disabled{cursor:default}.pp-lcdbox.has-needs .pp-lcd{border-radius:var(--r-object) var(--r-object) 0 0}.pp-screen{width:100%;height:100%;display:block}.pp-px--ghost{fill:var(--pp-ghost)}.pp-px--a{fill:var(--pp-fill)}.pp-px--b{fill:var(--pp-shade)}.pp-px--ink{fill:var(--pp-ink)}.pp-needs{gap:var(--s-2);margin-top:calc(-1 * var(--border) - var(--s-4));padding:var(--s-3) var(--s-4);border:var(--border) solid var(--line);border-radius:0 0 var(--r-object) var(--r-object);background:var(--pp-ground);color:var(--pp-ink);border-top:0;display:grid}.pp-need{align-items:center;gap:var(--s-3);grid-template-columns:3.5rem auto minmax(0,1fr);font-weight:600;display:grid}.pp-need__word{font-size:var(--step--1)}.pp-pips{gap:var(--s-1);display:flex}.pp-pip{box-sizing:border-box;border:1.5px solid var(--pp-ink);background:0 0;width:10px;height:10px}.pp-pip.is-on{background:var(--pp-ink)}.pp-status{gap:var(--s-1);text-align:center;min-height:3.5rem;display:grid}.pp-mood{font-weight:600;font-size:var(--step-1);overflow-wrap:anywhere;margin:0}.pp-line{color:var(--ink-2);text-align:center;overflow-wrap:anywhere;margin:0;font-weight:500}.pp-name{gap:var(--s-2);width:min(100%,20rem);display:grid}.pp-name label,.pp-setting label{font-weight:600}.pp-name__row{gap:var(--s-3);display:flex}.pp-name__row .field{flex:1;min-width:0}.pp-actions{gap:var(--s-3);grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:28rem;display:grid}.pp-act{min-height:4rem;padding:0 var(--s-2);white-space:normal;text-align:center;line-height:1.15}.pp-act[aria-disabled=true]{opacity:.6;box-shadow:none;cursor:not-allowed;transform:none}.pp-act:disabled{opacity:.45}.pp-quiet{justify-content:center;gap:var(--s-2) var(--s-5);flex-wrap:wrap;display:flex}.pp-setting{gap:var(--s-1);display:grid}.pp-times{gap:var(--s-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.pp-hint{color:var(--ink-2);margin:0}.pp-error{color:var(--danger);margin:0;font-weight:600}.pp-confirm{gap:var(--s-2);padding:var(--s-3) var(--s-4);border:2px solid var(--line);border-radius:var(--r-input);display:grid}.pp-confirm__title{margin:0;font-weight:700}.pp-confirm__actions{gap:var(--s-2) var(--s-4);flex-wrap:wrap;display:flex}.pp-newegg{justify-self:start}.pp-desk{z-index:30;place-content:center;justify-items:center;gap:var(--s-4);padding:var(--s-5);background:var(--desk);color:var(--ink);display:grid;position:fixed;inset:0}.pp-desk__lcd{width:min(90vmin,100dvh - 11rem,100%)}.pp-desk__lcd .pp-lcd{width:100%}.pp-desk__name{font-family:var(--font-display);font-weight:800;font-size:var(--step-2);overflow-wrap:anywhere;text-align:center;margin:0}.pp-desk__exit{top:var(--s-4);right:var(--s-4);position:absolute}@media (width>=56rem){.pp-grid{grid-template-columns:minmax(0, calc(24rem + 2 * var(--s-3) + 2 * var(--border))) minmax(0, 1fr);align-items:start;gap:var(--s-7);display:grid}.pp-left,.pp-side{gap:var(--s-4);grid-template-columns:minmax(0,1fr);align-content:start;display:grid}.pp-left>*,.pp-side>*{order:0}.pp-lcdbox,.pp-lcdbox.has-needs{width:calc(24rem + 2 * var(--s-3) + 2 * var(--border))}.pp-lcdbox.has-needs .pp-lcd{border-radius:var(--r-object)}.pp-needs{border-top:var(--border) solid var(--line);border-radius:var(--r-object);width:100%;max-width:28rem;margin-top:0}.pp-name,.pp-actions{width:100%;max-width:28rem}.pp-actions{grid-template-columns:1fr}.pp-status,.pp-line{text-align:left}.pp-quiet{justify-content:flex-start}}