:root{color-scheme:light dark;--ground:#f2f2f7;--surface:#ffffff;--surface-raised:#ffffff;--label:#1d1d1f;--secondary:#66666b;--separator:#e5e5ea;--fill:#e9e9eb;--tint:#0066cc;--on-tint:#ffffff;--good:#1b7a34;--good-soft:#e3f6e8;--caution:#7a5200;--caution-soft:#fdf1d3;--critical:#b3261e;--critical-soft:#fde7e6;--on-critical:#ffffff;--glass:#ffffffb8;--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}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ground:#000000;--surface:#1c1c1e;--surface-raised:#2c2c2e;--label:#ffffff;--secondary:#98989d;--separator:#38383a;--fill:#2c2c2e;--tint:#409cff;--on-tint:#000000;--good:#30d158;--good-soft:#12331c;--caution:#ffd60a;--caution-soft:#3a2f0b;--critical:#ff6961;--critical-soft:#3d1614;--on-critical:#000000;--glass:#1c1c1eb8;--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;--separator:#e5e5ea;--fill:#e9e9eb;--tint:#0066cc;--on-tint:#ffffff;--good:#1b7a34;--good-soft:#e3f6e8;--caution:#7a5200;--caution-soft:#fdf1d3;--critical:#b3261e;--critical-soft:#fde7e6;--on-critical:#ffffff;--glass:#ffffffb8;--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:#2c2c2e;--label:#ffffff;--secondary:#98989d;--separator:#38383a;--fill:#2c2c2e;--tint:#409cff;--on-tint:#000000;--good:#30d158;--good-soft:#12331c;--caution:#ffd60a;--caution-soft:#3a2f0b;--critical:#ff6961;--critical-soft:#3d1614;--on-critical:#000000;--glass:#1c1c1eb8;--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-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{outline:var(--edge) solid var(--label);outline-offset:calc(var(--edge) * -1)}
.ui-app{max-width:640px;min-height:100vh;min-height:100dvh;margin:0 auto;padding:0 var(--space-4) calc(var(--tap) + var(--space-6) + var(--space-6) + var(--space-2) + env(safe-area-inset-bottom,0px))}
.ui-title{margin:0;padding:calc(var(--space-5) + env(safe-area-inset-top,0px)) 0 var(--space-4);font-size:2rem;line-height:1.206;font-weight:700;letter-spacing:-.02em}
.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;min-width:calc(var(--tap) + var(--space-3));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}
.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-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{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-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{display:flex;align-items:flex-start;gap:var(--space-3);min-height:var(--tap);padding:var(--space-3) var(--space-4);border-top:1px solid var(--separator)}
.ui-product:first-child{border-top:0}
.ui-product-photo{flex:none;width:64px;height:80px;border-radius:var(--radius-control);object-fit:cover;background:var(--fill)}
.ui-product-body{flex:1;min-width:0}
.ui-product-name{display:block;color:var(--label);text-decoration:none;overflow-wrap:anywhere;font-size:1rem;line-height:1.294;font-weight:600}
.ui-product-meta{margin:var(--space-1) 0 0;color:var(--secondary);font-size:0.7647rem;line-height:1.385;font-weight:400}
.ui-product-side{flex:none;text-align:right}
.ui-price{display:inline-flex;flex-direction:column;align-items:flex-end;font-variant-numeric:tabular-nums}
.ui-price-now{font-size:1rem;line-height:1.294;font-weight:600}
.ui-price-was{color:var(--secondary);text-decoration:line-through;font-size:0.7647rem;line-height:1.385;font-weight:400}
.ui-tag{display:inline-block;padding:2px var(--space-2);border-radius:var(--radius-tag);background:var(--fill);color:var(--label);white-space:nowrap;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{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);font-size:0.7647rem;line-height:1.385;font-weight:400}
.ui-stats{display:flex;flex-wrap:wrap;gap:var(--space-5)}
.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;color:var(--secondary);font-size:0.7647rem;line-height:1.385;font-weight:400}
.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:opacity var(--duration-fast)}
.ui-btn:active,.ui-btn.is-pressed{opacity:.6}
.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-wide{display:flex;width:100%}
.ui-btn:disabled,.ui-btn[aria-disabled=true]{background:var(--fill);color:var(--secondary);opacity:1;cursor:default}
.ui-field{display:block}
.ui-field-label{display:block;padding:0 0 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) var(--space-3);border:1px solid var(--separator);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) 0 0;color:var(--critical);font-size:0.7647rem;line-height:1.385;font-weight:400}
.ui-field-help{margin:var(--space-2) 0 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(--secondary);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(--surface);box-shadow:var(--elevation-raised);transition:transform var(--duration)}
.ui-switch-input:checked{background:var(--good)}
.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{flex:1;display:flex;align-items:center;justify-content:center;padding:0 var(--space-2);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-vh:checked+.ui-segment{background:var(--surface-raised);font-weight:600;box-shadow:var(--elevation-raised)}
.ui-vh:disabled+.ui-segment{color:var(--secondary);cursor:default}
.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)}
.ui-sheet{max-height:calc(100vh - var(--space-6));max-height:calc(100dvh - var(--space-6));overflow-y:auto}
.ui-sheet,.ui-banner{--secondary:var(--label)}
.ui-sheet a:not(.ui-btn),.ui-banner a:not(.ui-btn){color:var(--label)}
.ui-sheet .ui-btn-plain,.ui-banner .ui-btn-plain{background:var(--fill)}
.ui-sheet .ui-field-error{color:var(--label);font-weight:600}
.ui-sheet-title{margin:0;font-size:1.2941rem;line-height:1.273;font-weight:700}
.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{position:fixed;top:calc(var(--space-2) + env(safe-area-inset-top,0px));left:var(--space-4);right:var(--space-4);max-width:608px;margin:0 auto;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-1) var(--space-1) var(--space-5);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-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-btn-capsule{border-radius:var(--radius-capsule)}
.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}
:focus-visible{outline:2px solid var(--tint);outline-offset:2px}
.ui-vh:focus-visible+.ui-segment{outline:2px solid var(--tint);outline-offset:2px}