:root{color-scheme:light dark;--ground:#f2f2f7;--surface:#ffffff;--surface-raised:#ffffff;--label:#1d1d1f;--secondary:#66666b;--secondary-strong:#48484a;--separator:#e5e5ea;--control-edge:#818186;--fill:#e9e9eb;--tint:#0066cc;--tint-strong:#004a99;--tint-pressed:#003670;--fill-pressed:#d8d8dc;--on-tint:#ffffff;--good:#1b7a34;--switch-on:#1b7a34;--knob:#ffffff;--good-soft:#e3f6e8;--caution:#7a5200;--caution-soft:#fdf1d3;--critical:#b3261e;--critical-pressed:#8c1d18;--critical-soft:#fde7e6;--on-critical:#ffffff;--glass:#ffffffe0;--glass-edge:#ffffff99;--scrim:#00000066;--elevation-flat:none;--elevation-raised:0 1px 3px #0000001f;--elevation-floating:0 8px 32px #0000001f;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius-sheet:28px;--radius-card:20px;--radius-control:12px;--radius-segment:10px;--radius-tag:8px;--radius-capsule:999px;--duration-fast:120ms;--duration:240ms;--glass-filter:blur(20px) saturate(180%);--edge:0px;--tap:44px;--tabbar-clear:calc(var(--tap) + var(--space-6) + var(--space-6) + var(--space-2) + env(safe-area-inset-bottom,0px))}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ground:#000000;--surface:#1c1c1e;--surface-raised:#636366;--label:#ffffff;--secondary:#aeaeb2;--secondary-strong:#d1d1d6;--separator:#38383a;--control-edge:#7c7c80;--fill:#2c2c2e;--tint:#409cff;--tint-strong:#8cc4ff;--tint-pressed:#b3d7ff;--fill-pressed:#3a3a3c;--on-tint:#000000;--good:#30d158;--switch-on:#248a3d;--knob:#ffffff;--good-soft:#12331c;--caution:#ffd60a;--caution-soft:#3a2f0b;--critical:#ff6961;--critical-pressed:#ff8a84;--critical-soft:#3d1614;--on-critical:#000000;--glass:#1c1c1ee6;--glass-edge:#ffffff1f;--scrim:#00000099;--elevation-flat:none;--elevation-raised:0 1px 3px #00000066;--elevation-floating:0 8px 32px #00000066}}
[data-theme=light]{color-scheme:light;--ground:#f2f2f7;--surface:#ffffff;--surface-raised:#ffffff;--label:#1d1d1f;--secondary:#66666b;--secondary-strong:#48484a;--separator:#e5e5ea;--control-edge:#818186;--fill:#e9e9eb;--tint:#0066cc;--tint-strong:#004a99;--tint-pressed:#003670;--fill-pressed:#d8d8dc;--on-tint:#ffffff;--good:#1b7a34;--switch-on:#1b7a34;--knob:#ffffff;--good-soft:#e3f6e8;--caution:#7a5200;--caution-soft:#fdf1d3;--critical:#b3261e;--critical-pressed:#8c1d18;--critical-soft:#fde7e6;--on-critical:#ffffff;--glass:#ffffffe0;--glass-edge:#ffffff99;--scrim:#00000066;--elevation-flat:none;--elevation-raised:0 1px 3px #0000001f;--elevation-floating:0 8px 32px #0000001f}
[data-theme=dark]{color-scheme:dark;--ground:#000000;--surface:#1c1c1e;--surface-raised:#636366;--label:#ffffff;--secondary:#aeaeb2;--secondary-strong:#d1d1d6;--separator:#38383a;--control-edge:#7c7c80;--fill:#2c2c2e;--tint:#409cff;--tint-strong:#8cc4ff;--tint-pressed:#b3d7ff;--fill-pressed:#3a3a3c;--on-tint:#000000;--good:#30d158;--switch-on:#248a3d;--knob:#ffffff;--good-soft:#12331c;--caution:#ffd60a;--caution-soft:#3a2f0b;--critical:#ff6961;--critical-pressed:#ff8a84;--critical-soft:#3d1614;--on-critical:#000000;--glass:#1c1c1ee6;--glass-edge:#ffffff1f;--scrim:#00000099;--elevation-flat:none;--elevation-raised:0 1px 3px #00000066;--elevation-floating:0 8px 32px #00000066}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){:root,[data-theme]{--glass-bg:var(--surface);--glass-line:var(--separator);--glass-filter:none}}
@media (prefers-reduced-transparency:reduce){:root,[data-theme]{--glass-bg:var(--surface);--glass-line:var(--separator);--glass-filter:none}}
[data-a11y~=solid]{--glass-bg:var(--surface);--glass-line:var(--separator);--glass-filter:none}
@media (prefers-contrast:more){:root,[data-theme]{--edge:1px}}
[data-a11y~=contrast]{--edge:1px}
@media (prefers-contrast:more){:root:not([data-theme=light]),:root,[data-theme]{--secondary:var(--secondary-strong);--tint:var(--tint-strong)}}
[data-a11y~=contrast][data-a11y]{--secondary:var(--secondary-strong);--tint:var(--tint-strong)}
@media (prefers-reduced-motion:reduce){:root,[data-theme]{--duration-fast:0ms;--duration:0ms}}
[data-a11y~=still]{--duration-fast:0ms;--duration:0ms}
html{font-size:106.25%;font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text','Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;-webkit-text-size-adjust:100%;text-size-adjust:100%}
@supports (font:-apple-system-body) and (-webkit-touch-callout:none){html{font:-apple-system-body;font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text','Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif}}
body{margin:0;background:var(--ground);color:var(--label);font-size:1rem;line-height:1.294;font-weight:400}
[data-theme]{background:var(--ground);color:var(--label)}
*,*::before,*::after{box-sizing:border-box}
a{color:var(--tint)}
.ui-vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.ui-tabbar,.ui-group,.ui-card,.ui-btn,.ui-input,.ui-segmented,.ui-switch-input,.ui-sheet,.ui-banner,.ui-tag,.ui-bar,.ui-disclosure-summary{outline:var(--edge) solid var(--label);outline-offset:calc(var(--edge) * -1)}
html{scroll-padding-bottom:var(--tabbar-clear)}
.ui-app{max-width:640px;min-height:100dvh;margin:0 auto;padding:0 var(--space-4) var(--tabbar-clear)}
.ui-app-tabs::after{content:"";position:fixed;inset:auto 0 0;height:var(--tabbar-clear);background:linear-gradient(transparent,var(--ground));pointer-events:none}
.ui-title{margin:0 0 var(--space-4);padding:calc(var(--space-5) + env(safe-area-inset-top,0px)) 0 0;font-size:2rem;line-height:1.206;font-weight:700;letter-spacing:-.02em;overflow-wrap:anywhere}
.ui-back{display:inline-flex;align-items:center;gap:var(--space-1);min-height:var(--tap);margin:calc(var(--space-2) + env(safe-area-inset-top,0px)) 0 0;color:var(--tint);text-decoration:none}
.ui-back::before{content:"\2039";font-size:1.2941rem;line-height:1.273;font-weight:700;line-height:1}
.ui-back+.ui-title{padding-top:0}
.ui-tabbar{position:fixed;left:50%;bottom:calc(var(--space-3) + env(safe-area-inset-bottom,0px));transform:translateX(-50%);display:flex;gap:var(--space-1);max-width:calc(100% - var(--space-4) - var(--space-4));padding:var(--space-1);border-radius:var(--radius-capsule);background:var(--glass-bg,var(--glass));-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);border:1px solid var(--glass-line,var(--glass-edge));box-shadow:var(--elevation-floating)}
.ui-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:0 1 calc(var(--tap) + var(--space-3));min-width:var(--tap);min-height:calc(var(--tap) + var(--space-2));padding:var(--space-1) var(--space-2);border-radius:var(--radius-capsule);color:var(--label);text-decoration:none;white-space:nowrap;transition:background var(--duration)}
.ui-tab-label{font-size:0.7059rem;line-height:1.333;font-weight:600;font-size:min(0.7059rem,14px)}
.ui-icon{flex:none;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ui-tab[aria-current=page]{background:var(--fill);color:var(--tint)}
.ui-tab[aria-current=page] .ui-icon-filled{fill:currentColor;fill-rule:evenodd;stroke-width:0}
.ui-stack{display:flex;flex-direction:column;gap:var(--space-5)}
.ui-stack-tight{display:flex;flex-direction:column;gap:var(--space-2)}
.ui-group-title{margin:0;padding:0 var(--space-4) var(--space-2);color:var(--secondary);font-size:0.7647rem;line-height:1.385;font-weight:400;text-transform:uppercase;letter-spacing:.02em}
.ui-group{margin:0;padding:0;list-style:none;overflow:hidden;border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--elevation-flat)}
.ui-group-note{margin:0;padding:var(--space-2) var(--space-4) 0;color:var(--secondary);font-size:0.7647rem;line-height:1.385;font-weight:400}
.ui-row{display:flex;align-items:center;gap:var(--space-3);min-height:var(--tap);padding:var(--space-3) var(--space-4);border-top:1px solid var(--separator);color:var(--label);text-decoration:none}
.ui-row:first-child,.ui-product:first-child>.ui-product-body,.ui-row-form:first-child{border-top:0}
.ui-row-label{flex:1 1 40%;min-width:40%;overflow-wrap:anywhere}
.ui-row-value{flex:0 1 auto;min-width:0;color:var(--secondary);text-align:right;overflow-wrap:anywhere}
.ui-row-sub{display:block;color:var(--secondary);font-size:0.7647rem;line-height:1.385;font-weight:400}
.ui-row-link::after{content:"\203A";color:var(--secondary);font-size:1.2941rem;line-height:1.273;font-weight:700;line-height:1}
.ui-card{padding:var(--space-4);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--elevation-flat)}
.ui-product{position:relative;padding-left:calc(var(--space-4) + 56px + var(--space-3));container-type:inline-size}
.ui-product-photo{position:absolute;top:var(--space-3);left:var(--space-4);width:56px;height:70px;border-radius:var(--radius-control);overflow:hidden;object-fit:cover;background:var(--fill)}
.ui-product-photo::before{content:"";position:absolute;inset:-3px;background:var(--fill)}
.ui-product-body{min-height:calc(70px + var(--space-3) * 2);padding:var(--space-3) var(--space-4) var(--space-3) 0;border-top:1px solid var(--separator)}
.ui-product-name{display:block;margin:calc(var(--space-3) * -1) 0;padding:var(--space-3) 0;color:var(--label);text-decoration:none;overflow-wrap:anywhere;font-size:1rem;line-height:1.294;font-weight:600}
.ui-product-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 var(--space-2);margin:var(--space-1) 0 0;color:var(--secondary);font-variant-numeric:tabular-nums;font-size:0.7647rem;line-height:1.385;font-weight:400}
.ui-product-more{margin:-13px 0;padding:13px 0;text-decoration:none}
.ui-product-action{margin-left:auto}
.ui-product-action .ui-btn{margin:-5px calc(var(--space-3) * -1)}
.ui-product[id],.ui-banner[id]{scroll-margin-top:calc(var(--space-4) + env(safe-area-inset-top,0px))}
.ui-price-now{color:var(--label);font-size:1rem;line-height:1.294;font-weight:600}
.ui-good{color:var(--good);font-weight:600}
.ui-caution{color:var(--caution)}
.ui-tag{display:inline-block;margin:2px 0;padding:2px var(--space-2);border-radius:var(--radius-tag);background:var(--fill);color:var(--label);font-size:0.7059rem;line-height:1.333;font-weight:600}
.ui-tag-good{background:var(--good-soft);color:var(--good)}
.ui-tag-caution{background:var(--caution-soft);color:var(--caution)}
.ui-tag-critical{background:var(--critical-soft);color:var(--critical)}
.ui-stat{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}
.ui-stat-value{font-size:2rem;line-height:1.206;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.ui-stat-label{color:var(--secondary);overflow-wrap:anywhere;font-size:0.7647rem;line-height:1.385;font-weight:400}
.ui-stats{display:flex;flex-wrap:wrap;gap:var(--space-5)}
.ui-stat-link{min-width:var(--tap);min-height:var(--tap);color:var(--label);text-decoration:none}
.ui-stat-link .ui-stat-label{color:var(--tint)}
.ui-stat-link .ui-stat-label::after{content:"\A0\203A"}
.ui-disclosure-summary{display:flex;align-items:center;gap:var(--space-3);min-height:var(--tap);padding:var(--space-3) var(--space-4);border-radius:var(--radius-card);background:var(--surface);cursor:pointer;list-style:none}
.ui-disclosure-summary::-webkit-details-marker{display:none}
.ui-disclosure-summary::after{content:"\203A";color:var(--secondary);font-size:1.2941rem;line-height:1.273;font-weight:700;line-height:1;transform:rotate(90deg);transition:transform var(--duration)}
.ui-disclosure[open] .ui-disclosure-summary::after{transform:rotate(-90deg)}
.ui-disclosure-label{font-weight:600}
.ui-disclosure-value{flex:1;min-width:0;color:var(--secondary);text-align:right;overflow-wrap:anywhere}
.ui-title,.ui-disclosure-value,.ui-product-title,.ui-product-detail{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lines,2);overflow:hidden}
@container (max-width:12.5rem){.ui-product-body{--lines:none}}
.ui-title{-webkit-line-clamp:3}
.ui-disclosure-body{padding-top:var(--space-4)}
.ui-bar{display:block;width:100%;height:var(--space-2);border:0;border-radius:var(--radius-capsule);overflow:hidden;background:var(--fill);color:var(--tint);-webkit-appearance:none;appearance:none}
.ui-bar::-webkit-progress-bar{background:var(--fill)}
.ui-bar::-webkit-progress-value{border-radius:var(--radius-capsule);background:var(--tint)}
.ui-bar::-moz-progress-bar{border-radius:var(--radius-capsule);background:var(--tint)}
.ui-text{margin:0}
.ui-footnote{margin:0;padding:0 var(--space-4);color:var(--secondary);font-size:0.7647rem;line-height:1.385;font-weight:400}
.ui-card .ui-footnote{padding:0}
.ui-card>.ui-text+.ui-footnote{margin-top:var(--space-2)}
.ui-fieldset{min-width:0;margin:0;padding:0;border:0}
.ui-btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--tap);padding:0 var(--space-5);border:0;border-radius:var(--radius-control);background:var(--tint);color:var(--on-tint);font-family:inherit;font-size:1rem;line-height:1.294;font-weight:600;text-decoration:none;cursor:pointer;transition:background var(--duration-fast)}
.ui-btn:active,.ui-btn.is-pressed{background:var(--tint-pressed)}
.ui-btn-gray{background:var(--fill);color:var(--tint)}
.ui-btn-plain{background:transparent;color:var(--tint)}
.ui-btn-danger{background:var(--critical);color:var(--on-critical)}
.ui-btn-gray:active,.ui-btn-gray.is-pressed,.ui-btn-plain:active,.ui-btn-plain.is-pressed{background:var(--fill-pressed);color:var(--tint-pressed)}
.ui-btn-danger:active,.ui-btn-danger.is-pressed{background:var(--critical-pressed)}
.ui-btn-danger-plain{background:transparent;color:var(--critical)}
.ui-btn-danger-plain:active,.ui-btn-danger-plain.is-pressed{background:var(--critical-soft)}
.ui-btn-wide{display:flex;width:100%}
.ui-btn-small{position:relative;min-height:calc(var(--tap) - var(--space-3));padding:0 var(--space-3);border-radius:var(--radius-capsule);font-size:0.8824rem;line-height:1.333;font-weight:400;font-weight:600}
.ui-btn-small::before{content:"";position:absolute;inset:calc(var(--space-3) / -2) 0}
.ui-btn:disabled,.ui-btn[aria-disabled=true]{background:var(--fill);color:var(--secondary);cursor:default}
.ui-row-form{margin:0;border-top:1px solid var(--separator)}
.ui-row-btn{display:flex;align-items:center;width:100%;min-height:var(--tap);padding:var(--space-3) var(--space-4);border:0;background:transparent;color:var(--tint);font-family:inherit;font-size:1rem;line-height:1.294;font-weight:400;text-align:left;cursor:pointer;transition:background var(--duration-fast)}
.ui-row-btn:active,.ui-row-btn.is-pressed{background:var(--fill-pressed);color:var(--tint-pressed)}
.ui-field{display:block}
.ui-field-label{display:block;margin:0;padding:0 var(--space-4) var(--space-2);color:var(--secondary);font-size:0.7647rem;line-height:1.385;font-weight:400}
.ui-input{display:block;width:100%;min-height:var(--tap);padding:var(--space-2) calc(var(--space-4) - 1px);border:1px solid var(--control-edge);border-radius:var(--radius-control);background:var(--surface);color:var(--label);font-family:inherit;font-size:1rem;line-height:1.294;font-weight:400}
.ui-input::placeholder{color:var(--secondary);opacity:1}
.ui-input:disabled{background:var(--fill);color:var(--secondary)}
.ui-field.is-error .ui-input{border-color:var(--critical)}
.ui-field-error{margin:var(--space-2) var(--space-4) 0;color:var(--critical);font-size:0.7647rem;line-height:1.385;font-weight:400}
.ui-field-help{margin:var(--space-2) var(--space-4) 0;color:var(--secondary);font-size:0.7647rem;line-height:1.385;font-weight:400}
.ui-switch{flex:1;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:var(--tap)}
.ui-switch-input{flex:none;position:relative;width:51px;height:31px;margin:0;border-radius:var(--radius-capsule);background:var(--control-edge);cursor:pointer;-webkit-appearance:none;appearance:none;transition:background var(--duration)}
.ui-switch-input::after{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:var(--radius-capsule);background:var(--knob);box-shadow:var(--elevation-raised);transition:transform var(--duration)}
.ui-switch-input:checked{background:var(--switch-on)}
.ui-switch-input:checked::after{transform:translateX(20px)}
.ui-switch-input:disabled{opacity:.4;cursor:default}
.ui-segmented{display:flex;min-height:var(--tap);margin:0;padding:2px;border:0;border-radius:var(--radius-control);background:var(--fill)}
.ui-segment{position:relative;flex:1;display:flex;align-items:center;justify-content:center;padding:0 var(--space-2);border:1px solid transparent;border-radius:var(--radius-segment);color:var(--label);text-align:center;cursor:pointer;font-size:0.8824rem;line-height:1.333;font-weight:400;transition:background var(--duration)}
.ui-segment::before{content:"";position:absolute;inset:-3px 0}
.ui-vh:checked+.ui-segment{border-color:var(--control-edge);background:var(--surface-raised);font-weight:600;box-shadow:var(--elevation-raised)}
.ui-vh:disabled+.ui-segment{color:var(--secondary);cursor:default}
.ui-vh:checked:disabled+.ui-segment{color:var(--label)}
.ui-scrim{position:fixed;inset:0;background:var(--scrim)}
.ui-sheet{position:fixed;left:0;right:0;bottom:0;max-width:640px;margin:0 auto;padding:var(--space-5) var(--space-4) calc(var(--space-5) + env(safe-area-inset-bottom,0px));border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;background:var(--glass-bg,var(--glass));-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);border:1px solid var(--glass-line,var(--glass-edge));box-shadow:var(--elevation-floating);max-height:calc(100vh - var(--space-6));max-height:calc(100dvh - var(--space-6));overflow-y:auto}
.ui-sheet{--secondary:var(--label)}
.ui-sheet a:not(.ui-btn){color:var(--label)}
.ui-sheet .ui-btn-plain{background:var(--fill)}
.ui-sheet .ui-field-error{color:var(--label);font-weight:600}
.ui-sheet-title,.ui-sheet-text{margin:var(--space-2) 0 0}
.ui-sheet-actions{display:flex;flex-direction:column;gap:var(--space-2);margin:var(--space-5) 0 0}
.ui-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);border-radius:var(--radius-card);background:var(--surface)}
.ui-banner-text{flex:1;min-width:0;margin:0;padding:var(--space-2) 0;font-size:0.8824rem;line-height:1.333;font-weight:400}
.ui-banner-action{margin:0}
.ui-error-summary{margin:0;padding:0 var(--space-4);color:var(--critical);font-size:0.8824rem;line-height:1.333;font-weight:400;font-weight:600}
.ui-empty{padding:var(--space-6) var(--space-5);text-align:center}
.ui-empty-title{margin:0;font-size:1.2941rem;line-height:1.273;font-weight:700}
.ui-empty-text{margin:var(--space-2) 0 var(--space-5);color:var(--secondary)}
.ui-preview{max-width:1100px;margin:0 auto;padding:var(--space-5) var(--space-4)}
.ui-preview-name{margin:var(--space-6) 0 var(--space-1);font-size:1.2941rem;line-height:1.273;font-weight:700}
.ui-preview-note{margin:0 0 var(--space-3);color:var(--secondary);font-size:0.7647rem;line-height:1.385;font-weight:400}
.ui-preview-pair{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-3)}
.ui-preview-panel{position:relative;min-width:0;padding:var(--space-4);border-radius:var(--radius-card);border:1px solid var(--separator);overflow:hidden;transform:translateZ(0)}
.ui-preview-tall{min-height:360px}
.ui-preview-busy{position:absolute;inset:0;z-index:-1;margin:0;padding:var(--space-4);overflow:hidden;font-size:1.2941rem;line-height:1.273;font-weight:700}
@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}}
::view-transition-group(root){animation-duration:var(--duration-fast)}
:focus-visible{outline:2px solid var(--tint);outline-offset:2px}
.ui-row:focus-visible,.ui-row-btn:focus-visible{outline-offset:-2px}
.ui-product-name:focus-visible{margin:0;padding:0}
.ui-vh:focus-visible+.ui-segment{outline:2px solid var(--tint);outline-offset:2px}