:root{--primary-gradient:linear-gradient(135deg, #6f4e37, #3c2a21);--secondary-gradient:linear-gradient(135deg, #a67b5b, #decba4);--accent-color:#d2a679;--glass-bg:#1e140a66;--glass-border:#ffffff1a;--text-primary:#fdf5e6;--text-secondary:#fdf5e6b3;--bg-dark:#120a06;--font-main:"Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-dark);color:var(--text-primary);background-image:linear-gradient(#120a06cc,#120a06cc),url(/coffee-bg.png);background-position:50%;background-size:cover;background-attachment:fixed;justify-content:center;align-items:center;min-height:100vh;display:flex;overflow-x:hidden}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:32px;box-shadow:0 25px 50px -12px #00000080}.title-gradient{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#fdf5e6,#d2a679);-webkit-background-clip:text;background-clip:text;font-weight:800}button{cursor:pointer;border:none;border-radius:12px;padding:12px 24px;font-weight:600;transition:all .3s}button.primary{background:var(--primary-gradient);color:#fff}button.primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff00804d}.container{width:90%;max-width:500px;padding:40px}header{text-align:center;margin-bottom:40px}header h1{letter-spacing:-1px;font-size:2.8rem}.input-group{flex-direction:column;gap:10px;display:flex}.glass-input{border:1px solid var(--glass-border);color:#fff;background:#ffffff0d;border-radius:16px;outline:none;padding:14px 20px;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-input:focus{border-color:var(--accent-color);background:#ffffff14;box-shadow:0 0 0 4px #d2a6791a}.coffee-grid{grid-template-columns:1fr;gap:16px;display:grid}.coffee-item{border:1px solid var(--glass-border);cursor:pointer;background:#ffffff08;border-radius:20px;justify-content:space-between;align-items:center;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.coffee-item:hover{background:#ffffff12;transform:scale(1.02)}.coffee-item.active{background:var(--primary-gradient);border-color:var(--accent-color);box-shadow:0 10px 20px -5px #3c2a2180}.coffee-item strong{color:var(--accent-color);font-size:1.1rem}.coffee-item.active strong{color:#fff}button.primary{background:var(--primary-gradient);color:#fff;border-radius:16px;padding:16px;font-size:1.1rem;box-shadow:0 4px 15px #3c2a214d}button.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #3c2a2180}