*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary-color: #2196f3;--secondary-color: #f5f5f5;--text-color: #333;--background-color: #ffffff;--shadow-color: rgba(0, 0, 0, .1)}html,body{height:100%;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5;color:var(--text-color);background-color:#f5f5f5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}html{scroll-behavior:smooth}button{background:var(--primary-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}button:hover{transform:translateY(-1px);box-shadow:0 4px 8px var(--shadow-color)}button:active{transform:translateY(0)}.container{max-width:1200px;margin:0 auto;padding:0 1rem}app-root{display:flex;flex-direction:column;height:100%}.card-deck{padding:1rem;display:flex;justify-content:center;gap:.5rem;background-color:#fff;box-shadow:0 -2px 10px #0000001a}.card-deck .card{width:60px;height:90px;border:1px solid #ddd;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;background-color:#fff}.card-deck .card:hover{transform:translateY(-5px);box-shadow:0 2px 8px #0000001a}.card-deck .card.selected{background-color:#e3f2fd;border-color:#2196f3;transform:translateY(-5px);box-shadow:0 2px 8px #0000001a}.card-deck .card .card-content{font-size:1.2rem;font-weight:700;color:#333}.card-deck .card .card-content .infinity{font-size:1.5rem}.card-deck .card .card-content .coffee{font-size:1.2rem}