:root{--font-size: 16px;--color-teal-800: #0f5c5c;--color-teal-900: #0a4040;--color-teal-50: #f0fafa;--background: #ffffff;--foreground: #1a1a2e;--muted: #ececf0;--muted-foreground: #717182;--border: rgba(0, 0, 0, .1);--font-weight-medium: 500;--font-weight-normal: 400;--radius: .625rem;--radius-lg: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--input-background: #f3f3f5}*,*:before,*:after{box-sizing:border-box}html{font-size:var(--font-size)}body{margin:0;min-width:320px;min-height:100vh;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:var(--font-weight-normal);line-height:1.5;background-color:#f3f4f6;color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-size:2em;font-weight:var(--font-weight-medium);line-height:1.2;padding-bottom:1.5rem;margin:0;letter-spacing:-.01em}h2{font-size:1.5rem;font-weight:var(--font-weight-medium);line-height:1.3;margin:0}label{font-size:1rem;font-weight:var(--font-weight-medium);line-height:1.5}a{font-weight:500;color:var(--color-teal-800);text-decoration:inherit}a:hover{color:var(--color-teal-900)}input,textarea,select{font-family:inherit;font-size:1rem;font-weight:var(--font-weight-normal);line-height:1.5;background-color:var(--input-background);border:2px solid var(--border);border-radius:var(--radius);padding:.6rem .75rem;width:100%;transition:border-color .2s;color:var(--foreground)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-teal-800)}button{font-family:inherit;font-size:1rem;font-weight:var(--font-weight-medium);line-height:1.5;border-radius:var(--radius-full);border:none;padding:.85rem 2rem;background-color:var(--color-teal-800);color:#fff;cursor:pointer;transition:background-color .2s}button:hover{background-color:var(--color-teal-900)}button:focus-visible{outline:3px solid var(--color-teal-800);outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed}#root{display:flex;flex-direction:column;align-items:center;padding:1rem}main{width:100%;max-width:800px;margin:0 auto;padding:1rem;overflow-wrap:break-word;word-wrap:break-word}.card{background:#fff;border-radius:var(--radius-2xl);box-shadow:0 1px 4px #00000014;padding:1.25rem 2rem}input[type=range]{width:100%;accent-color:var(--color-teal-800);cursor:pointer;height:6px;touch-action:pan-x}@media(max-width:600px){input[type=range]{height:8px}}@media(max-width:600px){h1{font-size:1.5em;padding-bottom:1rem}h2{font-size:1.2rem}#root{padding:1rem .5rem}main{padding:1rem .75rem}.card{padding:1.25rem 1rem;border-radius:var(--radius-lg)}button{padding:.75rem 1.25rem;font-size:.95rem}}.home__header{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1.5rem}.home__header-icon{width:5rem;height:5rem;background-color:var(--color-teal-800);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin-bottom:.25rem}.home__title{margin:0;font-size:2rem;font-weight:700;letter-spacing:.15em;color:var(--color-teal-800);word-break:break-word;overflow-wrap:break-word;text-align:center}@media(max-width:480px){.home__title{font-size:1.4rem;letter-spacing:.05em}}.home__subtitle{margin:0;font-size:1rem;color:var(--muted-foreground);font-weight:var(--font-weight-normal)}.home__description{text-align:center;color:var(--muted-foreground);margin:0 0 2rem;line-height:1.6}.home__nav{display:flex;flex-direction:column;gap:1rem}.home__nav-card{display:flex;align-items:center;gap:1rem;width:100%;border:2px solid transparent;border-radius:var(--radius-2xl);padding:1.25rem 1.5rem;text-align:left;cursor:pointer;transition:border-color .2s,background-color .2s;border-radius:var(--radius-2xl)!important;background-color:var(--muted);color:var(--foreground)}.home__nav-card:hover{border-color:var(--color-teal-800);background-color:var(--color-teal-50)}.home__nav-card-icon{font-size:2rem;flex-shrink:0;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:var(--radius-lg)}.home__nav-card-body{flex:1;min-width:0}.home__nav-card-title{margin:0 0 .25rem;font-size:1.1rem;font-weight:600;color:var(--foreground)}.home__nav-card-description{margin:0;font-size:.875rem;color:var(--muted-foreground);line-height:1.4;font-weight:var(--font-weight-normal)}.home__nav-card-arrow{font-size:1.25rem;color:var(--color-teal-800);flex-shrink:0;transition:transform .2s}.home__nav-card:hover .home__nav-card-arrow{transform:translate(4px)}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.feedback__header{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:1.5rem}.feedback__header-icon{width:5rem;height:5rem;background-color:var(--color-teal-800);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:2.5rem;border:none;cursor:pointer;padding:0;transition:opacity .2s ease}.feedback__header-icon:hover{opacity:.8}.feedback__back{display:inline-block;margin-bottom:1.5rem;font-size:.875rem;color:var(--color-teal-800)}.feedback__submit{width:100%;margin-top:.5rem;height:3.5rem;font-size:1.1rem}.feedback__error{color:#d4183d;font-size:.875rem;margin:0}.feedback__form{display:flex;flex-direction:column;gap:1.75rem}.feedback__field{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:.5rem}.feedback__field-error{grid-column:2;font-size:.8rem;color:#d4183d;margin:0}.feedback__select{width:100%;height:2.5rem;padding:0 .75rem;border:1px solid var(--border, #e5e7eb);border-radius:var(--radius, .5rem);background:var(--card, #fff);font-size:1rem;color:var(--foreground);cursor:pointer}.feedback__select:focus{outline:2px solid var(--color-teal-800);outline-offset:2px}.feedback__label{text-align:left}.feedback__fieldset{display:flex;flex-direction:column;gap:.5rem;border:none;padding:0;margin:0}.feedback__legend{text-align:left;display:flex;align-items:center;margin-bottom:1rem}.feedback__rating-group{display:flex;gap:.75rem}.feedback__rating-btn{flex:1;height:2.75rem;border:2px solid var(--border, #e5e7eb);border-radius:var(--radius, .5rem);background:var(--card, #fff);font-size:1rem;font-weight:600;color:var(--muted-foreground, #6b7280);cursor:pointer;transition:border-color .15s,color .15s,background .15s;line-height:1;display:flex;align-items:center;justify-content:center;padding:0}.feedback__rating-btn--active{border-color:var(--color-teal-800);background:var(--color-teal-800);color:#fff}.feedback__rating-btn:hover:not(.feedback__rating-btn--active){border-color:var(--color-teal-800);color:var(--color-teal-800)}.feedback__comments{display:flex;flex-direction:column;gap:.5rem}.feedback__comments-label{margin-bottom:.4rem}.feedback__textarea{resize:vertical}.feedback__colour-group{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}@media(max-width:480px){.feedback__colour-group{grid-template-columns:repeat(2,1fr)}}.feedback__colour-card{display:flex;flex-direction:column;align-items:center;gap:.4rem;background:var(--muted, #f4f4f5);border:2px solid transparent;border-radius:var(--radius-xl, 1rem);padding:.75rem .5rem;cursor:pointer;transition:border-color .15s,box-shadow .15s}.feedback__colour-card--active{border-color:var(--color-teal-800);box-shadow:0 0 0 2px var(--color-teal-800, #115e59)}.feedback__colour-card:hover:not(.feedback__colour-card--active){border-color:var(--color-teal-800)}.feedback__colour-img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-lg, .75rem);background:#e5e7eb}.feedback__colour-name{font-size:.8rem;font-weight:600;color:var(--foreground, #111);text-transform:capitalize}.thank-you{text-align:center}.thank-you__icon{width:5rem;height:5rem;background:var(--color-teal-800);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin:0 auto 1rem;text-decoration:none;cursor:pointer;transition:opacity .2s ease}.thank-you__icon:hover{opacity:.8}.thank-you__image{max-width:100%;margin-top:1.5rem;border-radius:var(--radius-lg);display:block;cursor:pointer;transition:opacity .2s ease}.thank-you__image:hover{opacity:.85}.wizard__header{display:flex;flex-direction:column;align-items:center;gap:.1rem;margin-bottom:.5rem}.wizard__header h1{text-align:center}.wizard__header-subtitle,.wizard__header .wizard__subtitle{text-align:center;font-size:.95rem;color:var(--color-gray-500, #6b7280);margin-top:-1.25rem}.wizard__submit-hint{width:100%;text-align:center;font-size:.85rem;color:var(--muted-foreground);margin:0 0 .5rem;font-style:italic}@media(max-width:600px){.wizard__header-icon{width:4rem;height:4rem;font-size:2rem}.wizard__subtitle{font-size:.85rem}}.size-predictor__header{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:.5rem}.size-predictor__header-icon{width:5rem;height:5rem;background-color:var(--color-teal-800);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:2.5rem}.size-predictor__back{display:inline-block;margin-bottom:1.5rem;font-size:.875rem;color:var(--color-teal-800)}.wizard__progress{display:flex;gap:.4rem;margin-bottom:1.5rem}.wizard__progress-step{flex:1;height:4px;border-radius:9999px;background:var(--muted);transition:background .3s}.wizard__progress-step--active{background:var(--color-teal-800);opacity:.5}.wizard__progress-step--done{background:var(--color-teal-800)}.wizard__step-header{margin-bottom:1.5rem;text-align:center}.wizard__step-counter{font-size:.875rem;color:var(--muted-foreground)}.wizard__step-title{font-size:1.5rem;font-weight:700;color:var(--foreground);margin:.25rem 0 0;text-align:center}.wizard__step-subtitle{display:block;font-size:.85rem;color:var(--muted-foreground);font-style:italic;margin-top:.15rem;text-align:center}.wizard__step-content{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.wizard__field{display:flex;flex-direction:column;gap:.4rem}.wizard__field label{font-weight:600;font-size:.95rem;color:var(--foreground)}.wizard__field input[type=email]{padding:.6rem .9rem;border:1.5px solid var(--border);border-radius:var(--radius-lg);font-size:1rem;width:100%;box-sizing:border-box}.wizard__field input[type=email]:focus{outline:none;border-color:var(--color-teal-800)}.wizard__slider-group{display:flex;flex-direction:column;gap:.25rem;background:var(--muted);border-radius:var(--radius-2xl);padding:.6rem 1.25rem}.wizard__slider-group label{font-weight:600;font-size:.9rem;color:var(--muted-foreground)}.wizard__slider-value{font-size:1.4rem;font-weight:700;color:var(--foreground);text-align:center}.wizard__slider-minmax{display:flex;justify-content:space-between;font-size:.75rem;color:var(--muted-foreground)}.wizard__silhouette-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.wizard__silhouette-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;background:none;border:2px solid transparent;border-radius:var(--radius-2xl);padding:.75rem .4rem;cursor:pointer;transition:border-color .2s,background .2s}.wizard__silhouette-btn span{font-size:.75rem;font-weight:500;color:var(--foreground);text-align:center}.wizard__silhouette-btn:hover{background:var(--muted)}.wizard__silhouette-btn--selected{border-color:var(--color-teal-800);background:#f0faf9}.wizard__silhouette-btn--selected span{color:var(--color-teal-800);font-weight:700}.wizard__silhouette{width:100%;height:7rem}.wizard__fit-list{display:flex;flex-direction:column;gap:.75rem}.wizard__fit-btn{display:flex;align-items:center;gap:1rem;background:#fff;border:2px solid var(--border);border-radius:var(--radius-2xl);padding:1rem 1.25rem;cursor:pointer;text-align:left;transition:border-color .2s,background .2s;width:100%}.wizard__fit-btn:hover{border-color:#9ca3af}.wizard__fit-btn--selected{border-color:var(--color-teal-800);background:#f0faf9}.wizard__fit-icon{width:3.5rem;height:3.5rem;flex-shrink:0}.wizard__fit-text{flex:1;display:flex;flex-direction:column;gap:.15rem}.wizard__fit-text strong{font-size:1rem;font-weight:700;color:var(--foreground)}.wizard__fit-text span{font-size:.85rem;color:var(--muted-foreground)}.wizard__fit-text--en{font-size:.78rem!important;color:var(--muted-foreground)!important;opacity:.7;font-style:italic}.wizard__fit-check{width:1.5rem;height:1.5rem;border-radius:50%;background:var(--color-teal-800);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;flex-shrink:0}.wizard__summary{display:flex;flex-direction:column;gap:.6rem}.wizard__summary-row{display:flex;justify-content:space-between;align-items:center;background:var(--muted);border-radius:var(--radius-xl);padding:.75rem 1rem}.wizard__summary-row span{font-size:.875rem;color:var(--muted-foreground)}.wizard__summary-row strong{font-size:.95rem;font-weight:700;color:var(--foreground)}.wizard__loading{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 0}.wizard__loading p{font-weight:600;color:var(--foreground)}.wizard__spinner{width:3rem;height:3rem;border:4px solid #b2d8d8;border-top-color:var(--color-teal-800);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.wizard__error{color:#d4183d;font-size:.875rem;margin:0}.wizard__nav{display:flex;flex-wrap:wrap;gap:.75rem}.wizard__btn{flex:1;height:3.5rem;font-size:1rem;font-weight:600;border-radius:var(--radius-full);border:none;cursor:pointer;transition:background .2s}.wizard__btn--primary{background:var(--color-teal-800);color:#fff}.wizard__btn--primary:hover:not(:disabled){background:#0a4040}.wizard__btn--primary:disabled{opacity:.6;cursor:not-allowed}.wizard__btn--secondary{background:var(--muted);color:var(--foreground)}.wizard__btn--secondary:hover:not(:disabled){background:#e2e8e8}@media(max-width:600px){.wizard__step-title{font-size:1.2rem}.wizard__silhouette-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.wizard__silhouette{height:5rem}.wizard__silhouette-btn{padding:.5rem .25rem}.wizard__silhouette-btn span{font-size:.7rem}.wizard__fit-btn{padding:.75rem .875rem;gap:.75rem}.wizard__fit-icon{width:2.75rem;height:2.75rem}.wizard__fit-text strong{font-size:.9rem}.wizard__fit-text span{font-size:.78rem}.wizard__nav{flex-direction:column-reverse;gap:.5rem}.wizard__btn{height:3rem;font-size:.95rem}.wizard__slider-group{padding:.75rem 1rem}.wizard__slider-value{font-size:1.4rem}.wizard__summary-row{padding:.6rem .75rem}}.wizard__header{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:.5rem}.wizard__header-icon{width:5rem;height:5rem;background-color:var(--color-teal-800);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:2.5rem;border:none;padding:0;cursor:pointer;transition:opacity .15s,transform .15s}.wizard__header-icon:hover{opacity:.85;transform:scale(1.07)}.wizard__back{display:inline-block;margin-bottom:1.5rem;font-size:.875rem;color:var(--color-teal-800)}.wizard__select{width:100%;padding:.5rem .75rem;border:1px solid var(--color-gray-300, #d1d5db);border-radius:var(--radius-md, .375rem);font-size:1rem;background-color:#fff;color:var(--foreground);cursor:pointer;appearance:auto}.wizard__select:focus{outline:2px solid var(--color-teal-800);outline-offset:2px}.recommendation{text-align:center}.recommendation__icon{width:5rem;height:5rem;background:var(--color-teal-800);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin:0 auto 1rem;text-decoration:none;cursor:pointer;transition:opacity .15s,transform .15s}.recommendation__icon:hover{opacity:.85;transform:scale(1.07)}.recommendation__size{font-size:5rem;font-weight:700;color:var(--color-teal-800);background:var(--muted);border-radius:var(--radius-2xl);padding:2rem;margin:1.5rem 0}.recommendation__note{margin-bottom:2rem}.recommendation__back{display:inline-block;margin-top:1.5rem;color:var(--color-teal-800);font-size:.875rem}.recommendation__colours{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:1.5rem 0 2rem}@media(max-width:640px){.recommendation__colours{grid-template-columns:repeat(2,1fr)}}.recommendation__colour-card{display:flex;flex-direction:column;align-items:center;background:var(--muted, #f4f4f5);border-radius:var(--radius-xl, 1rem);padding:1rem .75rem;gap:.5rem;transition:box-shadow .15s}.recommendation__colour-card:hover{box-shadow:0 4px 16px #0000001a}.recommendation__colour-img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-lg, .75rem);background:#e5e7eb}.recommendation__colour-name{font-size:.875rem;font-weight:600;color:var(--foreground, #111);text-transform:capitalize}.recommendation__colour-size{font-size:1.75rem;font-weight:700;color:var(--color-teal-800, #115e59);line-height:1}.lang-switcher{display:flex;align-items:center;gap:.25rem;position:fixed;top:1rem;right:1rem;z-index:100;background:var(--card, #fff);border:1.5px solid var(--border, #e5e7eb);border-radius:9999px;padding:.25rem .6rem;box-shadow:0 1px 4px #00000014}.lang-switcher__btn{background:none;border:none;cursor:pointer;font-size:.8rem;font-weight:600;color:var(--muted-foreground, #6b7280);padding:.1rem .2rem;border-radius:4px;transition:color .2s}.lang-switcher__btn--active{color:var(--color-teal-800, #0f5c5c)}.lang-switcher__btn:hover:not(.lang-switcher__btn--active){color:var(--foreground, #111)}.lang-switcher__divider{color:var(--border, #e5e7eb);font-size:.8rem;-webkit-user-select:none;user-select:none}