:root{--ph-color-paper:#f7f4ee;--ph-color-paper-deep:#efeae0;--ph-color-ink:#1a1a1a;--ph-color-ink-soft:#4a4744;--ph-color-ink-faint:#8a8580;--ph-color-line:#d9d3c7;--ph-color-coral:#f26b5b;--ph-color-coral-ink:#3d0f0a;--ph-color-sunshine:#f5c542;--ph-color-sunshine-ink:#5e4600;--ph-color-success:#2f7d4f;--ph-color-danger:#b3261e;--ph-radius-control:12px;--ph-radius-card:20px;--ph-motion-quick:.12s;--ph-motion-hug:.24s;--ph-touch-min-target:44px;--ph-font-family:"Source Sans 3", "Source Sans Pro", system-ui, sans-serif;--ph-font-mono:"Source Code Pro", ui-monospace, monospace;--ph-font-xs:12px;--ph-font-sm:14px;--ph-font-md:16px;--ph-font-lg:20px;--ph-font-xl:28px;--ph-font-display:40px;--ph-space-1:4px;--ph-space-2:8px;--ph-space-3:12px;--ph-space-4:16px;--ph-space-5:24px;--ph-space-6:32px;--ph-space-7:48px;--ph-space-8:64px}@keyframes ph-hug{0%{transform:translateY(12px)scale(.96)}70%{transform:translateY(-2px)scale(1.02)}to{transform:translateY(0)scale(1)}}.ph-hug{animation-name:ph-hug;animation-duration:var(--ph-motion-hug,.24s);animation-timing-function:cubic-bezier(.34,1.56,.64,1);animation-iteration-count:1;animation-fill-mode:forwards}*,:before,:after{box-sizing:border-box}html{background:var(--ph-color-paper);color:var(--ph-color-ink);font-family:var(--ph-font-family);font-size:var(--ph-font-md);-webkit-text-size-adjust:100%;line-height:1.5}body{min-height:100dvh;margin:0}h1,h2,h3,p{margin:0}h1{font-size:var(--ph-font-xl);font-weight:700;line-height:1.2}h2{font-size:var(--ph-font-lg);font-weight:600;line-height:1.3}h3{font-size:var(--ph-font-md);font-weight:600}a{color:var(--ph-color-ink);text-underline-offset:3px}code,pre,textarea.ph-mono{font-family:var(--ph-font-mono);font-size:var(--ph-font-sm)}:focus-visible{outline:3px solid var(--ph-color-coral);outline-offset:2px;border-radius:var(--ph-radius-control)}.ph-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){:root{--ph-motion-quick:0s;--ph-motion-hug:0s}}.ph-page{width:100%;max-width:64rem;padding:var(--ph-space-6) var(--ph-space-4) var(--ph-space-8);margin:0 auto}.ph-page--narrow{max-width:28rem}.ph-stack{gap:var(--ph-space-4);display:grid}.ph-stack--tight{gap:var(--ph-space-2)}.ph-stack--loose{gap:var(--ph-space-6)}.ph-row{align-items:center;gap:var(--ph-space-3);flex-wrap:wrap;display:flex}.ph-row--between{justify-content:space-between}.ph-row--end{justify-content:flex-end}.ph-grid{gap:var(--ph-space-4);grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));display:grid}.ph-muted{color:var(--ph-color-ink-soft)}.ph-small{font-size:var(--ph-font-sm)}.ph-progress{background:var(--ph-color-coral);height:3px;animation:ph-progress var(--ph-motion-hug) linear infinite alternate;position:fixed;inset:0 0 auto}@keyframes ph-progress{0%{transform:scaleX(.4)}to{transform:scaleX(1)}}.ph-shell{grid-template-rows:auto 1fr;min-height:100dvh;display:grid}.ph-shell__header{justify-content:space-between;align-items:center;gap:var(--ph-space-3);padding:var(--ph-space-3) var(--ph-space-4);border-bottom:1px solid var(--ph-color-line);display:flex}.ph-shell__brand{align-items:center;gap:var(--ph-space-2);min-height:var(--ph-touch-min-target);font-weight:700;text-decoration:none;display:inline-flex}.ph-shell__body{grid-template-columns:1fr;display:grid}.ph-nav{gap:var(--ph-space-1);padding:var(--ph-space-2) var(--ph-space-3);border-bottom:1px solid var(--ph-color-line);scrollbar-width:none;display:flex;overflow-x:auto}.ph-nav::-webkit-scrollbar{display:none}.ph-nav__link{min-height:var(--ph-touch-min-target);padding:0 var(--ph-space-3);border-radius:var(--ph-radius-control);white-space:nowrap;color:var(--ph-color-ink-soft);transition:background-color var(--ph-motion-quick);align-items:center;text-decoration:none;display:inline-flex}.ph-nav__link:hover{background:var(--ph-color-paper-deep)}.ph-nav__link[aria-current=page]{background:var(--ph-color-paper-deep);color:var(--ph-color-ink);font-weight:600}.ph-shell__main{min-width:0}@media (width>=56rem){.ph-shell__body{grid-template-columns:15rem 1fr}.ph-nav{padding:var(--ph-space-4) var(--ph-space-3);border-bottom:0;border-right:1px solid var(--ph-color-line);flex-direction:column;overflow:visible}.ph-nav__group{margin-top:var(--ph-space-4);padding:0 var(--ph-space-3);font-size:var(--ph-font-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--ph-color-ink-faint);font-weight:600}}@media (width<=55.99rem){.ph-nav__group{display:none}}.ph-button{justify-content:center;align-items:center;gap:var(--ph-space-2);min-height:var(--ph-touch-min-target);min-width:var(--ph-touch-min-target);padding:0 var(--ph-space-5);border-radius:var(--ph-radius-control);background:var(--ph-color-paper-deep);color:var(--ph-color-ink);font:inherit;cursor:pointer;transition:transform var(--ph-motion-quick), background-color var(--ph-motion-quick), border-color var(--ph-motion-quick);border:2px solid #0000;font-weight:600;text-decoration:none;display:inline-flex}.ph-button:hover{border-color:var(--ph-color-line)}.ph-button:active{transform:scale(.98)}.ph-button--primary{background:var(--ph-color-coral);color:var(--ph-color-coral-ink)}.ph-button--primary:hover{border-color:var(--ph-color-coral-ink)}.ph-button--ghost{background:0 0}.ph-button--danger{border-color:var(--ph-color-danger);color:var(--ph-color-danger);background:0 0}.ph-button--full{width:100%}.ph-button[disabled],.ph-button[aria-disabled=true]{opacity:.5;cursor:not-allowed;transform:none}.ph-card{gap:var(--ph-space-4);padding:var(--ph-space-5);border:1px solid var(--ph-color-line);border-radius:var(--ph-radius-card);background:var(--ph-color-paper);display:grid}.ph-card--deep{background:var(--ph-color-paper-deep);border-color:#0000}.ph-card--attention{border-color:var(--ph-color-sunshine)}.ph-field{gap:var(--ph-space-1);display:grid}.ph-field__label{font-weight:600}.ph-field__control{width:100%;min-height:var(--ph-touch-min-target);padding:var(--ph-space-2) var(--ph-space-3);border:1px solid var(--ph-color-line);border-radius:var(--ph-radius-control);background:var(--ph-color-paper);color:var(--ph-color-ink);font:inherit;transition:border-color var(--ph-motion-quick)}.ph-field__control:focus{border-color:var(--ph-color-ink);box-shadow:0 0 0 3px var(--ph-color-coral);outline:none}.ph-field__control[aria-invalid=true]{border-color:var(--ph-color-danger)}.ph-field__control[disabled]{opacity:.6;cursor:not-allowed}textarea.ph-field__control{resize:vertical;min-height:12rem;line-height:1.5}.ph-field__hint{font-size:var(--ph-font-sm);color:var(--ph-color-ink-soft)}.ph-field__error{font-size:var(--ph-font-sm);color:var(--ph-color-danger);font-weight:600}.ph-check{align-items:center;gap:var(--ph-space-2);min-height:var(--ph-touch-min-target);display:flex}.ph-check input{width:24px;height:24px;accent-color:var(--ph-color-coral);margin:0}.ph-fieldset{gap:var(--ph-space-3);border:0;min-width:0;margin:0;padding:0;display:grid}.ph-fieldset legend{margin-bottom:var(--ph-space-1);padding:0;font-weight:600}.ph-form-error{padding:var(--ph-space-3) var(--ph-space-4);border-left:4px solid var(--ph-color-danger);border-radius:var(--ph-radius-control);background:var(--ph-color-paper-deep);color:var(--ph-color-ink)}.ph-toast-region{inset:auto 0 var(--ph-space-4) 0;justify-items:center;gap:var(--ph-space-2);padding:0 var(--ph-space-4);pointer-events:none;display:grid;position:fixed}.ph-toast{align-items:center;gap:var(--ph-space-3);max-width:28rem;padding:var(--ph-space-3) var(--ph-space-4);border-radius:var(--ph-radius-control);border-left:6px solid var(--ph-color-ink);background:var(--ph-color-paper-deep);color:var(--ph-color-ink);pointer-events:auto;display:flex}.ph-toast--success{border-left-color:var(--ph-color-success)}.ph-toast--attention{border-left-color:var(--ph-color-sunshine)}.ph-toast--danger{border-left-color:var(--ph-color-danger)}.ph-pill{align-items:center;gap:var(--ph-space-1);min-height:24px;padding:0 var(--ph-space-2);border-radius:var(--ph-radius-control);font-size:var(--ph-font-sm);white-space:nowrap;font-weight:600;display:inline-flex}.ph-pill--paper{background:var(--ph-color-paper-deep);color:var(--ph-color-ink-soft)}.ph-pill--ink{background:var(--ph-color-ink);color:var(--ph-color-paper)}.ph-pill--coral{background:var(--ph-color-coral);color:var(--ph-color-coral-ink)}.ph-pill--sunshine{background:var(--ph-color-sunshine);color:var(--ph-color-sunshine-ink)}.ph-pill--success{background:var(--ph-color-success);color:var(--ph-color-paper)}.ph-pill--danger{background:var(--ph-color-danger);color:var(--ph-color-paper)}.ph-empty{justify-items:center;gap:var(--ph-space-3);padding:var(--ph-space-7) var(--ph-space-4);text-align:center;color:var(--ph-color-ink-soft);display:grid}.ph-empty__mascot,.ph-empty h2,.ph-empty h1{color:var(--ph-color-ink)}.ph-page-header{justify-content:space-between;align-items:flex-start;gap:var(--ph-space-3);margin-bottom:var(--ph-space-5);flex-wrap:wrap;display:flex}.ph-list{gap:var(--ph-space-2);margin:0;padding:0;list-style:none;display:grid}.ph-list__item{justify-content:space-between;align-items:center;gap:var(--ph-space-3);padding:var(--ph-space-3) var(--ph-space-4);border:1px solid var(--ph-color-line);border-radius:var(--ph-radius-control);flex-wrap:wrap;display:flex}.ph-list__main{gap:var(--ph-space-1);flex:14rem;min-width:0;display:grid}.ph-list__title{overflow-wrap:anywhere;font-weight:600}.ph-secret{padding:var(--ph-space-3);border-radius:var(--ph-radius-control);background:var(--ph-color-paper-deep);font-family:var(--ph-font-mono);font-size:var(--ph-font-sm);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.ph-raw{padding:var(--ph-space-3);border-radius:var(--ph-radius-control);background:var(--ph-color-paper-deep);white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.ph-receipt{justify-items:center;gap:var(--ph-space-3);padding:var(--ph-space-4);border-radius:var(--ph-radius-card);background:var(--ph-color-paper-deep);display:grid}.ph-receipt__paper{border-radius:var(--ph-radius-control) var(--ph-radius-control) 0 0;background:var(--ph-color-paper);width:288px;max-width:100%;min-height:6rem;overflow:hidden}.ph-receipt__paper img{width:100%;height:auto;display:block}.ph-receipt__edge{background:linear-gradient(-45deg, var(--ph-color-paper-deep) 4px, transparent 0), linear-gradient(45deg, var(--ph-color-paper-deep) 4px, var(--ph-color-paper) 0);width:288px;max-width:100%;height:8px;margin-top:calc(-1 * var(--ph-space-3));background-size:8px 8px}.ph-receipt__meta{font-size:var(--ph-font-sm);color:var(--ph-color-ink-soft)}.ph-compose{gap:var(--ph-space-5);display:grid}@media (width>=56rem){.ph-compose{grid-template-columns:minmax(0,1fr) 21rem;align-items:start}}.ph-hero{gap:var(--ph-space-5);padding:var(--ph-space-8) var(--ph-space-4) var(--ph-space-6);text-align:center;justify-items:center;display:grid}.ph-hero h1{font-size:var(--ph-font-display);line-height:1.1}.ph-hero__lede{max-width:32rem;font-size:var(--ph-font-lg);color:var(--ph-color-ink-soft)}.ph-hero__mascot{color:var(--ph-color-ink)}.ph-steps{gap:var(--ph-space-4);max-width:56rem;padding:0 var(--ph-space-4) var(--ph-space-8);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));margin:0 auto;display:grid}.ph-footer{padding:var(--ph-space-5) var(--ph-space-4);border-top:1px solid var(--ph-color-line);text-align:center;color:var(--ph-color-ink-soft);font-size:var(--ph-font-sm)}.ph-weekdays{gap:var(--ph-space-2);flex-wrap:wrap;display:flex}.ph-weekdays label{min-width:var(--ph-touch-min-target);min-height:var(--ph-touch-min-target);padding:0 var(--ph-space-2);border:1px solid var(--ph-color-line);border-radius:var(--ph-radius-control);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.ph-weekdays input{opacity:0;width:1px;height:1px;position:absolute}.ph-weekdays label:has(input:checked){background:var(--ph-color-ink);color:var(--ph-color-paper);border-color:var(--ph-color-ink)}.ph-weekdays label:has(input:focus-visible){outline:3px solid var(--ph-color-coral);outline-offset:2px}