@import"https://cdn.jsdelivr.net/npm/normalize.css@8.0.1/normalize.min.css";@import"https://cdn.jsdelivr.net/npm/react-tabs@6.1.0/style/react-tabs.min.css";@import"https://fonts.googleapis.com/css2?family=Titan+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,300..700,0..1,-50..200";@import"https://fonts.googleapis.com/css2?family=Google+Symbols";:root{--color-background: #fdfbf7;--color-text: #4a4a4a;--color-accent: #81c784;--color-accent-hover: #66bb6a;--color-error: #e57373;--font-display: "Titan One", cursive;--font-primary: "Nunito", sans-serif;--font-secondary: "Quicksand", sans-serif;--font-symbols: "Google Symbols", sans-serif}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0,"wght" 500,"GRAD" 0,"opsz" 24}@keyframes gradient-animation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes shine-effect{0%{left:-100%;opacity:0}20%{opacity:.5}to{left:200%;opacity:0}}html,body{background-color:var(--color-background);background:linear-gradient(-45deg,#fffbf2,#f3e5f5,#e3f2fd,#e0f2f1,#fff3e0);background-size:400% 400%;animation:gradient-animation 20s ease infinite;color:var(--color-text);font-family:var(--font-primary);font-weight:600;margin:0;max-width:100vw;min-height:100vh;overflow-x:hidden;padding:0}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.04'/%3E%3C/svg%3E");z-index:9999}h1,h2,h3,h4,h5,h6,p,blockquote,pre,ul,ol,dl,dt,dd,figure,figcaption,table,th,td,form,fieldset,legend,button,input,select,textarea{margin:0;padding:0}h1,h2,h3{font-family:var(--font-display);letter-spacing:.02em}button{border:none;border-radius:50px;cursor:pointer;padding:.75rem 1.5rem;text-align:center;font-family:var(--font-primary);font-weight:700;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}button:focus{outline:3px solid rgba(129,199,132,.4);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.6;filter:grayscale(100%)}.button-primary{background:linear-gradient(135deg,#81c784,#66bb6a);color:#fff;box-shadow:0 6px 20px #66bb6a4d,0 2px 5px #66bb6a33,inset 0 1px #ffffff4d;text-transform:uppercase;letter-spacing:.5px;font-size:.95rem;text-shadow:0 1px 2px rgba(0,0,0,.1)}.button-primary:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,#fff0,#ffffff4d,#fff0);transform:skew(-20deg);animation:shine-effect 4s infinite}.button-primary:hover:not(:disabled){transform:translateY(-3px) scale(1.02);box-shadow:0 12px 25px #66bb6a66,0 5px 10px #66bb6a33}.button-primary:active:not(:disabled){transform:translateY(-1px) scale(.98)}.button-secondary{background:#fffc;border:2px solid #e0e0e0;color:#757575;box-shadow:0 4px 10px #00000008}.button-secondary:hover:not(:disabled){background:#fff;border-color:#bdbdbd;color:#616161;transform:translateY(-2px);box-shadow:0 6px 15px #00000014}input{background-color:#fffc;border:2px solid rgba(255,255,255,.5);color:var(--color-text);border-radius:16px;box-sizing:border-box;padding:.8rem 1rem;font-family:var(--font-primary);font-weight:600;box-shadow:inset 0 2px 4px #00000005;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}input::placeholder{opacity:.6;color:#9e9e9e}input:focus{outline:none;border-color:var(--color-accent);background-color:#fff;box-shadow:0 8px 25px #81c78433;transform:translateY(-2px)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem;padding-bottom:2rem}.result-card{background:#ffffffa6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:28px;overflow:hidden;box-shadow:0 10px 30px -5px #00000014,0 4px 10px -5px #0000000a,inset 0 1px #fffc;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:1px solid rgba(255,255,255,.4);display:flex;flex-direction:column;position:relative;height:100%}.result-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 30px 60px -12px #81c78440,0 10px 20px -8px #0000001a;background:#ffffffe6;border-color:var(--color-accent);z-index:2}.result-card.selected{border:3px solid var(--color-accent);transform:translateY(-5px);background:#fff}.card-thumb{width:100%;padding-top:65%;position:relative;background:#f5f5f5;overflow:hidden;border-bottom:1px solid rgba(0,0,0,.05)}.card-thumb img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.result-card:hover .card-thumb img{transform:scale(1.1)}.card-info{padding:1.25rem;display:flex;flex-direction:column;flex-grow:1}.card-info h3{font-family:var(--font-secondary);font-size:1.15rem;font-weight:700;margin-bottom:.5rem;color:#37474f;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-info p{font-size:.9rem;color:#78909c;margin-bottom:.5rem;flex-grow:1;line-height:1.5;font-weight:500}.create-badge{position:absolute;bottom:12px;right:12px;background:#ffffffe6;color:var(--color-accent);padding:.4rem .9rem;border-radius:20px;font-size:.85rem;font-weight:800;text-align:center;box-shadow:0 4px 10px #0000001a;display:flex;align-items:center;gap:6px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.5)}.result-card:hover .create-badge{background:var(--color-accent);color:#fff;transform:scale(1.1);box-shadow:0 6px 15px #81c78466;border-color:transparent}.create-badge.saved{color:#546e7a}.result-card:hover .create-badge.saved{background:#546e7a;color:#fff}.create-badge:before{content:"play_arrow";font-family:Google Symbols;font-size:1.1rem;font-weight:400}.create-badge.saved:before{content:"replay"}