@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap);body{animation:gradientMove 10s ease infinite;background:linear-gradient(135deg,#242423,#d1d0d5,#100818);background-size:300% 300%;font-family:Poppins,sans-serif;margin:0;padding:0}.app-wrapper{display:flex;flex-direction:column;min-height:100vh}.container{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff26;border:1px solid #fff3;border-radius:16px;box-shadow:0 10px 30px #0000004d;flex:1 1;margin:30px auto;max-width:800px;padding:25px}header{margin-bottom:10px;text-align:center}header h1{color:#c74141;font-size:2.5rem;margin:0}header p{color:#555;font-size:1rem;margin-top:5px}.top-bar{align-items:center;display:flex;justify-content:flex-end;margin-bottom:15px}.layout-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3}.layout-toggle button{background:#0000;border:none;border-radius:8px;color:#ff5722;cursor:pointer;font-weight:600;padding:8px 14px;transition:all .3s ease}.layout-toggle button.active{background:linear-gradient(45deg,#ff6a00,#ee0979);color:#fff}.layout-toggle button:hover{background:#ffe0d6}.form{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.form input,.form select{background:#fffc;border:none;border-radius:10px;flex:1 1;min-width:120px;outline:none;padding:10px;transition:.3s}.form input:focus,.form select:focus{box-shadow:0 0 10px #ff6a00}.form button{background:linear-gradient(45deg,#ff6a00,#ee0979);border:none;border-radius:10px;color:#fff;cursor:pointer;padding:10px 20px;transition:.3s}.form button:hover{box-shadow:0 0 15px #ff6a00b3;transform:translateY(-2px) scale(1.05)}.error{background:#da2222;border:1px solid #a4bb0a;border-radius:6px;color:#ece6e6;font-weight:500;margin-bottom:12px;padding:10px}.list{animation:fadeSwitch .4s ease}.top-controls{align-items:center;display:flex;gap:10px;margin-bottom:15px}.search-input{background:#ffffffd9;border:none;border-radius:12px;box-shadow:0 4px 10px #0000001a;flex:1 1;font-size:1rem;outline:none;padding:12px 14px;transition:.3s ease}.search-input:focus{box-shadow:0 0 12px #ff6a0099;transform:scale(1.02)}.grid-layout{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.list-layout{display:flex;flex-direction:column;gap:10px}.card{background:linear-gradient(135deg,#a29798,#131312);border-radius:15px;box-shadow:0 8px 20px #0000004d;color:#fff;overflow:hidden;padding:15px;position:relative;transition:all .3s ease}.card:hover{box-shadow:0 15px 30px #0006;transform:translateY(-8px) scale(1.03)}.card:before{background:linear-gradient(120deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}.card:hover:before{left:100%}.list-card{align-items:center;display:flex;justify-content:space-between}.list-card h3{flex:2 1;margin:0}.list-card p{flex:1 1;margin:0}.list-card-inner{align-items:center;display:flex;gap:15px}.list-card-info{flex:1 1}.buttons,.list-card-info .buttons{display:flex;gap:5px;margin-top:10px}.buttons button{background-color:#fff;border:none;border-radius:6px;color:#ff5722;cursor:pointer;flex:1 1;transition:.3s}.buttons button:hover{background-color:#ff5722;color:#fff}.genre-badge{border-radius:20px;font-size:.75rem;padding:5px 10px}.genre-badge:hover{transform:scale(1.1)}.top-message{animation:slideDown .4s ease;background:linear-gradient(45deg,#647a64,#063508);border-radius:10px;color:#fff;font-weight:600;left:50%;padding:12px 20px;position:fixed;top:20px;transform:translateX(-50%);z-index:9999}.top-message.update{background:linear-gradient(45deg,#2196f3,#0d47a1)}.floating-message{animation:floatUp .6s ease forwards;border-radius:8px;color:#fff;font-weight:600;padding:10px 15px;pointer-events:none;position:absolute;transform:translate(-50%,-100%);z-index:9999}.floating-message.delete{background:#e53935}@keyframes floatUp{0%{opacity:0;transform:translate(-50%,-80%)}to{opacity:1;transform:translate(-50%,-120%)}}.empty{color:#555;margin-top:20px}.empty,.footer{text-align:center}.footer{background:linear-gradient(45deg,#ff6a00,#ee0979);border-radius:12px 12px 0 0;color:#fff;padding:15px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSwitch{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientMove{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes popupFade{0%{opacity:0;transform:translate(-50%,-60%) scale(.7)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-30px)}to{opacity:1;transform:translate(-50%)}}
/*# sourceMappingURL=main.46c43f18.css.map*/