.field{border:0;min-width:0;margin:0;padding:0}.field+.field{margin-top:28px}.fieldLabel{font-family:var(--font-mono);color:var(--color-title);margin-bottom:10px;padding:0;font-size:.95rem;font-weight:700;display:block}.fieldOptional{font-family:var(--font-sans);color:#94a3b8;margin-left:4px;font-size:.8rem;font-weight:500}.fieldControl{position:relative}.fieldInput{--field-border:#d5dce4;width:100%;height:58px;font-family:var(--font-sans);color:var(--color-title);border:1px solid var(--field-border);background-color:#fff;border-radius:10px;padding:25px 15px 7px;font-size:1rem;line-height:1.4;transition:border-color .15s,box-shadow .15s;box-shadow:0 1px 2px #1118270a}.fieldInput::placeholder{color:#8792a2;transition:color .15s}.fieldInput:not(:focus)::placeholder{color:#0000}@media (hover:hover){.fieldInput:hover:not(:focus){--field-border:#b9c3cf}}.fieldInput:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 14%, transparent);outline:none}.fieldInputLabel{max-width:calc(100% - 32px);font-family:var(--font-sans);color:#64748b;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;transform-origin:0 0;font-size:1rem;line-height:1.4;transition:translate .2s cubic-bezier(.22,1,.36,1),scale .2s cubic-bezier(.22,1,.36,1),color .15s;position:absolute;top:18px;left:16px;overflow:hidden}.fieldInput:focus+.fieldInputLabel,.fieldInput:not(:placeholder-shown)+.fieldInputLabel,.fieldInput:autofill+.fieldInputLabel{max-width:calc(128.205% - 41.0256px);translate:0 -10px;scale:.78}.fieldInput:focus+.fieldInputLabel{color:var(--color-primary)}.fieldHint{font-family:var(--font-sans);color:#64748b;margin-top:8px;padding:0 2px;font-size:.8rem;line-height:1.5}@media (prefers-reduced-motion:reduce){.fieldInput,.fieldInput::placeholder,.fieldInputLabel{transition:none}}
.details{flex-direction:column;gap:32px;display:flex;container-type:inline-size}.detailsNote{font-family:var(--font-sans);color:var(--color-title);font-size:.875rem;line-height:1.5}.detailsSection{border:0;min-width:0;margin:0;padding:0}.detailsTitle{font-family:var(--font-mono);letter-spacing:-.01em;color:var(--color-title);margin-bottom:14px;padding:0;font-size:1.1rem;font-weight:700}.detailsFields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.detailsFields .field+.field{margin-top:0}.detailsFull{grid-column:1/-1}@container (max-width:560px){.detailsFields{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}.detailsHalf{grid-column:1/-1}}
.review{container-type:inline-size}.reviewSection{flex-direction:column;gap:18px;min-width:0;padding:24px;display:flex}.reviewSection+.reviewSection,.reviewPair{border-top:1px solid #11182714}.reviewPair{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.reviewPair .reviewSection+.reviewSection{border-top:0;border-left:1px solid #11182714}.reviewHead{justify-content:space-between;align-items:center;gap:16px;display:flex}.reviewTitle{font-family:var(--font-mono);color:var(--color-title);font-size:1.05rem;font-weight:700}.reviewEdit{width:36px;height:36px;color:var(--color-body);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin:-8px;padding:0;transition:color .15s;display:flex}.reviewEdit:focus-visible{outline:3px solid var(--color-secondary);outline-offset:0}@media (hover:hover){.reviewEdit:hover{color:var(--color-title)}}.reviewList{flex-direction:column;gap:24px;display:flex}.reviewItem{align-items:flex-start;gap:14px;display:flex}.reviewIcon{color:var(--color-primary);flex-shrink:0;display:flex}.reviewItemBody{flex-direction:column;flex:1;gap:12px;min-width:0;display:flex}.reviewItemHead{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.reviewItemText,.reviewLines{flex-direction:column;gap:2px;min-width:0;display:flex}.reviewItemTitle{overflow-wrap:anywhere;font-family:var(--font-sans);color:var(--color-title);font-size:.95rem;font-weight:600;line-height:1.4}.reviewItemMeta,.reviewLine{overflow-wrap:anywhere;font-family:var(--font-sans);color:#64748b;font-size:.875rem;line-height:1.5}.reviewLabel{font-family:var(--font-sans);color:var(--color-title);font-size:.8rem;font-weight:600}.reviewPrice{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--color-title);white-space:nowrap;font-size:1rem;font-weight:700;line-height:1.4}.reviewFacts{grid-template-columns:max-content minmax(0,1fr);gap:6px 20px;display:grid}.reviewFact{grid-column:1/-1;grid-template-columns:subgrid;font-family:var(--font-sans);font-size:.875rem;line-height:1.5;display:grid}.reviewFact dt{color:#64748b}.reviewFact dd{color:var(--color-title)}@container (max-width:560px){.reviewPair{grid-template-columns:minmax(0,1fr)}.reviewPair .reviewSection+.reviewSection{border-top:1px solid #11182714;border-left:0}}@container (max-width:420px){.reviewSection{padding:20px 16px}}
.schedule{flex-direction:column;gap:16px;display:flex;container-type:inline-size}.schedulePicker{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);display:grid}.calendar{padding:24px}.calendarHead{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.calendarMonth,.timesDay{font-family:var(--font-mono);color:var(--color-title);font-size:1.05rem;font-weight:700}.calendarNav{gap:4px;margin-right:-6px;display:flex}.calendarArrow{width:34px;height:34px;color:var(--color-body);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:color .15s;display:flex}.calendarArrow:disabled{color:#cbd5e1;cursor:default}.calendarArrow:focus-visible{outline:3px solid var(--color-secondary);outline-offset:2px}.calendarGrid{grid-template-columns:repeat(7,minmax(0,1fr));justify-items:center;row-gap:6px;display:grid}.calendarWeekday{font-family:var(--font-sans);color:#94a3b8;padding-bottom:6px;font-size:.75rem;font-weight:600}.calendarDay{aspect-ratio:1;width:100%;max-width:44px;font-family:var(--font-sans);font-variant-numeric:tabular-nums;color:var(--color-primary);background-color:color-mix(in srgb, var(--color-primary) 7%, transparent);cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:.9rem;font-weight:600;transition:background-color .15s,color .15s;display:flex;position:relative}.calendarDay[aria-pressed=true]{color:#fff;background-color:var(--color-primary)}.calendarDay:disabled{color:#94a3b8;cursor:default;background:0 0;font-weight:400}.calendarDay[aria-current=date]:after{content:"";background-color:currentColor;border-radius:999px;width:4px;height:4px;position:absolute;bottom:6px;left:50%;translate:-50%}.calendarDay:focus-visible{outline:3px solid var(--color-secondary);outline-offset:2px}.times{border-left:1px solid #11182714;flex-direction:column;gap:20px;padding:24px;display:flex}.timesHead{flex-direction:column;gap:2px;display:flex}.timesZone{font-family:var(--font-sans);color:#64748b;font-size:.8rem}.timesGroup{border:0;min-width:0;margin:0;padding:0}.timesLabel{font-family:var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:#94a3b8;margin-bottom:10px;padding:0;font-size:.75rem;font-weight:600}.timesGrid{flex-wrap:wrap;gap:8px;display:flex}.timeChip{cursor:pointer;-webkit-tap-highlight-color:transparent;display:flex;position:relative}.timeInput{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.timeLabel{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--color-title);white-space:nowrap;background-color:#0000;border:1px solid #1118271f;border-radius:999px;align-items:center;padding:10px 18px;font-size:.85rem;font-weight:600;transition:background-color .2s,border-color .2s,color .2s;display:inline-flex}.timeInput:checked+.timeLabel{color:#fff;background-color:var(--color-primary);border-color:var(--color-primary)}.timeInput:focus-visible+.timeLabel{outline:3px solid var(--color-secondary);outline-offset:2px}@media (hover:hover){.calendarArrow:not(:disabled):hover{color:var(--color-title)}.timeChip:hover .timeLabel{border-color:#11182747}.calendarDay:not(:disabled,[aria-pressed=true]):hover{background-color:color-mix(in srgb, var(--color-primary) 14%, transparent)}.timeChip:hover .timeInput:checked+.timeLabel{border-color:var(--color-primary)}}.scheduleNote{font-family:var(--font-sans);color:#64748b;align-items:flex-start;gap:8px;font-size:.875rem;line-height:1.5;display:flex}.scheduleNote svg{color:var(--color-primary);flex-shrink:0;margin-top:3px}.scheduleEmpty{font-family:var(--font-sans);text-align:center;color:#64748b;border:1px dashed #11182726;border-radius:6px;padding:32px 20px;font-size:.9rem}@container (max-width:620px){.schedulePicker{grid-template-columns:minmax(0,1fr)}.times{border-top:1px solid #11182714;border-left:0}}@container (max-width:420px){.calendar,.times{padding:20px 16px}}@media (max-width:900px){.timeLabel{padding:8px 14px;font-size:.8rem}}@media (prefers-reduced-motion:reduce){.calendarArrow,.calendarDay,.timeLabel{transition:none}}
.summary{position:sticky;top:108px}.summaryCard{--summary-pad:24px;overflow:hidden}.summaryHead{padding:22px var(--summary-pad) 0}.summaryTitle{font-family:var(--font-mono);letter-spacing:-.01em;color:var(--color-title);font-size:1.25rem;font-weight:700}.summarySection{padding:20px var(--summary-pad)}.summarySection+.summarySection{border-top:1px solid #11182712}.summaryEmpty{font-family:var(--font-sans);color:#64748b;font-size:.875rem;line-height:1.5}.summaryItems{flex-direction:column;gap:18px;display:flex}.summaryItem{align-items:flex-start;gap:12px;display:flex}.summaryIcon{color:var(--color-primary);flex-shrink:0;display:flex}.summaryItemBody{flex:1;min-width:0}.summaryRow{font-family:var(--font-sans);color:var(--color-title);justify-content:space-between;gap:16px;font-size:.875rem;line-height:1.4;display:flex}.summaryRow span:last-child{font-variant-numeric:tabular-nums;white-space:nowrap}.summaryItemHead{margin-bottom:6px;font-weight:600}.summaryItemHead span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.summaryLines{flex-direction:column;gap:4px;display:flex}.summaryLines .summaryRow{color:#64748b;font-size:.825rem}.summaryCheckout{padding:20px var(--summary-pad) var(--summary-pad);border-top:1px solid #11182712;flex-direction:column;gap:18px;display:flex}.summaryTotal{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.summaryTotalLabel{font-family:var(--font-mono);color:var(--color-title);font-size:1.1rem;font-weight:600}.summaryTotalAmount{font-family:var(--font-mono);letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--color-title);align-items:baseline;gap:8px;font-size:1.75rem;font-weight:700;line-height:1.1;display:flex}.summaryCurrency{font-family:var(--font-sans);letter-spacing:.04em;color:#94a3b8;font-size:.75rem;font-weight:600}.summary .btn{width:100%}.summaryBar{display:none}@media (max-width:900px){.summary{display:none}.summaryBar{z-index:40;padding:10px clamp(1.25rem,5vw,4rem);padding-bottom:calc(10px + env(safe-area-inset-bottom));box-shadow:0 -12px 32px -16px color-mix(in srgb, var(--color-primary) 22%, transparent);background-color:#fff;border-top:1px solid #11182714;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:0;left:0;right:0}.summaryBar>*{width:100%;max-width:560px;margin:0 auto}.summaryBarInfo{white-space:nowrap;justify-content:center;align-items:center;gap:6px;min-width:0;display:flex}.summaryBarLabel{font-family:var(--font-sans);color:var(--color-body);font-size:.8rem}.summaryBarTotal{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--color-title);font-size:.85rem;font-weight:700}.summaryBar .btn{min-height:48px}}@media (max-width:360px){.summaryBar{padding-left:1rem;padding-right:1rem}}@media (max-width:900px) and (max-height:500px) and (orientation:landscape){.summaryBar{padding-top:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom));flex-direction:row;justify-content:space-between;align-items:center;gap:16px}.summaryBar>*{width:auto;max-width:none;margin:0}.summaryBarInfo{justify-content:flex-start}.summaryBar .btn{min-height:0;padding:10px 22px;font-size:1rem}}
.subjects{flex-direction:column;gap:16px;display:flex}.subjectsHead{justify-content:space-between;align-items:center;gap:16px;display:flex}.subjectsTitle{font-family:var(--font-mono);color:var(--color-title);font-size:1.125rem;font-weight:700}.subjectsAdd{font-family:var(--font-mono);color:var(--color-body);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;align-items:center;gap:6px;padding:6px 0;font-size:1rem;font-weight:600;transition:color .2s;display:inline-flex;position:relative}.subjectsAdd:after{content:"";background-color:var(--color-secondary);border-radius:2px;height:2px;transition:scale .3s cubic-bezier(.22,1,.36,1);position:absolute;bottom:0;left:0;right:0;scale:0 1}.subjectsAddArrow{color:var(--color-secondary);flex-shrink:0;transition:translate .3s cubic-bezier(.22,1,.36,1)}.subjectsAdd:hover,.subjectsAdd:focus-visible{color:var(--color-title)}.subjectsAdd:hover:after,.subjectsAdd:focus-visible:after{scale:1}.subjectsAdd:hover .subjectsAddArrow{translate:3px}.subjectsAdd:focus-visible{outline:none}.subjectsEmpty{font-family:var(--font-sans);text-align:center;color:#64748b;border:1px dashed #11182726;border-radius:6px;padding:32px 20px;font-size:.9rem}.subjectsGrid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}.subjectsGrid>li{display:flex}@media (max-width:600px){.subjectsGrid{grid-template-columns:minmax(0,1fr);gap:12px}}@media (prefers-reduced-motion:reduce){.subjectsAdd,.subjectsAdd:after,.subjectsAddArrow{transition:none}}
.subjectCard{flex-direction:column;gap:16px;width:100%;padding:20px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.subjectCard:hover{border-color:#11182747}.subjectCard[data-selected]{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.subjectTop{align-items:flex-start;gap:14px;display:flex}.subjectIcon{color:var(--color-primary);flex-shrink:0;padding-top:2px;display:flex}.subjectText{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.subjectName{font-family:var(--font-mono);color:var(--color-title);white-space:nowrap;text-overflow:ellipsis;font-size:1.05rem;font-weight:700;overflow:hidden}.subjectOpen{font:inherit;color:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}.subjectOpen:after{content:"";border-radius:6px;position:absolute;inset:0}.subjectOpen:focus-visible{outline:none}.subjectOpen:focus-visible:after{outline:3px solid var(--color-secondary);outline-offset:3px}.subjectMeta{font-family:var(--font-sans);color:var(--color-body);font-size:.875rem}.subjectToggle{z-index:1;color:#94a3b8;pointer-events:none;background:0 0;border:0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex;position:relative}button.subjectToggle{color:var(--color-primary);cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent}button.subjectToggle:focus-visible{outline:3px solid var(--color-secondary);outline-offset:2px}.subjectHistory{font-family:var(--font-sans);color:#64748b;font-size:.85rem}.subjectBooking{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.subjectService{min-width:0;font-family:var(--font-sans);color:var(--color-title);font-size:.9rem;font-weight:600}.subjectPrice{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--color-title);white-space:nowrap;font-size:1rem;font-weight:700}@media (prefers-reduced-motion:reduce){.subjectCard{transition:none}}
.sheet{--sheet-gutter:28px;background-color:var(--color-canvas);width:min(100vw,520px);max-width:none;height:100dvh;max-height:none;box-shadow:-24px 0 48px -12px color-mix(in srgb, var(--color-primary) 12%, transparent);transition:translate .35s cubic-bezier(.32, .72, 0, 1), display .35s allow-discrete, overlay .35s allow-discrete;border:0;border-radius:16px 0 0 16px;margin:0 0 0 auto;padding:0;translate:100%}.sheet[open]{translate:0}@starting-style{.sheet[open]{translate:100%}}.sheet::backdrop{background-color:color-mix(in srgb, var(--color-primary) 40%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .35s, display .35s allow-discrete, overlay .35s allow-discrete}.sheet[open]::backdrop{opacity:1}@starting-style{.sheet[open]::backdrop{opacity:0}}html:has(.sheet[open]){overscroll-behavior:none;overflow:hidden}.sheetPanel{overscroll-behavior:contain;flex-direction:column;height:100%;display:flex;overflow-y:auto}.sheetHead{padding:20px var(--sheet-gutter) 24px;padding-top:calc(20px + env(safe-area-inset-top));flex-direction:column;gap:20px;display:flex}.sheetClose{color:var(--color-body);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:999px;align-self:flex-end;margin:-6px;padding:6px;display:flex}.sheetClose:focus-visible{outline:3px solid var(--color-secondary);outline-offset:2px}.sheetIntro{flex-direction:column;gap:6px;display:flex}.sheetTitle{font-family:var(--font-mono);color:var(--color-title);font-size:1.5rem;font-weight:700;line-height:1.2}.sheetLede{font-family:var(--font-sans);color:var(--color-body);font-size:.95rem;line-height:1.5}.sheetBody{padding:4px var(--sheet-gutter) 28px;flex:1}.sheetFoot{z-index:2;padding:16px var(--sheet-gutter);padding-bottom:calc(16px + env(safe-area-inset-bottom));background-color:#fff;border-top:1px solid #11182714;justify-content:space-between;align-items:center;gap:16px;display:flex;position:sticky;bottom:0}.sheetTotal{flex-direction:column;min-width:0;display:flex}.sheetTotal span{font-family:var(--font-sans);color:#64748b;font-size:.8rem}.sheetTotal strong{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--color-title);font-size:1.25rem;font-weight:700}.sheetActions{gap:10px;margin-left:auto;display:flex}.sheetActions .btn{min-height:48px;padding:12px 20px;font-size:1rem}@media (max-width:640px){.sheet{--sheet-gutter:20px;width:100vw;box-shadow:none;border-radius:0;margin:0;translate:0 100%}@starting-style{.sheet[open]{translate:0 100%}}.sheetHead{padding-top:calc(16px + env(safe-area-inset-top));gap:16px;padding-bottom:20px}.sheetTitle{font-size:1.3rem}.sheetBody{padding-bottom:24px}.sheetFoot{padding-top:10px;padding-bottom:calc(10px + env(safe-area-inset-bottom));box-shadow:0 -12px 32px -16px color-mix(in srgb, var(--color-primary) 22%, transparent);flex-direction:column;align-items:stretch;gap:8px}.sheetTotal{white-space:nowrap;flex-direction:row;justify-content:center;align-items:center;gap:6px}.sheetTotal strong{font-size:.85rem}.sheetActions{margin-left:0}.sheetActions .btn{padding:10px 20px}.sheetActions .btnPrimary{flex:1}}@media (max-width:640px) and (max-height:500px) and (orientation:landscape){.sheetFoot{padding-top:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom));flex-direction:row;align-items:center;gap:16px}.sheetTotal{justify-content:flex-start}.sheetActions{margin-left:auto}.sheetActions .btnPrimary{flex:none}}@media (prefers-reduced-motion:reduce){.sheet,.sheet::backdrop{transition:none}}
.optionList{flex-direction:column;gap:12px;display:flex}.optionGrid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}
.iconCard{align-items:flex-start;gap:14px;padding:16px 18px;display:flex}.iconCardIcon{flex-shrink:0}.iconCardText{flex-direction:column;gap:2px;display:flex}.iconCardTitle{font-family:var(--font-mono);color:var(--color-title);font-size:1rem;font-weight:700;line-height:1.4}.iconCardMeta{font-family:var(--font-mono);color:var(--color-secondary);font-size:.9rem;font-weight:700}.iconCardBody{font-family:var(--font-sans);color:var(--color-body);font-size:.875rem;line-height:1.45}
.selectable{cursor:pointer;-webkit-tap-highlight-color:transparent;display:block;position:relative}.selectableInput{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.selectable>:last-child{transition:border-color .15s,box-shadow .2s}.selectable:has(.selectableInput:checked)>:last-child{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary), 0 12px 28px -14px color-mix(in srgb, var(--color-primary) 40%, transparent)}.selectable:has(.selectableInput:focus-visible)>:last-child{outline:3px solid var(--color-secondary);outline-offset:2px}.selectableCheck{z-index:2;color:#fff;background-color:#fff;border:1.5px solid #11182738;border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;transition:background-color .15s,border-color .15s;display:flex;position:absolute;top:14px;right:14px;box-shadow:0 1px 2px #1118271f}.selectableCheck[data-type=checkbox]{border-radius:6px}.selectableCheck svg{opacity:0;transition:opacity .15s,scale .25s cubic-bezier(.34,1.56,.64,1);scale:.5}.selectable:has(.selectableInput:checked) .selectableCheck{background-color:var(--color-primary);border-color:var(--color-primary)}.selectable:has(.selectableInput:checked) .selectableCheck svg{opacity:1;scale:1}.selectable .iconCard{padding-right:52px}@media (hover:hover){.selectable:hover>:last-child{border-color:#1118273d}.selectable:hover .selectableCheck{border-color:#11182766}:is(.selectable:has(.selectableInput:checked):hover>:last-child,.selectable:has(.selectableInput:checked):hover .selectableCheck){border-color:var(--color-primary)}}@media (prefers-reduced-motion:reduce){.selectable>:last-child,.selectableCheck,.selectableCheck svg{transition:none}}
.compactCard{background-color:#fff;border:1px solid #1118270f;border-radius:12px;flex-direction:column;height:100%;display:flex;position:relative;box-shadow:0 1px 3px #0000000d,0 6px 16px -8px #00000014}.compactImg{height:88px;-webkit-mask-image:linear-gradient(to bottom, var(--color-canvas), transparent);mask-image:linear-gradient(to bottom, var(--color-canvas), transparent);background-color:#e2e8f0;background-position:50%;background-size:cover;border-radius:11px 11px 0 0;flex-shrink:0}.compactBody{flex-direction:column;flex:1;gap:4px;min-width:0;padding:4px 16px 16px;display:flex}.compactHead{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.compactTitle{font-family:var(--font-mono);color:var(--color-title);font-size:1rem;font-weight:700}.compactBadge{z-index:1;font-family:var(--font-mono);letter-spacing:.15em;color:#fff;background-color:var(--color-secondary);white-space:nowrap;border-radius:999px;padding:4px 12px;font-size:.65rem;font-weight:700;line-height:1.4;position:absolute;top:-10px;left:50%;translate:-50%}.compactPrice{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--color-title);white-space:nowrap;flex-shrink:0;font-size:1rem;font-weight:700}.compactPrice[data-accent]{color:var(--color-secondary)}.compactDesc{font-family:var(--font-sans);color:var(--color-body);font-size:.875rem;line-height:1.45}.compactDetail{font-family:var(--font-sans);color:#64748b;align-items:center;gap:6px;margin-top:2px;font-size:.8rem;font-weight:500;display:flex}
.stepper{--stepper-dot:32px;position:relative}.stepperBack{z-index:1;width:36px;height:var(--stepper-dot);color:var(--color-title);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:0;left:-8px}.stepperBack svg{transition:translate .3s cubic-bezier(.22,1,.36,1)}.stepperBack:disabled{visibility:hidden}.stepperBack:focus-visible{outline:3px solid var(--color-secondary);outline-offset:2px}@media (hover:hover){.stepperBack:hover svg{translate:-3px}}.stepperList{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.stepperItem{justify-content:center;display:flex;position:relative}.stepperItem:not(:first-child):before{content:"";top:calc(var(--stepper-dot) / 2);left:calc(-50% + var(--stepper-dot) / 2 + 12px);right:calc(50% + var(--stepper-dot) / 2 + 12px);background-color:#11182714;height:1px;transition:background-color .3s;position:absolute}.stepperItem[data-status=complete]:before,.stepperItem[data-status=current]:before{background-color:color-mix(in srgb, var(--color-primary) 35%, transparent)}.stepperBtn{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-direction:column;align-items:center;gap:10px;max-width:100%;padding:0;display:flex}.stepperBtn:disabled{cursor:default}.stepperBtn:focus-visible{outline:none}.stepperBtn:focus-visible .stepperIndex{outline:3px solid var(--color-secondary);outline-offset:3px}.stepperIndex{width:var(--stepper-dot);height:var(--stepper-dot);font-family:var(--font-mono);color:var(--color-title);background-color:#0000;border:1px solid #1118271f;border-radius:999px;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;transition:background-color .2s,border-color .2s,color .2s;display:flex}[data-status=current] .stepperIndex,[data-status=complete] .stepperIndex{color:#fff;background-color:var(--color-primary);border-color:var(--color-primary)}.stepperLabel{max-width:100%;font-family:var(--font-sans);color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;transition:color .2s;overflow:hidden}[data-status=current] .stepperLabel{color:var(--color-title)}[data-status=complete] .stepperLabel{color:var(--color-body)}@media (hover:hover){.stepperBtn:not(:disabled):hover .stepperLabel{color:var(--color-title)}}@media (max-width:600px){.stepper{--stepper-dot:28px}.stepperIndex{font-size:.8rem}.stepperLabel{font-size:.75rem}}@media (prefers-reduced-motion:reduce){.stepperBack svg,.stepperItem:before,.stepperIndex,.stepperLabel{transition:none}}