@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Quicksand:wght@300..700&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{font-family:Poppins,sans-serif;background:linear-gradient(135deg,var(--color-dark) 0%,var(--color-background) 100%);color:var(--color-light);min-height:100vh;line-height:1.6}.app{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-background)}.magic-header{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));padding:1rem;box-shadow:var(--shadow);position:sticky;top:0;z-index:1000;width:100%}.header-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;position:relative}.loading-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:var(--space-md)}.spinner{font-size:2.5rem;animation:spin 1s linear infinite;color:var(--color-primary)}.logo-link{text-decoration:none;display:flex;align-items:center;z-index:1001}.magic-title{font-size:1.5rem;color:#fff;text-shadow:var(--magic-glow);margin:0;transition:var(--transition)}.logo-link:hover .magic-title{text-shadow:0 0 20px rgba(255,255,255,.8);transform:scale(1.05)}.menu-toggle{background:transparent;border:none;color:#fff;font-size:1.5rem;cursor:pointer;display:none;padding:.5rem;z-index:1001;transition:var(--transition)}.menu-toggle:hover{transform:scale(1.1)}.menu-toggle:focus{outline:none;box-shadow:0 0 0 3px #ffffff4d}.nav-menu{display:flex;transition:var(--transition)}.nav-list{display:flex;list-style:none;gap:1rem;margin:0;padding:0}.nav-link{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--border-radius);color:var(--color-dark);background-color:var(--color-light);text-decoration:none;font-weight:700;transition:var(--transition)}.nav-link:hover{background-color:#fff;transform:translateY(-2px);box-shadow:var(--magic-glow)}.nav-link svg{font-size:1rem}.logout-btn{cursor:pointer;border:none;font:inherit;background:transparent}.main-content{flex:1;padding:2rem 1rem;max-width:1200px;margin:0 auto;width:100%}.loading-spinner{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.5rem;color:var(--color-accent)}@media (max-width: 768px){.header-container{flex-wrap:nowrap}.menu-toggle{display:block}.nav-menu{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));flex-direction:column;justify-content:center;align-items:center;height:100vh;width:100%;transform:translateY(-100%);opacity:0;pointer-events:none;transition:transform .3s ease,opacity .3s ease;z-index:1000;padding-top:80px}.nav-menu.open{transform:translateY(0);opacity:1;pointer-events:all}.nav-list{flex-direction:column;gap:1.5rem;width:100%;max-width:300px;text-align:center;margin-bottom:80%}.nav-link{justify-content:center;padding:1rem;font-size:1.2rem}.magic-title{font-size:1.3rem}}@media (min-width: 769px){.nav-menu{width:auto}}.app-footer{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));padding:1.5rem 1rem;margin-top:auto;border-top:1px solid var(--color-border)}.footer-content{max-width:1200px;margin:0 auto;display:flex;gap:2rem;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.footer-section{flex:1;min-width:250px}.footer-section h4{color:var(--color-primary);margin-bottom:1rem;font-size:1.1rem}.footer-section ul{display:flex;gap:1.5rem;list-style:none;padding:0;margin:0;flex-wrap:wrap}.footer-section li{display:flex;align-items:center;gap:.5rem}.footer-section a{color:var(--color-dark);text-decoration:none;display:flex;align-items:center;gap:.5rem;transition:color .2s}.footer-section a:hover{color:var(--color-light)}.footer-section svg{font-size:1rem}.footer-bottom{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border);width:100%;font-size:.9rem;color:var(--color-light)}@media (max-width: 768px){.footer-content{flex-direction:column;gap:1rem}.footer-section{min-width:100%}.footer-section ul{gap:1rem;justify-content:center}}.pg-overlay{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#000c;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000}.pg-container{background:var(--color-card-bg);padding:2rem;border-radius:1rem;text-align:center;max-width:400px;width:90%}.pg-content input{font-size:1.5rem;letter-spacing:.5rem;text-align:center;padding:1rem;margin:1rem 0;border:2px solid var(--color-primary);border-radius:.5rem;width:100%}.pg-error-container{margin:.5rem 0}.pg-error-message{color:var(--color-danger);display:block}.pg-link-forgot{background:none;border:none;color:var(--color-primary);text-decoration:underline;cursor:pointer;margin-top:.5rem}.pg-actions{display:flex;gap:1rem;margin-top:1.5rem;flex-direction:column}.pg-btn-verify,.pg-btn-cancel{font-size:1.2rem;padding:.75rem 1.5rem;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .3s ease}.pg-btn-verify{background-color:var(--color-primary);color:#fff}.pg-btn-verify:disabled{background-color:#ccc;cursor:not-allowed}.pg-btn-cancel{background-color:var(--color-danger);color:#fff}.pg-swal-popup{background:var(--color-card-bg)!important;color:var(--color-text)!important;border-radius:.5rem!important}.pg-swal-html{color:var(--color-text)!important}.pg-error-message{transition:opacity .3s ease}.pg-error-container[data-visible=false]{opacity:0;height:0;overflow:hidden}.supervision-banner{position:fixed;bottom:10px;left:10px;background:#ff3232e6;padding:8px 15px;border-radius:20px;color:#fff;font-size:.9em;display:flex;align-items:center;gap:10px;z-index:1000}.blinking-dot{width:10px;height:10px;background:red;border-radius:50%;animation:blink 1s infinite}@keyframes blink{0%{opacity:.2}50%{opacity:1}to{opacity:.2}}.cookie-banner{position:fixed;bottom:20px;left:50%;transform:translate(-50%);width:90%;max-width:800px;background:#fff;padding:20px;border-radius:10px;box-shadow:0 0 20px #0003;z-index:1000;display:flex;flex-direction:column;gap:15px;animation:slideUp .5s ease-out}@keyframes slideUp{0%{transform:translate(-50%,100%)}to{transform:translate(-50%)}}.cookie-banner p{margin:0;font-size:1rem;color:#333;text-align:center}.action-buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.btn{padding:12px 30px;border-radius:25px;font-weight:600;transition:all .3s ease;cursor:pointer}@media (max-width: 480px){.cookie-banner{width:95%;padding:15px;bottom:10px}.btn{width:100%;padding:15px}}:root{--color-primary: #6C5CE7;--color-primary-light: #A29BFE;--color-secondary: #00B894;--color-accent: #d4a5ff;--color-danger: #D63031;--color-warning: #FDCB6E;--color-error: #E74C3C;--color-error-light: #FADBD8;--color-error-dark: #C0392B;--color-text: #2D3436;--color-text-light: #636E72;--color-bg: #F5F6FA;--color-card-bg: #FFFFFF;--color-midnight: #2D1B2E;--color-dark: #2D1B2E;--color-light: #F8E8FF;--color-lilac: #d4a5ff;--color-purple: #9b6b9d;--color-border: #DFE6E9;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--border-radius: 12px;--border-radius-sm: 8px;--shadow: 0 4px 12px rgba(0, 0, 0, .05);--shadow-md: 0 8px 24px rgba(0, 0, 0, .1);--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box}html,body{background-color:var(--color-background);color:var(--color-text);min-height:100vh;font-family:Quicksand,sans-serif}body{line-height:1.6}#root{min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}.logo-link img{max-width:10vh;height:auto;border:1px solid rgba(122,77,215,.15);border-radius:8px;box-shadow:0 2px 12px #7a4dd71a}@media (max-width: 768px){.grid{grid-template-columns:repeat(2,1fr)!important}.card{padding:12px!important}h1{font-size:1.5rem!important}}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}main{flex:1;padding:2rem;margin:0 auto;width:100%}.cute-button{background-color:var(--color-primary);color:var(--color-light);border:none;padding:.8rem 1.5rem;border-radius:var(--border-radius);font-size:1rem;font-weight:500;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:.5rem;text-decoration:none;font-family:Poppins,sans-serif;box-shadow:var(--shadow)}.cute-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #9b6b9d4d;background-color:var(--color-secondary);color:var(--color-text)}.cute-button:active{transform:translateY(0)}.cute-card{background-color:var(--color-midnight);color:var(--color-light);border-radius:var(--border-radius);box-shadow:var(--shadow);transition:var(--transition);padding:1.5rem;border:1px solid rgba(212,165,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cute-card:hover,.cute-episode{transform:translateY(-5px);box-shadow:0 8px 16px #0006;border-color:#d4a5ff4d;background-color:var(--color-secondary);color:var(--color-text)}.cute-title{color:var(--color-light);font-size:2.2rem;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.3);font-family:Poppins,sans-serif;font-weight:600}.cute-icon{color:var(--color-accent);transition:var(--transition)}.cute-icon:hover{color:var(--color-primary);transform:scale(1.1)}input,textarea{background-color:#fff;color:var(--color-text);border:2px solid var(--color-border);border-radius:var(--border-radius-sm);padding:.8rem 1.2rem;font-size:1rem;transition:var(--transition);font-family:Quicksand,sans-serif}input:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6c5ce71a;background-color:#fff}input::placeholder,textarea::placeholder{color:var(--color-text-light);opacity:.6}a{color:var(--color-accent);text-decoration:none;transition:var(--transition);font-weight:500}a:hover{color:var(--color-primary)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-midnight)}::-webkit-scrollbar-thumb{background-color:var(--color-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:var(--color-secondary)}img{max-width:100%;height:auto;border-radius:var(--border-radius);box-shadow:var(--shadow)}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px}.loading-spinner{width:40px;height:40px;border:4px solid var(--color-lilac);border-top-color:var(--color-purple);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.add-playlist-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;background:linear-gradient(135deg,#6c5ce7,#a29bfe);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:16px;box-shadow:0 4px 12px #6c5ce740}.add-playlist-button:hover{background:linear-gradient(135deg,#5c4bd6,#8e7bf5);transform:translateY(-2px);box-shadow:0 6px 16px #6c5ce759}.add-playlist-button:active{transform:translateY(0)}.button-icon{font-size:18px}.add-playlist-button:focus{outline:2px solid #2D1B2E;outline-offset:2px}