@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap");body{margin:0;padding:0;font-family:Roboto,sans-serif;background:#000;color:#bb89ff}.container{max-width:800px;margin:2rem auto;padding:1rem;background:rgba(0,0,0,.9);border:2px solid #bb89ff;border-radius:8px;box-shadow:0 4px 12px rgba(187,137,255,.5);animation:fadeIn 1s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.header{display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.header img{width:64px;height:64px;margin-right:1rem}.header h1{color:#bb89ff}.mode-toggle{margin-bottom:1rem;text-align:center}.mode-toggle button{margin:0 .5rem;padding:.75rem 1.25rem;border:none;border-radius:4px;background-color:#bb89ff;color:#000;cursor:pointer;font-size:1rem;transition:background-color .3s,transform .3s}.mode-toggle button.active{background-color:#000;color:#bb89ff;transform:scale(1.05)}.mode-toggle button:hover{background-color:#7d5bcc;color:#fff}.search-box{margin-bottom:1.5rem;text-align:center}.search-box input{width:70%;padding:.75rem;font-size:1rem;border:2px solid #bb89ff;border-radius:4px;background:#000;color:#bb89ff;transition:box-shadow .3s}.search-box input:focus{outline:none;box-shadow:0 0 8px #bb89ff}.search-box button{padding:.75rem 1.5rem;font-size:1rem;margin-left:1rem;background-color:#bb89ff;color:#000;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s,transform .3s}.search-box button:hover{background-color:#7d5bcc;transform:scale(1.05)}.card{background:rgba(0,0,0,.85);padding:1.5rem;border-radius:8px;box-shadow:0 4px 12px rgba(187,137,255,.5);margin-bottom:1.5rem;transition:transform .3s,box-shadow .3s;border:1px solid #bb89ff}.card:hover{transform:translateY(-5px);box-shadow:0 6px 16px rgba(187,137,255,.7)}.footer{margin-top:2rem;text-align:center;font-size:.875rem;border-top:1px solid #bb89ff;padding-top:1rem}.footer a{color:#bb89ff;text-decoration:underline}.error{color:#ff4d4f}.error,h1,h2{text-align:center}@media (max-width:600px){.container{margin:1rem;padding:1rem}.mode-toggle{display:block;text-align:center}.mode-toggle button{width:100%;margin:.5rem 0}.search-box input{width:100%;margin-bottom:.5rem}.search-box button{width:100%}.footer{font-size:.75rem}}