.candy-page[data-astro-cid-6eiz2mqy]{max-width:720px;padding-inline:clamp(var(--space-4), 4vw, var(--space-8));padding-bottom:var(--space-2xl);margin:0 auto}.candy-tool{padding-bottom:var(--space-xl)}.candy-section{background:var(--bg-secondary);border:1px solid var(--border-gold);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-lg)}.candy-section-label{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--accent-gold);margin:0 0 var(--space-md);padding:0;font-size:.75rem;font-weight:400;display:block}.candy-fieldset{border:0;min-width:0;margin:0;padding:0}.candy-note{margin:var(--space-md) 0 0;color:var(--text-muted);font-size:.85rem;line-height:1.5}.candy-tool .toggle-group{border:1px solid var(--border-gold);border-radius:6px;flex-wrap:wrap;display:inline-flex;overflow:hidden}.candy-tool .toggle-btn{background:var(--bg-tertiary);color:var(--text-secondary);padding:var(--space-sm) var(--space-lg);cursor:pointer;border:none;min-height:44px;font-size:.875rem;transition:background .2s,color .2s}.candy-tool .toggle-btn+.toggle-btn{border-left:1px solid var(--border-gold)}.candy-tool .toggle-btn.active{background:var(--bg-primary);color:var(--accent-gold);box-shadow:inset 0 -2px 0 var(--accent-gold);font-weight:600}.candy-tool .toggle-btn:hover:not(.active){color:var(--text-primary)}.candy-tool .toggle-btn:focus-visible{outline:2px solid var(--accent-gold);outline-offset:-2px}.candy-fields{margin-top:var(--space-md)}.candy-field-row{gap:var(--space-md);flex-wrap:wrap;display:flex}.candy-field{flex-direction:column;flex:1;gap:6px;min-width:140px;display:flex}.candy-field label:not(.candy-section-label){color:var(--text-secondary);font-size:.85rem;font-family:var(--font-mono)}.candy-field input,.candy-suffix input{background:var(--bg-tertiary);border:1px solid var(--border-gold);border-radius:var(--radius-sm);width:100%;height:44px;color:var(--text-primary);font-family:var(--font-mono);padding:0 var(--space-md);font-size:1rem}.candy-field input::placeholder{color:var(--text-muted)}.candy-suffix{align-items:center;gap:var(--space-sm);color:var(--text-secondary);font-size:.85rem;font-family:var(--font-mono);display:flex}.candy-suffix input{flex:none;width:96px}.candy-field--narrow{max-width:100%}.candy-custom{margin-top:var(--space-md)}.chip-row{gap:var(--space-sm);flex-wrap:wrap;display:flex}.chip{min-width:56px;min-height:44px;padding:0 var(--space-md);background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-subtle);font-family:var(--font-mono);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;font-size:.95rem;transition:border-color .2s,color .2s;display:inline-flex}.chip:hover{color:var(--text-primary);border-color:var(--border-gold)}.chip.selected{color:var(--accent-gold);border-color:var(--accent-gold);background:var(--bg-primary);font-weight:700}.chip:has(input:focus-visible),.bag-option:has(input:focus-visible){outline:2px solid var(--accent-gold);outline-offset:3px}.candy-check{align-items:center;gap:var(--space-sm);min-height:44px;color:var(--text-primary);cursor:pointer;font-size:.95rem;display:inline-flex}.candy-check input{width:20px;height:20px;accent-color:var(--accent-gold)}.candy-details summary{cursor:pointer;align-items:center;gap:var(--space-sm);min-height:44px;list-style:none;display:flex}.candy-details summary::-webkit-details-marker{display:none}.candy-details summary:before{content:"+";font-family:var(--font-mono);color:var(--accent-gold);width:1ch}.candy-details[open] summary:before{content:"−"}.candy-details summary .candy-section-label{margin:0}.candy-details[open] .candy-note{margin:var(--space-sm) 0 var(--space-md)}.bag-list{gap:var(--space-sm);flex-direction:column;display:flex}.bag-option{align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border-subtle);cursor:pointer;border-radius:6px;grid-template-columns:56px 1fr auto;transition:border-color .2s;display:grid}.bag-option:hover{border-color:var(--border-gold)}.bag-option.selected{border-color:var(--accent-gold);background:var(--bg-primary)}.bag-option--custom{grid-template-columns:1fr;min-height:56px}.bag-option img{object-fit:contain;border-radius:var(--radius-sm);background:var(--text-primary);width:56px;height:56px}.bag-text{flex-direction:column;gap:2px;min-width:0;display:flex}.bag-name{color:var(--text-primary);font-size:.9rem;font-weight:600;line-height:1.3}.bag-option.selected .bag-name{color:var(--accent-gold)}.bag-meta{color:var(--text-muted);font-size:.78rem}.bag-price{font-family:var(--font-mono);color:var(--accent-gold);white-space:nowrap;flex-direction:column;align-items:flex-end;font-size:.95rem;font-weight:700;display:flex}.bag-unit-cost{color:var(--text-secondary);font-size:.75rem;font-weight:400}.candy-results{margin-top:var(--space-2xl);scroll-margin-top:calc(var(--nav-height) + var(--space-md))}.candy-results h2{font-family:var(--font-heading);color:var(--accent-gold);margin:0 0 var(--space-lg);font-size:1.4rem}.candy-empty{background:var(--bg-secondary);border:1px dashed var(--border-gold);border-radius:var(--radius-md);padding:var(--space-lg);color:var(--text-secondary);margin:0 0 var(--space-lg)}.candy-tool .result-grid{gap:var(--space-md);margin-bottom:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.candy-tool .result-card{background:var(--bg-secondary);border:1px solid var(--border-gold);border-radius:var(--radius-md);padding:var(--space-md);flex-direction:column;gap:4px;display:flex}.candy-tool .result-card--teal{border-style:dashed}.candy-tool .result-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-size:.7rem}.candy-tool .result-value{font-family:var(--font-heading);color:var(--accent-gold);font-size:1.6rem;font-weight:700;line-height:1.1}.candy-tool .result-note{color:var(--text-muted);font-size:.78rem;line-height:1.4}.candy-buy{margin:var(--space-md) 0 var(--space-lg);white-space:normal;text-align:center}.candy-formula{background:var(--bg-secondary);border-left:3px solid var(--accent-gold);border-radius:var(--radius-sm);padding:var(--space-md) var(--space-lg)}.candy-formula h3{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--accent-gold);margin:0 0 var(--space-sm);font-size:.75rem;font-weight:400}.candy-formula ol{padding-left:var(--space-lg);margin:0}.candy-formula li{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:.9rem;line-height:1.6}.candy-summary{margin:0 0 var(--space-md);color:var(--text-primary);font-size:1.05rem}.candy-summary:empty{display:none}.candy-warning{margin:0 0 var(--space-lg);padding:var(--space-sm) var(--space-md);border-left:3px solid var(--accent-sienna);background:var(--bg-secondary);color:var(--text-secondary);font-size:.9rem;line-height:1.5}.candy-mix{background:var(--bg-secondary);border:1px dashed var(--border-gold);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);margin:0 0 var(--space-lg)}.candy-mix p{margin:0 0 var(--space-sm);color:var(--text-primary);font-size:.95rem;line-height:1.5}.candy-mix ul{padding-left:var(--space-lg);margin:0}.candy-mix li{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.candy-mix a{color:var(--accent-gold)}.candy-mix-price{font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap;font-size:.8rem}.candy-share{align-items:center;gap:var(--space-md);margin:0 0 var(--space-lg);flex-wrap:wrap;display:flex}.candy-share .btn{min-height:44px}.candy-share-status{color:var(--text-secondary);margin:0;font-size:.85rem}.candy-sticky{display:none}.candy-explainer[data-astro-cid-6eiz2mqy]{margin-top:var(--space-xl);border-top:1px solid var(--border-color);padding-top:var(--space-xl)}.candy-explainer[data-astro-cid-6eiz2mqy] h2[data-astro-cid-6eiz2mqy]{font-size:var(--text-2xl);margin:var(--space-xl) 0 var(--space-md)}.candy-explainer[data-astro-cid-6eiz2mqy] h2[data-astro-cid-6eiz2mqy]:first-child{margin-top:0}.candy-explainer[data-astro-cid-6eiz2mqy] p[data-astro-cid-6eiz2mqy],.candy-explainer[data-astro-cid-6eiz2mqy] li[data-astro-cid-6eiz2mqy]{color:var(--text-primary);line-height:1.7}.candy-explainer[data-astro-cid-6eiz2mqy] p[data-astro-cid-6eiz2mqy]{margin:0 0 var(--space-md)}.candy-explainer[data-astro-cid-6eiz2mqy] a[data-astro-cid-6eiz2mqy]{color:var(--accent-gold);text-decoration:underline}@media (width<=767px){.candy-tool{padding-bottom:calc(var(--space-xl) + 64px)}.candy-page[data-astro-cid-6eiz2mqy]{padding-bottom:calc(var(--space-2xl) + 64px)}.candy-sticky{z-index:60;justify-content:space-between;align-items:center;gap:var(--space-md);min-height:56px;padding:var(--space-sm) var(--space-md);padding-bottom:calc(var(--space-sm) + env(safe-area-inset-bottom,0px));background:var(--bg-secondary);border-top:1px solid var(--accent-gold);box-shadow:var(--shadow-md);display:flex;position:fixed;bottom:0;left:0;right:0}.candy-sticky.is-hidden{visibility:hidden;opacity:0;transform:translateY(100%)}.candy-sticky-text{font-family:var(--font-mono);color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:.85rem}.candy-sticky-link{min-height:44px;padding:0 var(--space-md);border:1px solid var(--accent-gold);color:var(--accent-gold);white-space:nowrap;border-radius:6px;align-items:center;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.candy-sticky-link:focus-visible{outline:2px solid var(--accent-gold);outline-offset:2px}}@media (width<=767px) and (prefers-reduced-motion:no-preference){.candy-sticky{transition:opacity .2s,transform .2s,visibility .2s}}@media (width<=500px){.candy-section{padding:var(--space-md)}.candy-tool .result-grid{grid-template-columns:1fr 1fr}.bag-option{grid-template-columns:48px 1fr}.bag-option--custom{grid-template-columns:1fr}.bag-option img{width:48px;height:48px}.bag-price{align-items:baseline;gap:var(--space-sm);flex-direction:row;grid-column:2}.candy-tool .toggle-group{display:flex}.candy-tool .toggle-btn{padding-inline:var(--space-sm);flex:1}}@media (prefers-reduced-motion:reduce){.candy-tool .toggle-btn,.chip,.bag-option,.candy-buy{transition:none}.candy-buy:hover{transform:none}}
