:root{--spacing-hair:.125rem;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:.75rem;--spacing-lg:1rem;--spacing-xl:1.5rem;--spacing-xxl:2rem;--spacing-huge:3rem;--inset-page:1.25rem;--page-width-max:28rem;--font-size-micro:.75rem;--font-size-caption:.8125rem;--font-size-body:.9375rem;--font-size-subtitle:1.0625rem;--font-size-title:1.75rem;--font-size-display:2.75rem;--font-size-field:1rem;--font-family-display:"Bricolage Grotesque", system-ui, sans-serif;--font-family-body:"Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-body:1.4;--line-height-display:1.05;--letter-spacing-eyebrow:.08em;--radius-sm:.375rem;--radius-md:.625rem;--radius-lg:.875rem;--radius-pill:999px;--border-width-hairline:1px;--border-width-thick:2px;--icon-size-sm:1.125rem;--icon-size-md:1.25rem;--icon-size-lg:1.5rem;--tap-min:2.75rem;--row-height-sm:2rem;--row-height-md:3rem;--row-height-lg:3.75rem;--control-size-sm:calc(var(--icon-size-md) + 2 * var(--spacing-md));--control-size-md:calc(var(--icon-size-lg) + 2 * var(--spacing-md));--control-size-lg:calc(var(--icon-size-md) + 2 * var(--spacing-lg));--card-size-md-min-width:8rem;--card-size-md-width:15rem;--card-size-md-min-height:12rem;--thumb-size-sm:3rem;--thumb-size-md:3.75rem;--thumb-size-lg:6.5rem;--swatch-size-md-min-width:5.5rem;--aspect-ratio-photo:4 / 3;--aspect-ratio-portrait:4 / 5;--aspect-ratio-figure:2 / 3;--shadow-raised:0 .25rem .75rem #1f2a4438;--tab-bar-height:4rem;--opacity-pressed:.75;--opacity-disabled:.45;--duration-fast:.16s;--easing-out:cubic-bezier(.22, 1, .36, 1);--color-bg:#eef0f4;--color-surface:#fbfcfd;--color-surface-2:#dde1e9;--color-border:#cfd4de;--color-text:#1f2a44;--color-text-muted:#5a6479;--color-accent:#c99a2e;--color-success:#2c5a63;--color-danger:#7a3418;--color-border-strong:#8a93a6;--color-border-field:var(--color-text-muted);--color-link:var(--color-success);--color-primary:var(--color-text);--color-primary-hover:#2f3d60;--color-text-on-primary:var(--color-surface);--color-accent-text:#7a5a0c;--color-accent-soft:#f4e9cc;--color-success-soft:#dce8ea;--color-danger-soft:#f3ddd2}*,:before,:after{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-text-size-adjust:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-family-body);font-size:var(--font-size-body);line-height:var(--line-height-body);padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);margin:0}:where(button,input,select,textarea){font:inherit;color:inherit}:focus-visible{outline:var(--border-width-thick) solid var(--color-text);outline-offset:var(--spacing-hair)}button:not(:disabled):active{opacity:var(--opacity-pressed)}button:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}}.button{justify-content:center;align-items:center;gap:var(--spacing-sm);min-height:var(--control-size-md);min-width:var(--tap-min);padding:var(--spacing-xs) var(--spacing-lg);border:var(--border-width-hairline) solid transparent;border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);text-align:center;cursor:pointer;transition:background-color var(--duration-fast) var(--easing-out), border-color var(--duration-fast) var(--easing-out);background:0 0;text-decoration:none;display:inline-flex}.button[data-size=S]{min-height:var(--control-size-sm);padding-inline:var(--spacing-md)}.button[data-size=L]{min-height:var(--control-size-lg);padding-inline:var(--spacing-xl);font-size:var(--font-size-subtitle)}.button[data-full-width=true]{width:100%}.button[data-variant=primary]{background:var(--color-primary);color:var(--color-text-on-primary)}.button[data-variant=secondary]{border-color:var(--color-primary)}.button[data-variant=ghost]{padding-inline:var(--spacing-sm);color:var(--color-link)}@media (hover:hover){.button[data-variant=primary]:not(:disabled):hover{background:var(--color-primary-hover)}.button[data-variant=secondary]:not(:disabled):hover,.button[data-variant=ghost]:not(:disabled):hover{background:var(--color-surface-2)}}a.button:active{opacity:var(--opacity-pressed)}.button__icon{flex:none;display:flex}.button__icon>svg{width:var(--icon-size-md);height:var(--icon-size-md)}.button[data-size=S] .button__icon>svg{width:var(--icon-size-sm);height:var(--icon-size-sm)}.screen-header{justify-content:space-between;align-items:center;gap:var(--spacing-md);min-height:var(--tap-min);margin-bottom:var(--spacing-lg);display:flex}.screen-header--detail{justify-content:flex-start;align-items:stretch;gap:var(--spacing-sm);flex-direction:column}.screen-header__row{justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.screen-header__title{min-width:0;font-family:var(--font-family-display);font-size:var(--font-size-title);font-weight:var(--font-weight-bold);line-height:var(--line-height-display);text-wrap:balance;margin:0}.screen-header__action{flex:none;align-items:center;display:flex}.screen-header__back{align-items:center;gap:var(--spacing-xs);min-height:var(--tap-min);min-width:var(--tap-min);color:var(--color-link);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);transition:color var(--duration-fast) var(--easing-out);text-decoration:none;display:inline-flex}.screen-header__back>svg{width:var(--icon-size-md);height:var(--icon-size-md)}@media (hover:hover){.screen-header__back:hover{color:var(--color-text)}}.coming-soon{gap:var(--spacing-sm);padding:var(--spacing-xl) var(--spacing-lg);border:var(--border-width-hairline) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);flex-direction:column;display:flex}.coming-soon__title{font-size:var(--font-size-subtitle);font-weight:var(--font-weight-semibold);margin:0}.coming-soon__body{color:var(--color-text-muted);margin:0}:where(.tab-bar){min-height:var(--tab-bar-height);border-top:var(--border-width-hairline) solid var(--color-border);background:var(--color-surface);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}:where(.tab-bar__button){justify-content:center;align-items:center;gap:var(--spacing-hair);min-width:0;min-height:var(--tap-min);padding:var(--spacing-xs) var(--spacing-hair);color:var(--color-text-muted);font-size:var(--font-size-micro);font-weight:var(--font-weight-regular);cursor:pointer;transition:background-color var(--duration-fast) var(--easing-out), color var(--duration-fast) var(--easing-out);background:0 0;border:0;flex-direction:column;display:flex}.tab-bar__button[data-active=true]{box-shadow:inset 0 var(--border-width-thick) 0 var(--color-primary);color:var(--color-text);font-weight:var(--font-weight-semibold)}@media (hover:hover){.tab-bar__button:not([data-active=true]):hover{background:var(--color-surface-2)}}.tab-bar__button:focus-visible{outline-offset:calc(-1 * var(--border-width-thick))}.tab-bar__icon{display:flex}.tab-bar__icon>svg{width:var(--icon-size-lg);height:var(--icon-size-lg)}.tab-bar__label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.app-shell{height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-width:var(--page-width-max);flex-direction:column;margin-inline:auto;display:flex}.app-shell__content{overscroll-behavior:contain;min-height:0;padding:var(--spacing-lg) var(--inset-page);flex:1;overflow-y:auto}.app-shell__tabs{flex:none}.full-screen-message{justify-content:center;align-items:flex-start;gap:var(--spacing-md);min-height:100dvh;padding:var(--spacing-huge) var(--inset-page);max-width:var(--page-width-max);flex-direction:column;margin-inline:auto;display:flex}.full-screen-message__title{font-family:var(--font-family-display);font-size:var(--font-size-title);font-weight:var(--font-weight-bold);line-height:var(--line-height-display);margin:0}.full-screen-message__body{color:var(--color-text-muted);margin:0}.under-construction{justify-content:center;gap:var(--spacing-md);min-height:100dvh;padding:var(--spacing-huge) var(--inset-page);max-width:var(--page-width-max);flex-direction:column;margin-inline:auto;display:flex}.under-construction__eyebrow{font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-eyebrow);text-transform:uppercase;color:var(--color-accent-text);margin:0}.under-construction__title{font-family:var(--font-family-display);font-size:var(--font-size-display);font-weight:var(--font-weight-bold);line-height:var(--line-height-display);text-wrap:balance;margin:0}.under-construction__body{font-size:var(--font-size-subtitle);color:var(--color-text-muted);margin:0}