.ph-qty{direction:ltr;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}[dir=rtl] .ph-chip{direction:rtl}.ph-chip{background:var(--color-surface,#fff);color:var(--color-text-secondary,#475569);cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;border-radius:.75rem;flex-direction:column;align-items:center;gap:.15rem;padding:.6rem .3rem .55rem;transition:background-color .25s,box-shadow .25s,scale .15s ease-out;display:flex;position:relative;box-shadow:0 0 0 1px #00000014,0 1px 2px -1px #0000000f,0 2px 4px #0000000a}.ph-chip:hover{box-shadow:0 0 0 1px #00000024,0 1px 2px -1px #00000014,0 2px 4px #0000000f}.ph-chip:active{scale:.96}.ph-count{white-space:nowrap;font-size:.8125rem;font-weight:600;line-height:1;display:block}.ph-count b{font-family:var(--font-display), ui-sans-serif, system-ui, sans-serif;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--color-text-primary,#0f172a);font-size:1.375rem;font-weight:800}.ph-chip i{white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums;max-width:100%;color:var(--color-text-secondary,#475569);font-size:.75rem;font-style:normal;font-weight:600;line-height:1.2;overflow:hidden}.ph-save{top:-.55rem;color:#047857;font-variant-numeric:tabular-nums;background:#ecfdf5;border-radius:999px;padding:.05rem .4rem;font-size:.6875rem;font-weight:700;line-height:1.35;position:absolute;inset-inline-end:.5rem;box-shadow:inset 0 0 0 1px #a7f3d0}.ph-chip.ph-on{box-shadow:0 0 0 2px var(--color-accent,#6366f1), 0 4px 12px -6px #4338ca59;background:#f5f6ff}.ph-chip.ph-on .ph-count,.ph-chip.ph-on .ph-count b{color:var(--color-accent-deep,#4338ca)}.ph-chip:focus{outline:none}.ph-chip:focus-visible{outline:2px solid var(--color-accent,#6366f1);outline-offset:2px}.ph-group-title:after{content:"";background:var(--color-rule,#e2e8f0);flex:1;height:1px}.ph-swap{animation:.22s cubic-bezier(.2,0,0,1) ph-swap}@keyframes ph-swap{0%{opacity:0;filter:blur(2px);transform:translateY(3px)}}.ph-details[open] .ph-reveal>li{animation:.32s cubic-bezier(.2,0,0,1) both ph-reveal}.ph-details[open] .ph-reveal>li:nth-child(2){animation-delay:70ms}.ph-details[open] .ph-reveal>li:nth-child(3){animation-delay:.14s}.ph-details[open] .ph-reveal>li:nth-child(4){animation-delay:.21s}.ph-details[open] .ph-reveal>li:nth-child(5){animation-delay:.28s}@keyframes ph-reveal{0%{opacity:0;transform:translateY(-4px)}}.ph-explain-toggle{font:inherit;letter-spacing:inherit;color:inherit;text-align:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;text-underline-offset:4px;background:0 0;border:0;border-radius:4px;margin:0;padding:0;text-decoration:underline 1.5px dashed #94a3b8;transition:text-decoration-color .2s}@media (hover:hover){.ph-explain-toggle:hover{text-decoration-color:var(--color-accent,#6366f1)}}.ph-explain-toggle[aria-expanded=true]{text-decoration-color:var(--color-accent,#6366f1)}.ph-explain-toggle:focus{outline:none}.ph-explain-toggle:focus-visible{outline:2px solid var(--color-accent,#6366f1);outline-offset:2px}.ph-explain{grid-template-rows:0fr;transition:grid-template-rows .26s cubic-bezier(.2,0,0,1);display:grid}.ph-explain>div{min-height:0;overflow:hidden}.ph-explain p{color:#64748b;opacity:0;margin:0;padding-block:6px 4px;font-size:.8125rem;line-height:1.5;transition:opacity .2s,transform .26s cubic-bezier(.2,0,0,1);transform:translateY(-3px)}.ph-explain[aria-hidden=false]{grid-template-rows:1fr}.ph-explain[aria-hidden=false] p{opacity:1;transform:none}@media (max-width:480px){.ph-chip{padding:.55rem .25rem .5rem}.ph-count b{font-size:1.25rem}}@media (prefers-reduced-motion:reduce){.ph-chip,.ph-explain-toggle,.ph-explain,.ph-explain p{transition:none}.ph-chip:active{scale:none}.ph-swap,.ph-details[open] .ph-reveal>li{animation:none}}