body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}body,code{color:#fff}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.class-version-selection{align-items:center;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px}.version-header{margin-bottom:60px;max-width:600px;text-align:center}.version-logo{height:80px;margin-bottom:30px}.version-header h1{font-size:2.5rem;font-weight:900;letter-spacing:2px;margin-bottom:20px;text-transform:uppercase}.version-header p{font-size:1.1rem;line-height:1.6;opacity:.8}.version-options{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin-bottom:60px}.version-card{background:#fff;border:2px solid #333;border-radius:0;color:#333;cursor:pointer;min-width:200px;padding:40px 30px;text-align:center;transition:all .3s ease}.version-card:hover{background:#f8f8f8;border-color:#666;transform:translateY(-5px)}.red-version:hover{background:#ffe6e6;border-color:#8b0000}.white-version:hover{background:#fff8dc;border-color:#daa520}.version-icon{filter:brightness(0);font-size:3rem;font-weight:700;margin-bottom:20px}.version-card h2{font-size:2rem;font-weight:900;letter-spacing:3px;margin-bottom:10px;text-transform:uppercase}.version-card p{color:#666;font-size:1rem;margin:0}@media (max-width:768px){.version-options{flex-direction:column;gap:20px}.version-card{min-width:250px}.version-header h1{font-size:2rem}}.main-navigation{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px;transition:background .3s ease}.main-navigation.red-theme{background:linear-gradient(135deg,#8b0000,brown 50%,#8b0000)}.main-navigation.white-theme{background:linear-gradient(135deg,#daa520,#f4a460 50%,#daa520)}.nav-header{margin-bottom:60px;max-width:800px;text-align:center}.nav-logo{height:80px;margin-bottom:30px}.nav-header h1{font-size:2.5rem;font-weight:900;letter-spacing:2px;margin-bottom:10px;text-transform:uppercase}.class-type{font-size:1.2rem;font-weight:500;margin-bottom:20px;opacity:.9}.nav-description{font-size:1.1rem;line-height:1.6;margin:0;opacity:.8}.modules-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:60px;max-width:1200px;width:100%}.module-card{background:#fff;border:2px solid #333;border-radius:0;color:#333;cursor:pointer;overflow:hidden;padding:30px 25px;position:relative;text-align:center;transition:all .3s ease}.module-card.completed{background:#f5f5f5;border-color:#999;opacity:.8}.module-card.completed .module-icon{filter:brightness(0) saturate(0);opacity:.6}.module-card.completed .module-title{color:#666}.module-card.completed .module-description{color:#888}.module-card:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.module-card:hover:before{left:100%}.module-card:hover{background:#f8f8f8;border-color:#666;box-shadow:0 10px 30px #0000004d;transform:translateY(-5px)}.module-card.completed:hover{background:#e8e8e8;border-color:#777;opacity:.9}.module-number{font-size:14px;right:15px}.completion-checkmark,.module-number{align-items:center;background:#333;border-radius:50%;color:#fff;display:flex;font-weight:700;height:30px;justify-content:center;position:absolute;top:15px;width:30px}.completion-checkmark{font-size:16px;left:15px;z-index:2}.module-icon{filter:brightness(0);font-size:3rem;font-weight:700;margin-bottom:20px}.module-title{font-size:1.4rem;font-weight:900;letter-spacing:1px;margin-bottom:15px;text-transform:uppercase}.module-description{color:#666;font-size:.95rem;line-height:1.5;margin:0}@media (max-width:768px){.back-button{display:block;font-size:.9rem;left:auto;margin:0 auto 20px;padding:8px 16px;position:relative;top:auto}.modules-grid{gap:20px;grid-template-columns:1fr}.nav-header h1{font-size:2rem}.module-card{padding:25px 20px}}.try-each-wine{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px;transition:background .3s ease}.try-each-wine.red-theme{background:linear-gradient(135deg,#8b0000,brown 50%,#8b0000)}.try-each-wine.white-theme{background:linear-gradient(135deg,#daa520,#f4a460 50%,#daa520)}.wine-description{margin:0}.wines-container{display:flex;flex-direction:column;gap:30px;margin-bottom:50px;max-width:600px;width:100%}.wine-rating-card{padding:30px}.wine-rating-card .wine-name{color:#333;font-size:1.8rem;font-weight:900;letter-spacing:2px;margin:0 0 25px;text-align:center;text-transform:uppercase}@media (min-width:769px){.rating-container{align-items:center;display:flex;flex-direction:column}.slider-container{margin:20px auto;width:400px}}.rating-value{gap:15px}.current-rating{color:#333;min-width:40px}.rating-text{color:#666;font-size:1rem;font-style:italic}@media (max-width:768px){.back-button{display:block;font-size:.9rem;left:auto;margin:0 auto 20px;padding:8px 16px;position:relative;top:auto}.wine-container{max-width:100vw;overflow-x:hidden;padding:15px}.wines-container{gap:20px}.wine-rating-card{padding:20px}.wine-header h1{font-size:1.8rem}.rating-value{flex-direction:column;gap:10px}.slider-container{padding:25px 0}.rating-slider::-webkit-slider-thumb{height:32px;width:32px}.rating-slider::-moz-range-thumb{height:32px;width:32px}.slider-tick-label{font-size:.9rem}.slider-tick{left:var(--mobile-position)!important}}.rate-each-wine{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px;transition:background .3s ease}.rate-each-wine.red-theme{background:linear-gradient(135deg,#8b0000,brown 50%,#8b0000)}.rate-each-wine.white-theme{background:linear-gradient(135deg,#daa520,#f4a460 50%,#daa520)}.wine-header{margin-bottom:50px;max-width:800px;text-align:center}.wine-logo{height:60px;margin-bottom:20px}.wine-header h1{font-size:2.2rem;font-weight:900;letter-spacing:2px;margin-bottom:20px;text-transform:uppercase}.wine-description{font-size:1.1rem;line-height:1.6;margin:0 0 10px;opacity:.9}.rating-scale{font-size:1rem;font-style:italic;margin:0;opacity:.8}.intro-options{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin-bottom:50px}.intro-card{background:#fff;border:2px solid #333;border-radius:0;color:#333;cursor:pointer;min-width:250px;padding:40px 30px;text-align:center;transition:all .3s ease}.intro-card:hover{background:#f8f8f8;border-color:#666;transform:translateY(-5px)}.intro-icon{filter:brightness(0);font-size:3rem;font-weight:700;margin-bottom:20px}.intro-card h3{font-size:1.5rem;font-weight:600;letter-spacing:1px;margin-bottom:15px}.intro-card p{color:#666;font-size:1rem;line-height:1.5;margin:0}.taste-step-container{margin-bottom:50px;max-width:800px;width:100%}.taste-step-card{background:#fff;border:2px solid #333;border-radius:0;color:#333;padding:40px}.step-title{font-size:2rem;font-weight:600;letter-spacing:2px;margin-bottom:20px;text-align:center}.step-description{color:#666;font-size:1.2rem;margin-bottom:30px;text-align:center}.characteristics-details{display:flex;flex-direction:column;gap:25px}.characteristic-detail{background:#f8f8f8;border:1px solid #ddd;border-radius:0;padding:25px}.characteristic-detail h4{color:#333;font-size:1.3rem;font-weight:600;margin-bottom:15px}.characteristic-detail p{color:#666;font-size:1rem;line-height:1.6;margin:0}.wine-rating-container{margin-bottom:50px;max-width:800px;width:100%}.wine-rating-card{background:#fff;border:2px solid #333;border-radius:0;color:#333;padding:40px;transition:all .3s ease}.wine-rating-card:hover{background:#f8f8f8;border-color:#666}.wine-name{font-size:2rem}.wine-instruction{color:#666;font-size:1.1rem;font-style:italic;margin-bottom:30px;text-align:center}.characteristic-rating{background:#f8f8f8;border:1px solid #ddd;border-radius:0;margin-bottom:35px;padding:25px}.characteristic-title{color:#333;font-size:1.4rem;font-weight:600;letter-spacing:1px;margin-bottom:10px;text-align:center}.characteristic-description{color:#666;font-size:1rem;line-height:1.5;margin-bottom:20px;text-align:center}.rating-container{display:flex;flex-direction:column;gap:15px}.slider-container{margin:20px 0}.rating-slider{-webkit-appearance:none;appearance:none;background:#0000;border-radius:3px;cursor:pointer;height:6px;outline:none;position:relative;width:100%;z-index:2}.rating-slider::-webkit-slider-track{background:#0000!important;border-radius:3px;height:6px}.rating-slider::-moz-range-track{background:#0000!important;border:none;border-radius:3px;height:6px}.rating-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#333;border:3px solid #333;border-radius:50%;box-shadow:0 2px 8px #0000004d;cursor:pointer;height:28px;-webkit-transition:all .3s ease;transition:all .3s ease;width:28px}.rating-slider::-webkit-slider-thumb:hover{box-shadow:0 4px 12px #0006;transform:scale(1.1)}.rating-slider::-moz-range-thumb{background:#333;border:3px solid #333;border-radius:50%;box-shadow:0 2px 8px #0000004d;cursor:pointer;height:28px;width:28px}.rating-value{align-items:center;display:flex;justify-content:center;margin-top:15px}.current-rating{font-size:2rem;font-weight:700;min-width:60px;text-align:center}@media (max-width:768px){.back-button{display:block;font-size:.9rem;left:auto;margin:0 auto 20px;padding:8px 16px;position:relative;top:auto}.wine-container{max-width:100vw;overflow-x:hidden;padding:15px}.intro-options{flex-direction:column;gap:20px}.intro-card{min-width:250px}.taste-step-card{padding:25px}.wine-rating-container{margin-bottom:30px}.wine-rating-card{margin:0 10px;max-width:calc(100vw - 20px);padding:25px}.wine-name{font-size:1.6rem}.characteristic-rating{box-sizing:border-box;margin-bottom:25px;padding:20px;width:100%}.characteristic-title{font-size:1.2rem}.wine-header h1{font-size:1.8rem}.slider-container{margin:0 5px;padding:25px 0}.rating-slider::-webkit-slider-thumb{height:32px;width:32px}.rating-slider::-moz-range-thumb{height:32px;width:32px}.slider-tick-label{font-size:.9rem}.slider-tick{left:var(--mobile-position)!important}}.summary-container{gap:20px;margin:0 auto;padding:0 20px}.wine-summary-card{background:#fff;border:2px solid #333;border-radius:0;box-shadow:0 4px 12px #0000001a;color:#333;padding:25px}.wine-summary-header{align-items:center;border-bottom:2px solid #ddd;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.wine-summary-header .wine-name{color:#333;font-size:1.8rem;font-weight:900;letter-spacing:2px;margin:0;text-transform:uppercase}.total-score{align-items:baseline;display:flex;gap:5px}.score-number{color:#333;font-size:2.5rem;font-weight:900}.score-label{color:#666;font-size:1.2rem;font-weight:600}.score-breakdown{gap:20px;justify-content:space-between}.characteristic-score{align-items:center;background:#f8f8f8;border:1px solid #ddd;border-radius:0;display:flex;flex:1 1;flex-direction:column;padding:15px}.characteristic-label{color:#666;font-size:.9rem;font-weight:600;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.characteristic-value{color:#333;font-size:1.5rem;font-weight:900}.summary-actions{margin-top:30px;padding:0 20px}.summary-actions .edit-button{background:#fff3!important;border:2px solid #fff6!important;border-radius:30px!important;color:#fff!important;cursor:pointer;font-size:1.1rem!important;font-weight:600;letter-spacing:1px;padding:15px 40px!important;transition:all .3s ease}.summary-actions .edit-button:hover{background:#ffffff4d!important;border-color:#fff9!important;box-shadow:0 5px 15px #0000004d;transform:translateY(-2px)}@media (max-width:768px){.summary-container{padding:0 10px}.wine-summary-card{padding:20px}.wine-summary-header{align-items:flex-start;flex-direction:column;gap:15px}.wine-summary-header .wine-name{font-size:1.5rem}.score-number{font-size:2rem}.score-breakdown{flex-direction:column;gap:10px}.characteristic-score{align-items:center;flex-direction:row;justify-content:space-between;padding:12px 15px}.characteristic-label{font-size:.8rem;margin-bottom:0}.characteristic-value{font-size:1.2rem}.summary-actions{align-items:center;flex-direction:column;gap:15px}.summary-actions .edit-button{width:200px}}.blending-trials{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px;transition:background .3s ease}.blending-trials.red-theme{background:linear-gradient(135deg,#8b0000,brown 50%,#8b0000)}.blending-trials.white-theme{background:linear-gradient(135deg,#daa520,#f4a460 50%,#daa520)}.trials-header{margin-bottom:50px;max-width:800px;text-align:center}.trials-logo{height:60px;margin-bottom:20px}.trials-header h1{font-size:2.2rem;font-weight:900;letter-spacing:2px;margin-bottom:20px;text-transform:uppercase}.trials-description{font-size:1.1rem;line-height:1.6;margin:0;opacity:.9}.trials-options{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin-bottom:50px}.trial-card{background:#fff;border:2px solid #333;border-radius:0;color:#333;cursor:pointer;min-width:250px;padding:40px 30px;text-align:center;transition:all .3s ease}.trial-card:hover{background:#f8f8f8;border-color:#666;transform:translateY(-5px)}.trial-icon{filter:brightness(0);font-size:3rem;font-weight:700;margin-bottom:20px}.trial-card h3{font-size:1.4rem;font-weight:600;letter-spacing:1px;margin-bottom:15px}.trial-card p{color:#666;font-size:1rem;line-height:1.5;margin:0}.blend-container{margin-bottom:50px;max-width:800px}.blend-card{background:#fff;border:2px solid #333;border-radius:0;color:#333;padding:40px}.blend-name{font-size:1.8rem;font-weight:600;letter-spacing:1px;margin-bottom:15px;text-align:center}.blend-description{color:#666;font-size:1.2rem;margin-bottom:30px;text-align:center}.cylinder-size-selector{margin-bottom:30px}.cylinder-size-selector h3{font-size:1.3rem;font-weight:600;margin-bottom:20px;text-align:center}.size-options{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.size-button{background:#fff;border:2px solid #333;border-radius:0;color:#333;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 25px;transition:all .3s ease}.size-button:hover{background:#f8f8f8;border-color:#666}.size-button.active{background:#333;border-color:#333;color:#fff}.blend-ratios{margin-top:30px}.blend-ratios h3{font-size:1.3rem;font-weight:600;margin-bottom:20px;text-align:center}.ratios-table{overflow-x:auto}.ratios-table table{background:#fff;border:2px solid #333;border-collapse:collapse;width:100%}.ratios-table td,.ratios-table th{border-bottom:1px solid #ddd;color:#333;padding:15px;text-align:center}.ratios-table th{background:#f8f8f8;color:#333;font-size:1rem;font-weight:600}.ratios-table td{color:#666;font-size:1rem}.ratios-table tr:last-child td{border-bottom:none}.recommended-container{margin-bottom:50px;max-width:1200px;width:100%}.recommendations-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.recommendation-card{background:#fff;border:2px solid #333;border-radius:0;color:#333;padding:30px;transition:all .3s ease}.recommendation-card:hover{background:#f8f8f8;border-color:#666}.recommendation-card h3{font-size:1.4rem;font-weight:600;letter-spacing:1px;margin-bottom:15px;text-align:center}.recommendation-card h4{font-size:1.1rem;font-weight:600;margin-bottom:15px}.recommendation-card .blend-description{color:#666;font-size:1rem;font-style:italic;margin-bottom:20px;text-align:center}.recommended-card{background:#fff;border:2px solid #333;border-radius:0;color:#333;padding:40px;text-align:center}.recommended-card h2{font-size:1.8rem;font-weight:600;letter-spacing:1px;margin-bottom:20px}.recommended-card p{color:#666;font-size:1.1rem;line-height:1.6;margin-bottom:15px}.recommended-card p:last-child{margin-bottom:0}.next-button:hover{background:#ffffff4d;border-color:#fff9;box-shadow:0 5px 15px #0000004d;transform:translateY(-2px)}@media (max-width:768px){.back-button{display:block;font-size:.9rem;left:auto;margin:0 auto 20px;padding:8px 16px;position:relative;top:auto}.trials-container{max-width:100vw;overflow-x:hidden;padding:15px}.trials-options{flex-direction:column;gap:20px}.trial-card{min-width:250px}.blend-card,.recommended-card{margin:0 10px;max-width:calc(100vw - 20px);padding:25px}.recommendations-grid{gap:20px;grid-template-columns:1fr;margin:0 10px;max-width:calc(100vw - 20px)}.recommendation-card{box-sizing:border-box;margin:0;max-width:100%;padding:20px}.size-options{align-items:center;flex-direction:column}.size-button{width:150px}.trials-header h1{font-size:1.8rem}.ratios-table{margin:0 10px;max-width:calc(100vw - 20px)}.ratios-table td,.ratios-table th{word-wrap:break-word;font-size:.8rem;padding:10px 6px}.ratios-table td:first-child,.ratios-table th:first-child{width:25%}.ratios-table td:not(:first-child),.ratios-table th:not(:first-child){width:18.75%}}.final-blend{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px;transition:background .3s ease}.final-blend.red-theme{background:linear-gradient(135deg,#8b0000,brown 50%,#8b0000)}.final-blend.white-theme{background:linear-gradient(135deg,#daa520,#f4a460 50%,#daa520)}.blend-header{margin-bottom:50px;max-width:800px;text-align:center}.blend-logo{height:60px;margin-bottom:20px}.blend-header h1{font-size:2.2rem;font-weight:900;letter-spacing:2px;margin-bottom:20px;text-transform:uppercase}.blend-description{color:#fff;font-size:1.1rem;line-height:1.6;margin:0}.blend-container{align-items:center;display:flex;flex-direction:column;margin:0 auto 50px;width:100%}.blend-name-section{background:#0000;border:none;border-radius:0;color:#fff;margin:0 auto 30px;padding:30px;width:450px}.blend-name-section h2{font-size:1.2rem;font-weight:600;letter-spacing:1px;margin-bottom:0;text-align:center}.name-input-container{align-items:center;display:flex;flex-direction:column;gap:8px}.blend-name-input{background:#0000;border:none;border-radius:0;color:#fff;font-size:2.2rem;font-weight:600;max-width:400px;outline:none;padding:15px 20px;text-align:center;transition:all .3s ease;width:100%}.blend-name-input::placeholder{color:#ffffffb3}.blend-name-input:focus{background:#ffffff1a}.name-separator-line{background:#fff;height:2px;margin:5px 0;width:100%}.blend-percentages-section{background:#fff;border:2px solid #333;border-radius:0;color:#333;margin:0 auto;padding:30px;width:auto}.blend-percentages-section h2{font-size:1.5rem;font-weight:600;letter-spacing:1px;margin-bottom:15px;text-align:center}.percentage-instruction{color:#666;font-size:1rem;line-height:1.5;margin-bottom:30px;text-align:center}.wines-percentage-table{border-collapse:initial;border-spacing:0 20px;margin:0 auto 30px;width:auto}.wine-percentage-row{background:#f8f8f8;border:1px solid #ddd;transition:all .3s ease}.wine-percentage-row:hover{background:#f0f0f0}.wine-name-cell{padding:25px 15px;text-align:center;vertical-align:middle;width:120px}.percentage-cell{padding:25px 20px;vertical-align:middle;width:auto}.wine-name{color:#333;font-size:1.8rem!important;font-weight:900!important;letter-spacing:2px;margin:0 0 25px;text-transform:uppercase!important}.percentage-container{align-items:center;display:flex;flex-direction:column;gap:15px;text-align:center;width:auto}.slider-container{margin:15px 0;padding:20px 0;position:relative;width:400px}.percentage-slider{-webkit-appearance:none;appearance:none;background:#0000;border-radius:3px;cursor:pointer;height:6px;outline:none;position:relative;width:100%;z-index:2}.percentage-slider::-webkit-slider-track{background:#0000!important;border-radius:3px;height:6px}.percentage-slider::-moz-range-track{background:#0000!important;border:none;border-radius:3px;height:6px}.percentage-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#333;border:3px solid #333;border-radius:50%;box-shadow:0 2px 8px #0000004d;cursor:pointer;height:28px;-webkit-transition:all .3s ease;transition:all .3s ease;width:28px}.percentage-slider::-webkit-slider-thumb:hover{box-shadow:0 4px 12px #0006;transform:scale(1.1)}.percentage-slider::-moz-range-thumb{background:#333;border:3px solid #333;border-radius:50%;box-shadow:0 2px 8px #0000004d;cursor:pointer;height:28px;width:28px}.slider-track{background:#0000;z-index:1}.slider-ticks,.slider-track{height:2px;left:0;position:absolute;right:0;top:50%;transform:translateY(-50%)}.slider-ticks{z-index:0}.slider-ticks:before{background:#333;content:"";height:1px;left:0;position:absolute;right:0;top:50%;transform:translateY(-50%)}.slider-tick{--thumb-offset:14px;background:#333;height:10px;position:absolute;top:-4px;width:2px}.slider-tick-label{color:#333;font-size:.8rem;font-weight:500;left:50%;position:absolute;top:20px;transform:translateX(-50%)}.percentage-value{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:10px}.current-percentage{font-size:1.8rem;font-weight:700;min-width:60px;text-align:center}.ml-amount{text-align:center}.total-percentage{display:flex;justify-content:center;margin-top:20px}.total-display{align-items:center;background:#ffffff1a;border:2px solid #ffffff4d;border-radius:15px;display:flex;gap:15px;padding:20px 30px;transition:all .3s ease}.total-display.perfect{background:#4caf5033;border-color:#4caf50}.total-display.over,.total-display.under{background:#ff980033;border-color:#ff9800}.total-label{font-size:1.2rem;font-weight:600}.total-value{font-size:2rem;font-weight:700}.total-status{font-size:1rem;font-weight:600}.total-display.perfect .total-status{color:#4caf50}.total-display.over .total-status,.total-display.under .total-status{color:#ff9800}@media (max-width:768px){.back-button{display:block;font-size:.9rem;left:auto;margin:0 auto 20px;padding:8px 16px;position:relative;top:auto}.blend-container{margin-bottom:30px;max-width:100vw;overflow-x:visible;padding:15px 20px}.blend-name-section,.blend-percentages-section{padding:20px;text-align:center;width:auto!important}.wines-percentage-table{margin:0 auto 30px;max-width:100%;width:100%}.wine-percentage-row{background:#f8f8f8;border:1px solid #ddd;border-radius:8px;display:block;margin-bottom:20px}.percentage-cell,.wine-name-cell{box-sizing:border-box;display:block;max-width:100%;min-width:200px;padding:20px 10px;text-align:center;width:100%}.wine-name-cell{background:#f0f0f0;border-bottom:1px solid #ddd}.percentage-container{box-sizing:border-box;max-width:100%;min-width:200px;overflow:visible;padding:0 15px;width:100%}.blend-header h1{font-size:1.8rem}.total-display{flex-direction:column;gap:10px;text-align:center}.slider-container{box-sizing:border-box;max-width:100%;min-width:200px;overflow:visible;padding:25px 0;width:100%}.percentage-slider::-webkit-slider-thumb{height:32px;width:32px}.percentage-slider::-moz-range-thumb{height:32px;width:32px}.slider-tick-label{font-size:.9rem}.slider-tick{left:var(--mobile-position)!important}.blend-name-input{font-size:1.8rem}}.wine-varietals{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px;transition:background .3s ease}.wine-varietals.red-theme{background:linear-gradient(135deg,#8b0000,brown 50%,#8b0000)}.wine-varietals.white-theme{background:linear-gradient(135deg,#daa520,#f4a460 50%,#daa520)}.varietals-header{margin-bottom:50px;max-width:800px;text-align:center}.varietals-logo{height:60px;margin-bottom:20px}.varietals-header h1{font-size:2.2rem;font-weight:900;letter-spacing:2px;margin-bottom:20px;text-transform:uppercase}.varietals-description{font-size:1.1rem;line-height:1.6;margin:0;opacity:.9}.varietals-container{margin-bottom:50px;max-width:900px;width:100%}.wines-varietals-section{background:#fff;border:2px solid #333;border-radius:0;color:#333;margin-bottom:30px;padding:30px}.wines-varietals-section h2{font-size:1.5rem;font-weight:600;letter-spacing:1px;margin-bottom:15px;text-align:center}.selection-instruction{color:#666;font-size:1rem;line-height:1.5;margin-bottom:30px;text-align:center}.wines-varietals-container{display:flex;flex-direction:column;gap:25px}.wine-varietal-card{background:#f8f8f8;border:1px solid #ddd;border-radius:0;padding:25px;transition:all .3s ease}.wine-varietal-card:hover{background:#f0f0f0}.wine-name{font-size:1.3rem;font-weight:600;letter-spacing:1px;margin-bottom:20px;text-align:center}.varietal-selection{display:flex;flex-direction:column;gap:15px}.varietal-dropdown{background:#fff;border:2px solid #333;border-radius:0;color:#333;cursor:pointer;font-size:1rem;outline:none;padding:12px 15px;transition:all .3s ease;width:100%}.varietal-dropdown:focus{background:#f8f8f8;border-color:#666}.varietal-dropdown option{background:#fff;color:#333;padding:10px}.selected-varietal{align-items:center;background:#fff;border:1px solid #ddd;border-radius:0;display:flex;gap:15px;justify-content:space-between;padding:15px}.selected-label{color:#666;font-size:.9rem;font-weight:500}.selected-value{flex:1 1;font-size:1.1rem;font-weight:600;text-align:center}.edit-button{background:#fff;border:1px solid #333;border-radius:0;color:#333;cursor:pointer;font-size:.9rem;padding:8px 15px;transition:all .3s ease}.edit-button:hover{background:#f8f8f8;border-color:#666}.next-button{background:#fff3;border:2px solid #fff6;border-radius:30px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;letter-spacing:1px;padding:15px 40px;transition:all .3s ease}.next-button:hover:not(:disabled){background:#ffffff4d;border-color:#fff9;box-shadow:0 5px 15px #0000004d;transform:translateY(-2px)}.next-button:disabled{background:#ffffff1a;border-color:#fff3;cursor:not-allowed;opacity:.5}@media (max-width:768px){.back-button{display:block;font-size:.9rem;left:auto;margin:0 auto 20px;padding:8px 16px;position:relative;top:auto}.varietals-container{margin-bottom:30px;max-width:100vw;overflow-x:hidden;padding:15px}.wines-varietals-section{padding:20px}.wines-varietals-container{gap:20px}.wine-varietal-card{padding:20px}.varietals-header h1{font-size:1.8rem}.selected-varietal{flex-direction:column;gap:10px;text-align:center}}.understand-preferences{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px;transition:background .3s ease}.understand-preferences.red-theme{background:linear-gradient(135deg,#8b0000,brown 50%,#8b0000)}.understand-preferences.white-theme{background:linear-gradient(135deg,#daa520,#f4a460 50%,#daa520)}.loading-screen{max-width:600px;text-align:center}.loading-logo{height:80px;margin-bottom:30px}.loading-screen h2{font-size:1.8rem;font-weight:300;letter-spacing:1px;margin-bottom:30px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:50px;margin:0 auto;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.preferences-header,.question-header{margin-bottom:50px;max-width:800px;text-align:center;width:100%}.back-button{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:25px;color:#fff;cursor:pointer;font-size:14px;left:20px;padding:10px 20px;position:absolute;top:20px;transition:all .3s ease}.back-button:hover{background:#fff3;border-color:#ffffff80}.progress-bar{background:#fff3;border-radius:3px;height:6px;margin-bottom:20px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#fff9,#ffffffe6);border-radius:3px;height:100%;transition:width .3s ease}.question-counter{font-size:1rem;font-weight:500;opacity:.8}.preferences-logo,.question-logo{height:60px;margin-bottom:20px}.preferences-header h1,.question-content h1{font-size:2.2rem;font-weight:900;letter-spacing:2px;margin-bottom:20px;text-transform:uppercase}.preferences-description{font-size:1.1rem;line-height:1.6;margin:0;opacity:.9}.question-content{margin-bottom:50px;max-width:800px;text-align:center;width:100%}.breaker-content{align-items:center;display:flex;flex-direction:column;gap:30px}.breaker-title{font-size:2.5rem;font-weight:600;letter-spacing:3px;margin-bottom:20px}.breaker-instructions{max-width:600px;text-align:center}.instruction-line{font-size:1.1rem;line-height:1.6;margin-bottom:15px;opacity:.9}.instruction-line:last-child{margin-bottom:0}.question-text{font-size:1.8rem;font-weight:600;letter-spacing:1px;margin-bottom:20px}.question-subtitle{font-size:1.3rem;font-weight:500;margin-bottom:40px;opacity:.9}.options-container{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:500px}.option-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:15px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:500;padding:20px 30px;transition:all .3s ease}.option-button:hover{background:#fff3;border-color:#ffffff80;box-shadow:0 5px 15px #0000004d;transform:translateY(-2px)}.continue-button{background:#fff3;border:2px solid #fff6;border-radius:30px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;letter-spacing:1px;padding:15px 40px;transition:all .3s ease}.continue-button:hover{background:#ffffff4d;border-color:#fff9;box-shadow:0 5px 15px #0000004d;transform:translateY(-2px)}.preferences-table{background:#fff;border:2px solid #333;border-radius:0;color:#333;margin-bottom:50px;max-width:800px;padding:30px}.preferences-table,.table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%}.preferences-table table{border-collapse:collapse;width:100%}.preferences-table td,.preferences-table th{border-bottom:1px solid #ddd;color:#333;padding:20px;text-align:left}.preferences-table th{background:#f8f8f8;color:#333;font-size:1.1rem;font-weight:600;letter-spacing:1px}.preferences-table th:last-child{text-align:center}.preferences-table td{color:#666;font-size:1rem}.preferences-table tr:last-child td{border-bottom:none}.preference-display{align-items:center;display:flex;justify-content:center;padding:10px}.progress-bar-container{align-items:center;display:flex;gap:15px;max-width:200px;width:100%}.progress-bar-track{background:#e0e0e0;border-radius:10px;flex:1 1;height:20px;overflow:hidden}.progress-bar-fill{background:#333;border-radius:8px;height:100%;transition:width .3s ease}.preference-value{color:#333;font-size:1.2rem;font-weight:600;min-width:60px;text-align:center}.action-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:40px}.next-button,.retake-button{background:#fff3;border:2px solid #fff6;border-radius:30px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;letter-spacing:1px;padding:15px 30px;transition:all .3s ease}.next-button:hover,.retake-button:hover{background:#ffffff4d;border-color:#fff9;box-shadow:0 5px 15px #0000004d;transform:translateY(-2px)}.retake-button{background:#ffffff1a;border-color:#ffffff4d}.retake-button:hover{background:#fff3;border-color:#ffffff80}.footer-separator{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);height:1px;margin-bottom:20px}.footer-logo{opacity:.6}@media (max-width:768px){.back-button{display:block;font-size:.9rem;left:auto;margin:0 auto 20px;padding:8px 16px;position:relative;top:auto}.preferences-container{box-sizing:border-box;max-width:100vw;overflow-x:hidden;padding:10px;width:100%}.question-content{margin-bottom:30px}.breaker-content{gap:20px}.breaker-title{font-size:2rem}.question-text{font-size:1.5rem}.options-container{gap:15px}.option-button{font-size:1rem;padding:15px 25px}.preferences-table{margin:0 10px 30px;max-width:calc(100vw - 20px);padding:15px}.table-wrapper{max-width:100%}.preferences-table td,.preferences-table th{word-wrap:break-word;font-size:.9rem;padding:12px 8px}.preferences-table td:first-child,.preferences-table th:first-child{width:30%}.preferences-table td:nth-child(2),.preferences-table th:nth-child(2){width:45%}.preferences-table td:last-child,.preferences-table th:last-child{width:25%}.progress-bar-container{align-items:center;flex-direction:column-reverse;gap:8px}.progress-bar-track{height:12px;width:60px}.action-buttons{align-items:center;flex-direction:column}.next-button,.retake-button{width:200px}}.class-summary{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;min-height:100vh;padding:20px}.class-summary.red-theme{background:linear-gradient(135deg,#8b0000,brown 50%,#8b0000)}.class-summary.white-theme{background:linear-gradient(135deg,#daa520,#f4a460 50%,#daa520)}.summary-header{color:#fff;margin-bottom:40px;text-align:center}.summary-logo{height:60px;margin-bottom:20px}.summary-header h1{font-size:2.5rem;font-weight:900;letter-spacing:3px;margin-bottom:15px;text-shadow:2px 2px 4px #0000004d;text-transform:uppercase}.summary-description{font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px;opacity:.9}.summary-container{display:flex;flex-direction:column;gap:30px;margin-bottom:40px;max-width:800px;width:100%}.summary-section{background:#fff;border:2px solid #333;border-radius:0;box-shadow:0 4px 12px #0000001a;color:#333;padding:30px}.summary-section h2{color:#333;font-size:1.8rem;font-weight:900;letter-spacing:2px;margin-bottom:20px;text-align:center;text-transform:uppercase}.blend-summary-card{text-align:center}.blend-name-display h3{color:#333;font-size:2rem;font-weight:900;letter-spacing:2px;margin-bottom:20px;text-transform:uppercase}.blend-percentages{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.percentage-item{align-items:center;background:#f8f8f8;border:1px solid #ddd;border-radius:0;display:flex;flex-direction:column;min-width:120px;padding:15px}.wine-label{color:#666;font-size:1rem;font-weight:600;letter-spacing:1px;margin-bottom:4px;text-transform:uppercase}.varietal-label{color:#888;font-size:.9rem;font-style:italic;font-weight:500;margin-bottom:8px}.percentage-value{color:#333;font-size:1.5rem;font-weight:900}.ml-amount{color:#666;font-size:1rem;font-weight:600;margin-top:4px}.wine-rankings{display:flex;flex-direction:column;gap:20px}.wine-ranking-card{align-items:center;background:#f8f8f8;border:1px solid #ddd;border-radius:0;display:flex;gap:20px;padding:20px}.ranking-number{color:#333;font-size:2rem;font-weight:900;min-width:60px;text-align:center}.wine-info{flex:1 1}.wine-info h3{color:#333;font-size:1.5rem;font-weight:900;letter-spacing:1px;margin-bottom:5px;text-transform:uppercase}.varietal{color:#666;font-size:1rem;font-style:italic;margin-bottom:10px}.score-breakdown{display:flex;flex-direction:column;gap:5px}.score-breakdown>span{color:#333;font-size:1.1rem}.characteristic-scores{color:#666;display:flex;font-size:.9rem;gap:15px}.preferences-summary{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.preference-item{align-items:center;background:#f8f8f8;border:1px solid #ddd;border-radius:0;display:flex;flex-direction:column;min-width:120px;padding:15px}.characteristic-name{color:#666;font-size:1rem;font-weight:600;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.preference-level{color:#333;font-size:1.2rem;font-weight:900}.email-section{text-align:center}.email-description{color:#666;font-size:1.1rem;line-height:1.6;margin-bottom:20px}.email-form{align-items:center;display:flex;flex-direction:column;gap:20px}.email-input-container{display:flex;gap:15px;max-width:500px;width:100%}.email-input{background:#fff;border:2px solid #333;border-radius:0;color:#333;flex:1 1;font-size:1rem;padding:15px}.email-input:focus{background:#f8f8f8;border-color:#666;outline:none}.email-input::placeholder{color:#999}.submit-email-button{background:#333;border:2px solid #333;border-radius:30px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:1px;padding:15px 30px;transition:all .3s ease;white-space:nowrap}.submit-email-button:hover{background:#555;border-color:#555;box-shadow:0 5px 15px #0000004d;transform:translateY(-2px)}.email-success{background:#f0f8f0;border:2px solid #4caf50;border-radius:0;color:#2e7d32;font-size:1.1rem;font-weight:600;padding:20px}.summary-actions{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:40px}.back-to-edit-button{background:#fff3;border:2px solid #fff6;border-radius:30px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;letter-spacing:1px;padding:15px 30px;text-transform:uppercase;transition:all .3s ease}.back-to-edit-button:hover{background:#ffffff4d;border-color:#fff9;box-shadow:0 5px 15px #0000004d;transform:translateY(-2px)}.restart-button{background:#fff3;border:2px solid #fff6;border-radius:30px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;letter-spacing:1px;padding:15px 40px;text-transform:uppercase;transition:all .3s ease}.restart-button:hover{background:#ffffff4d;border-color:#fff9;box-shadow:0 5px 15px #0000004d;transform:translateY(-2px)}.footer{margin-top:auto;text-align:center;width:100%}.footer-separator{background:#ffffff4d;height:2px;margin:20px 0}.footer-logo{height:40px;opacity:.7}@media (max-width:768px){.class-summary{padding:10px}.summary-header h1{font-size:2rem}.summary-description{font-size:1rem}.summary-section{padding:20px}.summary-section h2{font-size:1.5rem}.blend-percentages{align-items:center;flex-direction:column;gap:15px}.percentage-item{max-width:250px;width:100%}.varietal-label{font-size:.8rem}.wine-ranking-card{flex-direction:column;gap:15px;text-align:center}.ranking-number{min-width:auto}.characteristic-scores{flex-direction:column;gap:5px}.preferences-summary{align-items:center;flex-direction:column;gap:15px}.preference-item{max-width:200px;width:100%}.email-input-container{flex-direction:column;gap:15px}.submit-email-button{width:100%}.summary-actions{align-items:center;flex-direction:column;gap:15px}.back-to-edit-button,.restart-button{max-width:300px;width:100%}}.App{max-width:100%;overflow-x:hidden;text-align:center;width:100%}@media (max-width:768px){*{box-sizing:border-box;max-width:100vw}body,html{overflow-x:hidden}}.App-logo{height:40vmin;pointer-events:none}.App-header{align-items:center;background-color:#000;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-header h1{font-size:3rem;font-weight:900;letter-spacing:3px;margin-bottom:20px;text-shadow:0 2px 4px #00000080;text-transform:uppercase}.App-link{color:#fff;margin-top:20px}.start-quiz-button{background-color:#fff;border:none;border-radius:8px;color:#000;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:1px;margin:20px 0;padding:15px 30px;text-transform:uppercase;transition:all .3s ease}.start-quiz-button:hover{background-color:#f0f0f0;box-shadow:0 4px 12px #fff3;transform:translateY(-2px)}.start-quiz-button:active{transform:translateY(0)}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.90c7475a.css.map*/