:root{--color-bg:#131313;--color-surface:#0e0e0e;--color-primary:#fff;--color-outline:#919191;--color-outline-variant:#474747;--font-heading:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius:0px;--transition-fast:.15s ease;--transition-normal:.25s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--color-bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background-color:var(--color-bg);color:var(--color-primary);font-family:var(--font-body);font-size:var(--text-base);text-transform:lowercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-style:italic;font-weight:700;line-height:1.1}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}p{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-outline);line-height:1.6}label,button,.label{font-family:var(--font-heading)}button{cursor:pointer;font-size:inherit;color:inherit;border-radius:var(--radius);background:0 0;border:none}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.screen{background-color:var(--color-bg);flex-direction:column;width:100%;min-height:100vh;display:none}.screen--active{display:flex}.quiz-container{width:100%;height:100%;padding-left:var(--space-4);padding-right:var(--space-4);padding-top:var(--space-5);padding-bottom:var(--space-5);flex-direction:column;display:flex}@media (width>=768px){.quiz-container{max-width:600px;padding-left:var(--space-6);padding-right:var(--space-6);margin-left:auto;margin-right:auto}}@media (width>=1280px){.quiz-container{max-width:720px}}.text-heading{font-family:var(--font-heading)}.text-body{font-family:var(--font-body)}.text-muted{color:var(--color-outline)}.text-subtle{color:var(--color-outline-variant)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mt-7{margin-top:var(--space-7)}.mt-8{margin-top:var(--space-8)}.surface{background-color:var(--color-surface)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}input{text-transform:none}.btn-primary{width:100%;padding:var(--space-4) var(--space-5);background-color:var(--color-primary);color:var(--color-bg);font-family:var(--font-heading);font-size:var(--text-base);letter-spacing:.05em;text-align:center;cursor:pointer;transition:opacity var(--transition-fast);font-weight:600;display:block}.btn-primary:hover{opacity:.88}.btn-primary:disabled{opacity:.35;cursor:not-allowed}.btn-back{align-items:center;gap:var(--space-2);padding:var(--space-2) 0;color:var(--color-outline);font-family:var(--font-heading);font-size:var(--text-sm);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;display:inline-flex}.btn-back:hover{color:var(--color-primary)}.screen-header{gap:var(--space-4);margin-bottom:var(--space-6);flex-direction:column;display:flex}.splash-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.splash-logo{width:240px;margin-bottom:var(--space-5);mix-blend-mode:lighten}.splash-content h1{font-size:var(--text-4xl);margin-bottom:var(--space-3)}.splash-content p{margin-bottom:var(--space-7)}.pick-header{margin-bottom:var(--space-6)}.pick-header h2{font-size:var(--text-2xl);margin-bottom:var(--space-2)}.pick-grid{gap:var(--space-3);margin-bottom:var(--space-4);flex:1;grid-template-columns:1fr 1fr;display:grid}.type-grid{gap:var(--space-3);margin-bottom:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}.pick-card{gap:var(--space-2);cursor:pointer;text-align:left;transition:opacity var(--transition-fast);background:0 0;border:none;flex-direction:column;min-height:0;padding:0;display:flex;overflow:hidden}.pick-card:hover{opacity:.8}.pick-image{object-fit:cover;object-position:top;width:100%;min-height:0;transition:outline var(--transition-fast);outline:2px solid #0000;flex:1;display:block}.pick-card--selected .pick-image{outline:2px solid var(--color-primary)}.pick-card .label{font-family:var(--font-heading);font-size:var(--text-sm);color:var(--color-outline);transition:color var(--transition-fast);font-weight:500}.pick-card--selected .label{color:var(--color-primary)}.type-grid .type-item:last-child:nth-child(odd){grid-column:1/-1}.type-item{min-height:64px;padding:var(--space-4);background-color:var(--color-surface);color:var(--color-outline);font-family:var(--font-heading);font-size:var(--text-sm);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);border:none;justify-content:center;align-items:center;font-weight:500;display:flex}.type-item:hover{background-color:var(--color-outline-variant);color:var(--color-primary)}.type-item--selected{background-color:var(--color-primary);color:var(--color-bg)}.sizing-toggle{margin-bottom:var(--space-6);gap:0;display:flex}.sizing-toggle__option{padding:var(--space-3) var(--space-4);background-color:var(--color-surface);color:var(--color-outline);font-family:var(--font-heading);font-size:var(--text-sm);text-align:center;cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);border:none;flex:1;font-weight:500}.sizing-toggle__option--active{background-color:var(--color-primary);color:var(--color-bg)}.sizing-field{margin-bottom:var(--space-6)}.sizing-field__label{margin-bottom:var(--space-3);font-family:var(--font-heading);font-size:var(--text-sm);color:var(--color-outline);justify-content:space-between;align-items:baseline;display:flex}.sizing-field__value{font-size:var(--text-xl);color:var(--color-primary);font-weight:600}input[type=range]{appearance:none;background:var(--color-outline-variant);cursor:pointer;outline:none;width:100%;height:2px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--color-primary);cursor:pointer;border-radius:0;width:20px;height:20px}input[type=range]::-moz-range-thumb{background:var(--color-primary);cursor:pointer;border:none;border-radius:0;width:20px;height:20px}.size-preview{margin-top:var(--space-5);margin-bottom:var(--space-6);padding:var(--space-4);background-color:var(--color-surface)}.size-preview__label{font-family:var(--font-heading);font-size:var(--text-xs);color:var(--color-outline);letter-spacing:.08em;margin-bottom:var(--space-1)}.size-preview__size{font-family:var(--font-heading);font-size:var(--text-3xl);color:var(--color-primary);font-weight:700}.collection-grid{gap:var(--space-3);flex:1;grid-template-columns:1fr 1fr;display:grid}.collection-card{gap:var(--space-2);cursor:pointer;text-align:center;transition:opacity var(--transition-fast);background:0 0;border:none;flex-direction:column;min-height:0;padding:0;display:flex;overflow:hidden}.collection-card:hover{opacity:.8}.collection-image{object-fit:cover;object-position:center;width:100%;min-height:0;transition:outline var(--transition-fast);outline:2px solid #0000;flex:1;display:block}.collection-card--selected .collection-image{outline:2px solid var(--color-primary)}.collection-card .label{font-family:var(--font-heading);font-size:var(--text-sm);color:var(--color-outline);transition:color var(--transition-fast);font-weight:500}.collection-card--selected .label{color:var(--color-primary)}.screen-branding{align-items:center;gap:var(--space-2);padding-top:var(--space-5);flex-direction:column;margin-top:auto;display:flex}.screen-branding__logo{mix-blend-mode:lighten;opacity:.5;width:140px}.result-content{text-align:center;align-items:center;gap:var(--space-5);flex-direction:column;display:flex}.result-logo{mix-blend-mode:lighten;width:180px}.result-persona__label{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-outline);margin-bottom:var(--space-2)}.result-persona__name{font-size:var(--text-3xl);margin-bottom:var(--space-3)}.result-persona__headline{font-family:var(--font-body);font-size:var(--text-lg);color:var(--color-primary);margin-top:var(--space-2);line-height:1.4}.result-persona__desc{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-outline);max-width:340px;margin:0 auto;line-height:1.7}.result-traits{gap:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.result-trait{font-family:var(--font-heading);font-size:var(--text-xs);padding:var(--space-1) var(--space-3);background-color:var(--color-surface);color:var(--color-primary);font-style:italic;font-weight:500}.result-details{width:100%;padding:var(--space-4);justify-content:space-around;display:flex}.result-detail{gap:var(--space-1);flex-direction:column;display:flex}.result-detail__label{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-outline)}.result-detail__value{font-family:var(--font-heading);font-size:var(--text-lg);font-style:italic;font-weight:700}.result-exclusive{width:100%;padding:var(--space-5);background-color:var(--color-surface)}.result-exclusive__hook{font-family:var(--font-heading);font-size:var(--text-lg);margin-bottom:var(--space-3);font-style:italic;font-weight:700}.result-exclusive__desc{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-outline);margin-bottom:var(--space-4);line-height:1.5}.result-exclusive__code{font-family:var(--font-heading);font-size:var(--text-2xl);letter-spacing:.1em;padding:var(--space-3) var(--space-5);border:1px dashed var(--color-outline);margin-bottom:var(--space-3);font-weight:700;display:inline-block}.result-exclusive__fine{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-outline);opacity:.6}.result-cta{text-align:center;width:100%;text-decoration:none;display:block}.screen-branding__slogan{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-outline);opacity:.6;font-style:italic}