.scard{background:var(--paper-warm);border:1px solid var(--hairline);min-width:0;color:var(--ink);font-family:var(--text);transition:transform var(--dur-4) var(--ease-spring-snappy), border-color var(--dur-color) var(--ease-material);flex-direction:column;display:flex;position:relative}.scard:has(.scard__link:active){transform:scale(.985)}.scard__plate{aspect-ratio:1;background:var(--sand);position:relative;overflow:hidden}@media (max-width:699px){.scard__plate{aspect-ratio:5/4}}.scard__scene,.scard__scene img{width:100%;height:100%;position:absolute;inset:0}.scard__scene{aspect-ratio:auto;background:var(--sand)}.scard__scene img{object-fit:cover;transition:transform var(--dur-5) var(--ease-material);padding:0}.scard__bare{color:var(--ink-2);font-size:var(--text-sm);place-items:center;font-weight:500;display:grid;position:absolute;inset:0}.scard--out .scard__scene{opacity:.6}.scard__save,.scard__seal{top:var(--space-4);z-index:2;min-height:24px;padding:var(--space-0) var(--space-3);border-radius:var(--radius-pill);align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:600;line-height:var(--leading-tight);display:inline-flex;position:absolute}.scard__save{left:var(--space-4);background:var(--status-success-soft);color:color-mix(in srgb, var(--status-success) 85%, var(--ink))}.scard__seal{right:var(--space-4);background:var(--paper-warm);color:var(--ink);box-shadow:inset 0 0 0 1px var(--hairline-strong)}.scard__seal i{border-radius:var(--radius-round);background:var(--ink-2);width:6px;height:6px}.scard__seal--low i{background:var(--orange)}.scard__seal--gate i{background:var(--orange-text)}.scard__seal--out i{background:var(--hairline-strong)}.scard__add-form{right:var(--space-4);bottom:var(--space-4);z-index:2;position:absolute}.scard__add{z-index:2;border-radius:var(--radius-pill);background:var(--paper-warm);width:44px;height:44px;box-shadow:inset 0 0 0 1px var(--hairline-strong), var(--elev-float);color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform var(--dur-4) var(--ease-spring-snappy), background-color var(--dur-color) var(--ease-material), color var(--dur-color) var(--ease-material);border:0;place-items:center;padding:0;display:inline-grid;position:relative}.scard__add--link{right:var(--space-4);bottom:var(--space-4);position:absolute}.scard__add>*{grid-area:1/1}.scard__add:active{transform:scale(var(--press-active-scale))}.scard__add:disabled{cursor:progress}.scard__add[data-pending=true] svg{opacity:0}.scard__add:focus-visible,.scard__link:focus-visible{outline:2px solid var(--orange-text);outline-offset:2px}.scard__body{padding:var(--space-4) var(--space-5) var(--space-5);gap:var(--space-1);flex-direction:column;flex:1;display:flex}.scard__use{color:var(--ink-2);font-size:var(--text-xs);font-weight:500;line-height:var(--leading-tight)}.scard__name{font-family:var(--display);font-size:var(--text-2xl);letter-spacing:-.03em;margin:0;font-weight:400;line-height:1.1}.scard__link{color:inherit;transition:color var(--dur-color) var(--ease-material);text-decoration:none}.scard__link:after{content:"";z-index:1;position:absolute;inset:0}.scard__foot{padding-top:var(--space-3);justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-top:auto;display:flex}.scard__meta{align-items:center;gap:var(--space-2);min-width:0;color:var(--ink-2);font-size:var(--text-sm);display:inline-flex}.scard__dots{gap:var(--space-1);display:inline-flex}.scard__dot{border-radius:var(--radius-round);width:10px;height:10px;box-shadow:inset 0 0 0 1px var(--hairline)}.scard__dot--coconut{background:var(--flavor-coconut)}.scard__dot--watermelon{background:var(--flavor-watermelon)}.scard__dot--energy-drink{background:var(--flavor-energy-drink)}.scard__dot--plain{background:var(--ink-2)}.scard__dot--off{opacity:.3}.scard__price{align-items:baseline;gap:var(--space-1);flex:none;order:2;display:inline-flex}.scard__from{color:var(--ink-2);font-size:var(--text-xs)}.scard__amt{font-family:var(--display);font-size:var(--text-xl);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.scard__details,.scard__gate{margin:var(--space-2) 0 0;color:var(--ink-2);font-size:var(--text-xs);line-height:var(--leading-normal);padding:0;list-style:none}@media (max-width:620px){.scard--lead{grid-template-columns:var(--space-4) minmax(0, 1fr) auto var(--space-4);align-content:start;display:grid}.scard--lead .scard__body,.scard--lead .scard__foot{display:contents}.scard--lead .scard__use{margin-top:var(--space-4);grid-area:1/2/auto/4}.scard--lead .scard__name{margin-top:var(--space-1);grid-area:2/2;align-self:baseline}.scard--lead .scard__price{margin-left:var(--space-3);grid-area:2/3;align-self:baseline}.scard--lead .scard__plate{margin-top:var(--space-3);grid-area:3/1/auto/-1}.scard--lead .scard__meta{padding-block:var(--space-3) var(--space-4);grid-area:4/2/auto/4}.scard--lead .scard__details,.scard--lead .scard__gate{margin-bottom:var(--space-4);grid-column:2/4}}@media (hover:hover){.scard:hover{border-color:var(--hairline-strong)}.scard:hover .scard__scene img{transform:scale(1.03)}.scard:hover .scard__link{color:var(--orange-text)}.scard__add:hover{background:var(--ink);color:var(--paper)}}@media (prefers-reduced-motion:reduce){.scard,.scard__scene,.scard__scene img,.scard__add,.scard__link{transition:none!important}.scard__add:active,.scard:hover .scard__scene img{transform:none}.scard:has(.scard__link:active){transform:none}}