:root{--fpl-purple: #37003c;--fpl-green: #00ff87;--fpl-pink: #963cff;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--fpl-purple);background:linear-gradient(to top right,#fff,#e5e7eb)}a{color:inherit}.container{max-width:1024px;margin:0 auto;padding:0 1.5rem}.btn{display:inline-block;font-weight:700;border-radius:.375rem;border:none;cursor:pointer;padding:.5rem 1.5rem;background:var(--fpl-green);color:var(--fpl-purple);transition:background-color .2s ease,color .2s ease}.btn:hover{background:var(--fpl-purple);color:#fff}.btn.long{width:100%}.search-input{width:100%;max-width:20rem;padding:.5rem 1rem;color:var(--fpl-purple);border:2px solid var(--fpl-purple);border-radius:.375rem;outline:none;font-size:1rem}.spinner{border:4px solid rgba(55,0,60,.15);border-top-color:var(--fpl-purple);border-radius:50%;width:2.5rem;height:2.5rem;animation:spin .8s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}