@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400;1,600&family=Jost:wght@200;300;400;500&display=swap";/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}:root{--color-bg-deep:#2a241c;--color-bg-mid:#3a3228;--color-bg-surface:#4d4438;--color-gold:#c9a96e;--color-gold-light:#e2c99a;--color-cream:#f5efe6;--color-cream-soft:#ede4d7;--color-text-light:#d4c9b8;--color-text-muted:#8a7d6e;--color-border:#c9a96e2e;--color-border-hover:#c9a96e66;--color-surface-hover:#c9a96e0f;--color-error:#e08080;--color-error-bg:#b4323214;--color-error-border:#b432324d;--color-success:#80c89a;--color-success-bg:#32965014;--color-success-border:#3296504d;--color-bg-overlay:#2a241cf7;--color-bg-inset:#0003;--color-bg-track:#ffffff12;--color-gold-wash:#c9a96e0a;--color-bg-popover:#1a1410e6;--color-bg-field-dark:#2a241c80;--color-svg-body-stroke:#f5f0e640;--color-svg-body-fill:#f5f0e60f;--color-svg-text:#f5f0e64d;--color-svg-garment-stroke:#d9a76780;--color-fit-none-bg:#d9a76726;--color-fit-comfortable-bg:#4ade802e;--color-fit-snug-bg:#d9a76738;--color-fit-tight-bg:#ef444438;--color-fit-comfortable:#4ade80;--color-fit-snug:#d9a767;--color-fit-tight:#ef4444;--font-display:"Cormorant Garamond",Georgia,serif;--font-body:"Jost",sans-serif;--space-xs:.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2.5rem;--space-xl:4rem;--radius-none:0px;--radius-sm:2px;--radius-md:4px;--transition:.2s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--color-bg-deep);color:var(--color-cream);font-family:var(--font-body);min-height:100vh;font-size:16px;font-weight:300;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5{font-family:var(--font-display);color:var(--color-cream);font-weight:300;line-height:1.1}h1{font-size:clamp(2.5rem,6vw,5rem)}h2{font-size:clamp(1.8rem,4vw,3rem)}h3{font-size:clamp(1.3rem,3vw,2rem)}h4{font-size:1.1rem;font-weight:400}p{font-family:var(--font-body);color:var(--color-text-light);font-weight:300;line-height:1.75}em,i{color:var(--color-gold);font-style:italic}a{color:var(--color-gold);transition:color var(--transition);text-decoration:none}a:hover{color:var(--color-gold-light)}.eyebrow{font-family:var(--font-body);letter-spacing:.3em;text-transform:uppercase;color:var(--color-gold);margin-bottom:.75rem;font-size:.68rem;font-weight:300;display:block}.divider{background:var(--color-gold);opacity:.4;width:40px;height:1px;margin:1.5rem auto}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--color-bg-deep)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.nav{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border);background:#2a241cf2;justify-content:space-between;align-items:center;padding:1.2rem 2.5rem;display:flex;position:sticky;top:0}.nav-logo{font-family:var(--font-body);letter-spacing:.3em;color:var(--color-gold);text-transform:uppercase;font-size:.85rem;font-weight:200}.nav-links{align-items:center;gap:2rem;list-style:none;display:flex}.nav-links a{letter-spacing:.1em;color:var(--color-text-light);text-transform:uppercase;transition:color var(--transition);font-size:.75rem;font-weight:300}.nav-links a:hover,.nav-links a.active{color:var(--color-gold)}.nav-user{color:var(--color-text-muted);letter-spacing:.05em;font-size:.72rem}.nav-coming-soon-tag{font-family:var(--font-body);letter-spacing:.15em;text-transform:uppercase;color:var(--color-bg-deep);background:var(--color-gold);white-space:nowrap;vertical-align:middle;opacity:.7;border-radius:20px;padding:.15rem .45rem;font-size:.55rem;font-weight:500;line-height:1}.btn-primary{background:var(--color-gold);color:var(--color-bg-deep);font-family:var(--font-body);letter-spacing:.2em;text-transform:uppercase;border-radius:var(--radius-none);cursor:pointer;transition:background var(--transition);text-align:center;border:none;padding:.85rem 2rem;font-size:.75rem;font-weight:500;display:inline-block}.btn-primary:hover{background:var(--color-gold-light)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{color:var(--color-gold);font-family:var(--font-body);letter-spacing:.2em;text-transform:uppercase;border:1px solid var(--color-border);border-radius:var(--radius-none);cursor:pointer;transition:all var(--transition);background:0 0;padding:.85rem 2rem;font-size:.75rem;font-weight:400}.btn-secondary:hover{border-color:var(--color-border-hover);background:var(--color-surface-hover)}.btn-danger{color:#c96464cc;font-family:var(--font-body);letter-spacing:.1em;border-radius:var(--radius-none);cursor:pointer;transition:all var(--transition);background:0 0;border:1px solid #c9646440;padding:.6rem 1.2rem;font-size:.72rem;font-weight:300}.btn-danger:hover{background:#c9646414;border-color:#c9646480}.btn-link{color:var(--color-gold);font-family:var(--font-body);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:0;font-size:.8rem;font-weight:300;text-decoration:underline}.form-body{width:100%;max-width:460px;margin-left:auto;margin-right:auto}.form-body-narrow{width:100%;max-width:360px;margin-left:auto;margin-right:auto}.form-group{flex-direction:column;gap:.4rem;margin-bottom:1.2rem;display:flex}.form-label{font-family:var(--font-body);letter-spacing:.22em;text-transform:uppercase;color:var(--color-gold);font-size:.68rem;font-weight:400}.form-input,.form-select,.form-textarea{border:1px solid var(--color-border);color:var(--color-cream);font-family:var(--font-body);border-radius:var(--radius-none);transition:border-color var(--transition);-webkit-appearance:none;background:#ffffff0a;outline:none;width:100%;padding:.75rem 1rem;font-size:.9rem;font-weight:300}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-gold)}.form-input::-moz-placeholder,.form-textarea::-moz-placeholder{color:var(--color-text-muted)}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-muted)}.form-hint{color:var(--color-text-muted);font-size:.78rem;line-height:1.6}.page-container{max-width:960px;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}.unit-toggle{border:1px solid var(--color-border);display:inline-flex}.unit-toggle button{color:var(--color-text-muted);font-family:var(--font-body);letter-spacing:.1em;cursor:pointer;transition:all var(--transition);background:0 0;border:none;padding:.4rem 1rem;font-size:.72rem}.unit-toggle button.active{background:var(--color-gold);color:var(--color-bg-deep)}.category-tabs{flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;display:flex}.category-tab{border:1px solid var(--color-border);color:var(--color-text-muted);font-family:var(--font-body);letter-spacing:.1em;cursor:pointer;transition:all var(--transition);background:0 0;border-radius:20px;padding:.4rem 1rem;font-size:.72rem}.category-tab:hover{border-color:var(--color-border-hover);color:var(--color-cream)}.category-tab.active{border-color:var(--color-gold);color:var(--color-gold);background:#c9a96e26}.card{border:1px solid var(--color-border);border-radius:var(--radius-none);transition:border-color var(--transition),background var(--transition);background:#ffffff08;padding:2rem}.card:hover{border-color:var(--color-border-hover);background:var(--color-surface-hover)}.card.active{background:#c9a96e0f;border-color:#c9a96e66}.info-box{border:1px solid var(--color-border);border-radius:var(--radius-none);background:#c9a96e0f;padding:1.2rem 1.5rem}.info-box p{font-size:.85rem;line-height:1.7}.section{max-width:900px;margin:0 auto;padding:4rem 2rem}.section-title{font-family:var(--font-display);color:var(--color-cream);margin-bottom:.5rem;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:300}.section-subtitle{color:var(--color-text-muted);margin-bottom:2rem;font-size:.85rem}.terms-copy{color:var(--color-text-light)!important}.unit-toggle{width:100%;display:flex}.unit-toggle button{text-align:center;flex:1 1 0;min-width:0;padding:.65rem .75rem}.onboarding-card{padding:clamp(1.25rem,4vw,2rem)}.onboarding-page{width:100%;max-width:640px;margin:0 auto;padding:40px 20px 56px}.onboarding-heading{margin-bottom:28px}.onboarding-stepper{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 28px;display:grid}.onboarding-stepper>div{min-width:0;display:block}.onboarding-stepper>div>div:first-child{flex-direction:column;align-items:center;gap:8px;display:flex}.onboarding-stepper>div>div:first-child>div{border:1px solid;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.onboarding-stepper span{font-size:12px;line-height:1.4}.onboarding-stepper>div>div:nth-child(2){display:none}.onboarding-card>div{gap:24px;display:grid}.onboarding-card h2{margin-bottom:12px}.onboarding-card .form-body{gap:18px;display:grid}.onboarding-card .form-group{margin-bottom:0}.onboarding-actions{gap:.85rem;margin-top:1.5rem;display:grid}.onboarding-back{min-height:2.75rem}.profile-form{gap:1.25rem;display:grid}.tracker-label{margin-bottom:.6rem;line-height:1.5;display:block}.brand-field{position:relative}.brand-suggestions{z-index:30;border:1px solid var(--color-border);background:#241e17;max-height:13rem;position:absolute;top:calc(100% + 3px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 24px #00000059}.brand-suggestion{width:100%;color:var(--color-cream);text-align:left;cursor:pointer;background:0 0;border:0;padding:.65rem .85rem;display:block}.brand-suggestion:hover,.brand-suggestion:focus-visible{background:var(--color-surface-hover);outline:1px solid var(--color-gold)}.brand-warning{border:1px solid var(--color-border);color:var(--color-text-light);margin-top:.5rem;padding:.65rem .75rem;font-size:.78rem}@media(max-width:640px){.onboarding-card{padding:1.25rem}.profile-form{gap:1rem}.brand-suggestions{max-height:10rem}}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.z-50{z-index:50}.mx-auto{margin-inline:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-px{height:1px}.min-h-\[80vh\]{min-height:80vh}.min-h-screen{min-height:100vh}.w-full{width:100%}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-\[10px\]{font-size:10px}.tracking-\[0\.1em\]{--tw-tracking:.1em;letter-spacing:.1em}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.italic{font-style:italic}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-200{--tw-duration:.2s;transition-duration:.2s}@media(hover:hover){.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}}#root{min-height:100vh}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(at 100% 0,#c9a96e0f,#0000 50%),radial-gradient(at 0 100%,#3a32280f,#0000 50%);position:fixed;inset:0}::-moz-selection{color:var(--color-cream);background:#c9a96e40}::selection{color:var(--color-cream);background:#c9a96e40}.text-gradient{background:linear-gradient(135deg,var(--color-gold)0%,var(--color-gold-light)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.ambient-glow{position:relative}.ambient-glow:after{content:"";pointer-events:none;z-index:-1;background:radial-gradient(#c9a96e12,#0000 70%);width:60%;height:100%;position:absolute;top:-50%;right:-20%}.shadow-warm{box-shadow:0 24px 60px -20px #00000080}.shadow-warm-sm{box-shadow:0 12px 24px -12px #0006}.glass-warm{-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);background:#2a241cd9}.card-luxe{border:1px solid var(--color-border);background:linear-gradient(#3c342cf2,#2a241ce6);box-shadow:inset 0 1px #f5efe60a,0 24px 60px -20px #00000080}.indicator-dot--changed{background:var(--color-gold)}.indicator-dot--unchanged{background:var(--color-text-muted)}.dr-input{background:var(--color-bg-field-dark);border:1px solid var(--color-border);width:100%;color:var(--color-cream);font-family:var(--font-body);padding:.5rem .75rem;font-size:.875rem;transition:border-color .2s}.dr-input::-moz-placeholder{color:var(--color-text-muted)}.dr-input::placeholder{color:var(--color-text-muted)}.dr-input:focus{border-color:var(--color-border-hover);box-shadow:none;outline:none}.dr-svg{max-width:100%}.dr-callout-box{color:var(--color-gold);background:var(--color-bg-popover);border:1px solid var(--color-border);border-radius:6px;padding:4px 6px;font-size:9px;line-height:1.4}.dr-callout--comfortable{color:var(--color-fit-comfortable);border-color:var(--color-fit-comfortable-bg)}.dr-callout--snug{color:var(--color-fit-snug);border-color:var(--color-border)}.dr-callout--tight{color:var(--color-fit-tight);border-color:var(--color-fit-tight-bg)}.dr-callout-label{margin-bottom:1px;font-weight:600}.dr-callout-detail{opacity:.7}.fit-swatch-comfortable{background:var(--color-fit-comfortable-bg)}.fit-swatch-snug{background:var(--color-fit-snug-bg)}.fit-swatch-tight{background:var(--color-fit-tight-bg)}.confidence-bar{width:var(--confidence,0%)}.nav-mobile-wrap{flex-wrap:wrap}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}