.coffee-wizard{background:var(--off-white);justify-content:center;align-items:center;min-height:100vh;padding:2rem;font-family:Courier New,monospace;display:flex;position:relative;overflow:hidden}.coffee-wizard:before{content:"";pointer-events:none;z-index:2;background:repeating-linear-gradient(0deg,#f5a62308 0,#0000 1px 2px,#f5a62308 3px);width:100%;height:100%;animation:8s linear infinite scanlines;position:absolute;top:0;left:0}@keyframes scanlines{0%{transform:translateY(0)}to{transform:translateY(10px)}}.coffee-wizard:after{content:"";pointer-events:none;z-index:1;background:radial-gradient(#f5a62314 0%,#0000 70%);width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wizard-screen{background:var(--navy);border:4px solid var(--gold);z-index:3;border-left-width:8px;width:100%;max-width:900px;padding:2rem;position:relative;box-shadow:0 0 30px #f5a6234d,0 0 60px #f5a62333,inset 0 0 100px #f5a6230d}.terminal-header{border-bottom:1px solid var(--gold);color:var(--gold);text-transform:uppercase;letter-spacing:2px;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem;font-size:.9rem;display:flex}.terminal-prompt{text-shadow:0 0 10px #f5a62380}.terminal-step{opacity:.7}.terminal-output{flex-direction:column;justify-content:center;min-height:400px;display:flex}.welcome-screen{text-align:center}.logo-container{opacity:.9;margin-bottom:2rem}.circle-logo{background:var(--gold);justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto;display:flex;overflow:hidden;transform:rotate(45deg);box-shadow:0 0 30px #f5a62380}.logo-image{object-fit:contain;transform:rotate(-45deg)}.question-header{justify-content:center;align-items:center;gap:1rem;display:flex}.question-text{color:var(--gold);text-shadow:0 0 20px #f5a62399;letter-spacing:2px;margin-bottom:1.5rem;font-size:1.8rem;font-weight:400;line-height:1.4}.subtitle-text{color:#d4a574;opacity:.8;margin-bottom:2rem;font-size:1rem;animation:.5s ease-in fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:.8}}.cursor{color:var(--gold);animation:1s infinite cursorBlink;display:inline-block}@keyframes cursorBlink{0%,49%{opacity:1}50%,to{opacity:0}}.options-container{flex-direction:column;gap:1rem;margin-top:2rem;animation:.3s ease-out slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.wizard-option{border:2px solid var(--gold);color:var(--gold);cursor:pointer;text-align:left;text-transform:uppercase;letter-spacing:1px;background:0 0;min-height:44px;padding:1rem 1.5rem;font-family:Courier New,monospace;font-size:1.1rem;transition:all .2s;position:relative;overflow:hidden}.wizard-option:before{content:"";background:#f5a6231a;width:100%;height:100%;transition:left .3s;position:absolute;top:0;left:-100%}.wizard-option:hover{border-color:var(--gold);transform:translate(5px);box-shadow:0 0 20px #f5a6234d}.wizard-option:hover:before{left:0}.option-bracket{color:#d4a574;margin-right:.5rem;font-weight:700}.wizard-option.multiselect{background:0 0}.wizard-option.multiselect.selected{border-color:var(--gold);background:#f5a62326;box-shadow:0 0 15px #f5a62340}.wizard-option.multiselect .option-bracket{color:#d4a574;margin-right:.75rem;font-size:1rem;font-weight:700}.wizard-option.multiselect.selected .option-bracket{color:var(--gold)}.multiselect-actions{justify-content:center;margin-top:2rem;animation:.5s ease-in fadeIn;display:flex}.wizard-button.continue-button{animation:2s infinite pulse}.wizard-button.primary{background:var(--navy);border:3px solid var(--gold);color:var(--gold);cursor:pointer;text-transform:uppercase;letter-spacing:2px;margin-top:2rem;padding:1rem 3rem;font-family:Courier New,monospace;font-size:1.2rem;text-decoration:none;transition:all .2s;animation:2s infinite pulse;display:inline-block}@keyframes pulse{0%,to{box-shadow:0 0 15px #f5a6234d}50%{box-shadow:0 0 30px #f5a62399}}.wizard-button.primary:hover{background:var(--gold);color:var(--navy);transform:scale(1.05);box-shadow:0 0 40px #f5a623cc}.wizard-button.secondary{background:var(--navy);border:2px solid var(--gold);color:var(--gold);cursor:pointer;text-transform:uppercase;letter-spacing:2px;padding:1rem 2rem;font-family:Courier New,monospace;font-size:1rem;transition:all .2s}.wizard-button.secondary:hover{border-color:var(--gold);color:var(--gold);box-shadow:0 0 20px #f5a6234d}.flourish-line{color:#d4a574;text-align:center;text-shadow:0 0 15px #d4a57499;min-height:1.5rem;margin-bottom:2rem;font-size:1.2rem;animation:.6s ease-in-out flourishFade}@keyframes flourishFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.loading-dots{text-align:center;color:var(--gold);font-size:2rem}.loading-dots .dot{margin:0 .2rem;animation:1.5s infinite dotPulse;display:inline-block}.loading-dots .dot:first-child{animation-delay:0s}.loading-dots .dot:nth-child(2){animation-delay:.3s}.loading-dots .dot:nth-child(3){animation-delay:.6s}@keyframes dotPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.wizard-footer{border-top:1px solid var(--gold);text-align:center;margin-top:3rem;padding-top:1.5rem;font-size:.85rem}.footer-link{color:var(--gold);cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:0 0;border:none;padding:.5rem 1rem;font-family:Courier New,monospace;text-decoration:none;transition:all .2s}.footer-link:hover{color:var(--gold);text-shadow:0 0 10px #f5a62380}.footer-separator{color:var(--gold);opacity:.5;margin:0 1rem}.results-screen .terminal-output{min-height:auto}.results-title{color:var(--gold);text-shadow:0 0 20px #f5a62399;text-align:center;letter-spacing:2px;margin-bottom:2rem;font-size:1.8rem}.results-container{border:2px solid var(--gold);background:#f5a6230d;border-left-width:4px;max-width:800px;margin:0 auto 2rem;padding:2rem}.result-item{border-bottom:1px solid #f5a6234d;justify-content:space-between;align-items:center;gap:2rem;padding:1rem 0;display:flex}.result-item:last-child{border-bottom:none}.result-label{color:#d4a574;text-transform:uppercase;letter-spacing:1px;flex-shrink:0;min-width:150px;font-size:1rem;font-weight:600}.result-value{color:var(--gold);text-shadow:0 0 10px #f5a62366;text-align:right;flex-shrink:0;font-size:1.1rem}.recommendations-title{color:var(--gold);text-shadow:0 0 15px #f5a62380;text-align:center;letter-spacing:2px;margin:2rem 0 1.5rem;font-size:1.5rem}.product-recommendations{flex-direction:column;gap:1.5rem;margin-bottom:2rem;display:flex}.product-card{border:2px solid var(--gold);background:#f5a6230d;border-left-width:4px;padding:1.5rem;transition:all .3s}.product-card:hover{background:#f5a6231a;box-shadow:0 0 20px #f5a6234d}.product-card-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.product-rank{color:#d4a574;font-size:1.5rem;font-weight:700}.product-name{color:var(--gold);text-shadow:0 0 10px #f5a62366;flex:1;margin:0;font-size:1.3rem}.product-price{color:#d4a574;font-size:1.1rem;font-weight:700}.product-description{color:var(--off-white);opacity:.9;margin-bottom:1rem;font-size:.95rem;line-height:1.5}.product-flavors{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.flavor-tag{color:var(--gold);text-transform:lowercase;background:#f5a62333;padding:.25rem .75rem;font-size:.85rem}.buy-button{background:var(--gold);color:var(--navy);text-transform:uppercase;letter-spacing:1px;cursor:pointer;border:none;padding:.75rem 1.5rem;font-family:Courier New,monospace;font-size:1rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-block}.buy-button:hover{background:#d4a574;transform:scale(1.05);box-shadow:0 0 20px #f5a62380}.results-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;display:flex}.results-note{color:#d4a574;text-align:center;opacity:.8;margin-top:2rem;font-size:.9rem;font-style:italic}@media (max-width:768px){.coffee-wizard{padding:1rem}.wizard-screen{padding:1.5rem}.question-text{font-size:1.4rem}.circle-logo{width:80px;height:80px}.logo-image{width:60px;height:60px}.wizard-option{min-height:44px;padding:.9rem 1rem;font-size:.95rem}.terminal-header{flex-direction:column;gap:.5rem;font-size:.75rem}.wizard-footer{font-size:.75rem}.footer-separator{display:none}.footer-link{margin:.5rem 0;display:block}.results-title{font-size:1.4rem}.results-container{padding:1.5rem}.result-item{flex-direction:column;align-items:flex-start;gap:.5rem;padding:1rem 0}.result-value{text-align:left;font-size:1rem}.product-card-header{flex-wrap:wrap}.results-actions{flex-direction:column;width:100%}.wizard-button.primary,.wizard-button.secondary{width:100%;padding:1rem}}
