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}.question-screen{background-color:#000;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;margin:0 auto;max-width:800px;min-height:100vh;padding:15px;width:100%}.question-header{margin-bottom:10px}.back-button{background:none;border:none;color:#fff;cursor:pointer;font-size:16px;margin-bottom:20px;padding:10px 0;text-decoration:underline}.back-button:hover{opacity:.8}.progress-bar{background-color:#fff3;border-radius:4px;height:8px;margin-bottom:15px;overflow:hidden;width:100%}.progress-fill{background-color:#fff;height:100%;transition:width .3s ease}.question-counter{color:#ffffffb3;font-size:14px;margin-bottom:10px;text-align:center}.question-content{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;max-width:100%;overflow-x:hidden;padding-top:20px;text-align:center;width:100%}.question-text{font-size:24px;font-weight:700;line-height:1.3;margin-bottom:10px;max-width:600px}.question-subtitle{color:#fffc;font-size:18px;font-weight:400;line-height:1.3;margin-bottom:20px;max-width:600px}.options-container{flex-direction:row;flex-wrap:wrap;gap:15px;max-width:100%;overflow-x:hidden;width:100%}.option-button,.options-container{display:flex;justify-content:center}.option-button{align-items:center;background-color:#fff;border:none;border-radius:0;color:#000;cursor:pointer;flex-shrink:0;font-size:18px;font-weight:500;height:160px;line-height:1.3;padding:15px;text-align:center;transition:all .3s ease;width:160px}.option-button:hover{background-color:#f0f0f0;box-shadow:0 4px 12px #fff3;transform:translateY(-2px)}.option-button:active{transform:translateY(0)}.footer{margin-top:40px}.footer-separator{margin-bottom:15px}.footer-logo{height:50px}.breaker-content{align-items:center;display:flex;flex-direction:column;justify-content:center;max-width:600px;padding:20px;text-align:center;width:100%}.breaker-title{font-size:48px;font-weight:700;letter-spacing:2px;line-height:1.2;margin-bottom:30px}.breaker-instructions{color:#ffffffe6;font-size:18px;line-height:1.6;margin-bottom:40px;max-width:500px}.instruction-line{margin-bottom:15px}.instruction-line:last-child{margin-bottom:0}.continue-button{background-color:#fff;border:none;border-radius:0;color:#000;cursor:pointer;font-size:18px;font-weight:700;letter-spacing:1px;min-width:200px;padding:15px 40px;text-transform:uppercase;transition:all .3s ease}.continue-button:hover{background-color:#f0f0f0;box-shadow:0 4px 12px #fff3;transform:translateY(-2px)}.continue-button:active{transform:translateY(0)}@media (max-width:768px){.question-text{font-size:20px}.question-subtitle{font-size:16px}.options-container{display:block;max-width:100%;width:100%}.option-button{display:block;font-size:16px;height:140px;margin:0 auto 15px;max-width:280px;padding:12px;width:100%}.footer-logo{height:40px}.breaker-title{font-size:36px;margin-bottom:25px}.breaker-instructions{font-size:16px;margin-bottom:30px}.continue-button{font-size:16px;min-width:180px;padding:12px 30px}}.results-screen{background-color:#000;box-sizing:border-box;color:#fff;height:100vh;margin:0 auto;max-width:1200px;overflow-x:hidden;overflow-y:auto;padding:20px;width:100%}.results-header{margin-bottom:20px;text-align:center}.results-header h1{font-size:28px;font-weight:700;margin-bottom:15px}.results-header p{color:#fffc;font-size:18px;margin:0 auto;max-width:600px}.preferences-table{margin-bottom:25px}.preferences-table h2{font-size:28px;font-weight:700;margin-bottom:30px;text-align:center}.preferences-table table{background-color:#fff;border-collapse:collapse;border-radius:0;font-size:14px;margin:0 auto;max-width:600px;overflow:hidden;table-layout:fixed;width:100%}.preferences-table td,.preferences-table th{border-bottom:1px solid #0003;color:#000;padding:20px;text-align:left;vertical-align:middle}.preferences-table td:first-child{font-weight:700}.preferences-table td:nth-child(2){font-style:italic}.preferences-table th{background-color:#0000001a;color:#000;font-size:14px;font-weight:700}.preferences-table td{font-size:16px}.preferences-table tr:last-child td{border-bottom:none}.recommendations-section{margin-bottom:25px}.recommendations-section h2{font-size:28px;font-weight:700;margin-bottom:20px;text-align:center}.recommendations-section p{color:#fffc;font-size:18px;margin-bottom:40px;text-align:center}.recommendations-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:40px;max-width:100%;overflow-x:hidden;width:100%}.wine-card{background-color:#fff;border:1px solid #0000001a;border-radius:0;padding:25px;transition:transform .3s ease,box-shadow .3s ease}.wine-card:hover{box-shadow:0 10px 25px #ffffff1a;transform:translateY(-5px)}.wine-card h3{color:#000;font-size:24px;font-weight:700;margin-bottom:20px;text-align:center}.wine-details p{color:#000c;font-size:14px;margin-bottom:8px}.wine-details strong{color:#000}.wine-scores{background-color:#0000000d;border-radius:4px;margin:15px 0;padding:10px}.score-item{align-items:center;display:flex;font-size:14px;gap:10px;justify-content:space-between;margin-bottom:8px}.score-item:last-child{margin-bottom:0}.score-label{color:#000000b3;font-weight:500}.score-value{color:#000;font-weight:700}.wine-scores .preference-slider{gap:8px;min-width:120px}.wine-scores .slider-track{height:6px;width:80px}.wine-scores .slider-thumb{height:12px;width:12px}.wine-scores .slider-value{font-size:12px;min-width:25px}.no-recommendations{background-color:#ffffff1a;border-radius:8px;margin:20px 0;padding:40px 20px;text-align:center}.no-recommendations p{color:#fffc;margin:10px 0}.match-score{background-color:#0000001a;border-radius:0;color:#000;font-size:16px;font-weight:700;margin-top:20px;padding:10px 15px;text-align:center}.action-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.home-button,.restart-button{background-color:#fff;border:none;border-radius:8px;color:#000;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:1px;padding:15px 30px;text-transform:uppercase;transition:all .3s ease}.home-button:hover,.restart-button:hover{background-color:#f0f0f0;box-shadow:0 4px 12px #fff3;transform:translateY(-2px)}.home-button:active,.restart-button:active{transform:translateY(0)}.footer{align-items:center;display:flex;flex-direction:column;margin-top:20px;padding-top:10px;width:100%}.footer-separator{background-color:#fff;height:1px;margin-bottom:20px;width:85%}.footer-logo{height:60px;opacity:.8;width:auto}.preference-slider{align-items:center;display:flex;gap:15px;min-width:200px}.slider-track{background-color:#e0e0e0;border-radius:4px;height:8px;overflow:hidden;position:relative;width:120px}.slider-fill{background-color:#333;border-radius:4px;height:100%;left:0;position:absolute;top:0;transition:width .3s ease}.slider-thumb{background-color:#000;border-radius:50%;height:16px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:left .3s ease;width:16px;z-index:2}.slider-value{color:#000;font-size:16px;font-weight:700;min-width:20px;text-align:center}@media (max-width:768px){.results-header h1{font-size:28px}.preferences-table h2,.recommendations-section h2{font-size:24px}.recommendations-grid{grid-template-columns:1fr}.action-buttons{align-items:center;flex-direction:column}.home-button,.restart-button{max-width:300px;width:100%}.footer-logo{height:50px}.preference-slider{gap:10px;min-width:150px}.slider-track{height:6px;width:80px}.slider-thumb{height:12px;width:12px}.slider-value{font-size:14px}.preferences-table table{font-size:10px;max-width:100%}.preferences-table td,.preferences-table th{font-size:10px;padding:8px 6px}.preferences-table th{font-size:10px}.preference-slider{gap:6px;min-width:100px}.slider-track{height:4px;width:50px}.slider-thumb{height:8px;width:8px}.slider-value{font-size:10px}.wine-scores{margin:10px 0;padding:8px}.score-item{font-size:12px;margin-bottom:3px}.wine-scores .preference-slider{gap:6px;min-width:80px}.wine-scores .slider-track{height:5px;width:60px}.wine-scores .slider-thumb{height:10px;width:10px}.wine-scores .slider-value{font-size:10px;min-width:20px}}.quiz-container{background-color:#000;color:#fff;min-height:100vh;padding:20px}.loading-screen,.quiz-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.loading-screen{min-height:60vh;text-align:center}.loading-screen h2{font-size:24px;font-weight:700;margin-bottom:30px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.App{max-width:100%;overflow-x:hidden;text-align:center;width:100%}.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-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.1b02e9fc.css.map*/