body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center;font-family:Arial,sans-serif;font-size:48px}.App-header{color:#fff;background-color:#282c34;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;font-size:calc(10px + 2vmin);display:flex}.App-link{color:#61dafb}.fade-in{opacity:1;transition:opacity .5s ease-in}.fade-out{opacity:0;transition:opacity .5s ease-out}.Welcome-button{color:#fff;cursor:pointer;opacity:0;background:linear-gradient(135deg,#601575,#2b2e6e);border:none;border-radius:50%;justify-content:center;align-items:center;width:min(50vw,50vh);height:min(50vw,50vh);margin:auto;font-family:Courier,monospace;font-size:min(4vw,4vh);transition:transform .3s,opacity 1s ease-in;display:flex}.Welcome-button:hover{transform:scale(1.2);box-shadow:0 10px 20px #0003}.Response-container{box-sizing:border-box;text-align:left;color:#fff;opacity:0;overflow-wrap:break-word;background-color:#00026e;border-radius:12px;width:900px;max-width:90%;margin:20px auto;padding:20px 40px;font-size:1rem;line-height:1.5;transition:opacity 1s ease-in-out;box-shadow:0 4px 15px #0000004d}.Response-text{color:#fff;white-space:pre-wrap;word-wrap:break-word;margin:0;font-size:1rem;line-height:1.5}.Response-cursor{width:.65ch;display:inline-block}.Response-cursor:after{content:"";vertical-align:-.1em;background:currentColor;width:2px;height:1em;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.random-cards-container{opacity:0;transition:opacity 1s ease-in-out}.fade-in{opacity:1}.fade-out{opacity:0}.cards-display{justify-content:center;gap:20px;margin-top:20px;display:flex}.one-card{border-radius:6px;width:200px;height:auto;box-shadow:0 4px 6px #0000001a}.refresh-button{cursor:pointer;color:#fff;background:linear-gradient(135deg,#601575,#2b2e6e);border-radius:50%;margin:20px;padding:10px 20px;font-family:Courier,monospace;font-size:1rem;transition:transform .3s}.refresh-button:hover{transform:scale(1.2);box-shadow:0 10px 20px #0003}.classic-spread-container{opacity:0;flex-direction:column;align-items:center;width:100%;transition:opacity .5s ease-in-out;display:flex;position:absolute;top:0;left:0}.classic-spread-container.fade-in{opacity:1}.classic-spread-container.fade-out{opacity:0}.spread-cards{flex-wrap:wrap;justify-content:center;gap:60px;display:flex}.spread-card{color:#edbcf3;flex-direction:column;align-items:center;width:200px;display:flex}.spread-card h3{text-align:center;border-radius:50% 10%;font-size:2rem}.card-image{border:2px solid #800491;border-radius:8px;width:100%;height:auto;transition:transform .3s;box-shadow:2px 2px 12px #0000001a}.card-image.inverted{transform:rotate(180deg)}.card-image:hover{transform:scale(1.05)}.spread-response{text-align:center;background-color:#571775;border:1px solid #ddd;border-radius:8px;width:100%;max-width:600px;margin-top:30px;padding:15px 20px;box-shadow:1px 1px 8px #0000000d}.spread-response p{color:#d3d0d0;margin:0;font-size:1rem}.reshuffle-button{color:#fff;cursor:pointer;background-color:#4caf50;border:none;border-radius:5px;margin-top:20px;padding:10px 20px;font-size:1em;transition:background-color .3s}.reshuffle-button:hover{background-color:#45a049}@media (width<=768px){.classic-spread-container{margin-top:30px;padding:10px}}.MainLoop-container{justify-content:center;align-items:center}