@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;700;900&family=Exo+2:wght@300;400;500;600&display=swap);:root{--color-primary:#00d4ff;--color-primary-dim:#00d4ff26;--color-primary-glow:#00d4ff66;--color-secondary:#bd00ff;--color-secondary-glow:#bd00ff59;--color-accent:#ff006e;--color-accent-glow:#ff006e59;--color-text:#cce8f4;--color-text-dark:#6a9ab8;--color-bg-deep:#020612;--color-bg-panel:#060f23bf;--color-bg-card:#0a163299;--color-bg-highlight:#00d4ff0f;--color-border:#00d4ff33;--color-border-bright:#00d4ff99;--color-red:#ff006e;--color-red-dark:#cc0058}*{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%}body{background-attachment:fixed;background-color:#020612;background-color:var(--color-bg-deep);background-image:radial-gradient(ellipse at 20% 50%,#0050a01f 0,#0000 60%),radial-gradient(ellipse at 80% 20%,#6400b41a 0,#0000 50%),radial-gradient(ellipse at 60% 80%,#00b4ff0f 0,#0000 40%),linear-gradient(180deg,#020612,#040c1e);color:#cce8f4;color:var(--color-text);font-family:Exo\ 2,sans-serif;min-height:100vh;padding:2.4rem}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#00d4ff;background:var(--color-primary);border-radius:2px;box-shadow:0 0 6px #00d4ff66;box-shadow:0 0 6px var(--color-primary-glow)}.nav-bar{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#003c78b3,#1e0050b3);border:1px solid #00d4ff33;border:1px solid var(--color-border);border-radius:.6rem;box-shadow:0 0 30px #00d4ff1a,0 0 60px #6400c812,inset 0 1px 0 #00d4ff33;display:grid;grid-template-columns:1fr 1fr 1fr;height:7.2rem;overflow:hidden;padding:0 3.2rem;position:relative}.nav-bar:before{background:linear-gradient(90deg,#0000,#00d4ff,#bd00ff,#0000);background:linear-gradient(90deg,#0000,var(--color-primary),var(--color-secondary),#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.logo{align-items:center;display:flex;gap:1rem}.logo span{filter:drop-shadow(0 0 8px rgba(255,200,0,.7));font-size:2.8rem}.logo h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#00d4ff,#bd00ff);background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 8px rgba(0,212,255,.4));filter:drop-shadow(0 0 8px var(--color-primary-glow));font-family:Orbitron,monospace;font-size:1.8rem;font-weight:700;letter-spacing:.1em;text-shadow:none;text-transform:uppercase}.search{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00143299;border:1px solid #00d4ff33;border:1px solid var(--color-border);border-radius:.4rem;color:#cce8f4;color:var(--color-text);font-family:Exo\ 2,sans-serif;font-size:1.5rem;justify-self:center;letter-spacing:.04em;padding:1rem 1.8rem;transition:all .3s ease;width:40rem}.search::placeholder{color:#6a9ab8;color:var(--color-text-dark);font-size:1.4rem}.search:focus{background:#001e3cb3;border-color:#00d4ff;border-color:var(--color-primary);box-shadow:0 0 0 1px #00d4ff,0 0 20px #00d4ff66,inset 0 0 20px #00d4ff0a;box-shadow:0 0 0 1px var(--color-primary),0 0 20px var(--color-primary-glow),inset 0 0 20px #00d4ff0a;outline:none}.num-results{color:#6a9ab8;color:var(--color-text-dark);font-family:Orbitron,monospace;font-size:1.4rem;font-weight:400;justify-self:end;letter-spacing:.06em}.num-results strong{color:#00d4ff;color:var(--color-primary);font-weight:700;text-shadow:0 0 8px #00d4ff66;text-shadow:0 0 8px var(--color-primary-glow)}.main{display:flex;gap:2.4rem;height:calc(100vh - 14.4rem);justify-content:center;margin-top:2.4rem}.box{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#060f23bf;background:var(--color-bg-panel);border:1px solid #00d4ff33;border:1px solid var(--color-border);border-radius:.6rem;box-shadow:0 0 40px #00d4ff0d,inset 0 1px 0 #00d4ff1a;max-width:42rem;overflow:scroll;position:relative;width:42rem}.box:before{background:linear-gradient(90deg,#0000,#00d4ff66,#0000);background:linear-gradient(90deg,#0000,var(--color-primary-glow),#0000);content:"";height:1px;left:0;pointer-events:none;position:absolute;right:0;top:0}.btn-toggle{align-items:center;aspect-ratio:1;background:#00d4ff1a;border:1px solid #00d4ff99;border:1px solid var(--color-border-bright);border-radius:50%;box-shadow:0 0 8px #00d4ff66;box-shadow:0 0 8px var(--color-primary-glow);color:#00d4ff;color:var(--color-primary);cursor:pointer;display:flex;font-size:1.4rem;font-weight:700;height:2.4rem;justify-content:center;position:absolute;right:.8rem;top:.8rem;transition:all .2s;z-index:999}.btn-toggle:hover{background:#00d4ff40;box-shadow:0 0 16px #00d4ff66;box-shadow:0 0 16px var(--color-primary-glow)}.loader{animation:pulse 1.5s ease-in-out infinite;color:#00d4ff;color:var(--color-primary);font-family:Orbitron,monospace;font-size:1.4rem;font-weight:600;letter-spacing:.2em;margin:4.8rem;text-align:center;text-shadow:0 0 12px #00d4ff66;text-shadow:0 0 12px var(--color-primary-glow);text-transform:uppercase}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.error{color:#ff006e;color:var(--color-accent);font-size:1.6rem;padding:4.8rem;text-align:center;text-shadow:0 0 10px #ff006e59;text-shadow:0 0 10px var(--color-accent-glow)}.list{list-style:none;padding:.4rem 0}.list li{grid-column-gap:2rem;align-items:center;border-bottom:1px solid #00d4ff12;column-gap:2rem;display:grid;font-size:1.5rem;grid-template-columns:4.4rem 1fr;grid-template-rows:auto auto;padding:1.4rem 2.4rem;position:relative;transition:all .25s ease}.list.list-movies li{cursor:pointer}.list.list-movies li:hover{background:#00d4ff0f;background:var(--color-bg-highlight);border-left:2px solid #00d4ff;border-left:2px solid var(--color-primary);box-shadow:inset 4px 0 20px #00d4ff0d;padding-left:calc(2.4rem - 2px)}.list img{border:1px solid #00d4ff33;border:1px solid var(--color-border);border-radius:.3rem;filter:brightness(.9) contrast(1.05);grid-row:1/-1;width:100%}.list h3{color:#e8f4ff;font-family:Exo\ 2,sans-serif;font-size:1.6rem;font-weight:600;letter-spacing:.02em}.list div{gap:2rem;margin-top:.2rem}.list div,.list p{align-items:center;display:flex}.list p{color:#6a9ab8;color:var(--color-text-dark);font-size:1.3rem;font-weight:500;gap:.5rem}.btn-delete{align-items:center;background:#ff006e1a;border:1px solid #ff006e;border:1px solid var(--color-accent);border-radius:50%;box-shadow:0 0 6px #ff006e59;box-shadow:0 0 6px var(--color-accent-glow);color:#ff006e;color:var(--color-accent);cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;height:2rem;justify-content:center;position:absolute;right:2rem;transition:all .2s;width:2rem}.btn-delete:hover{background:#ff006e;background:var(--color-accent);box-shadow:0 0 16px #ff006e59;box-shadow:0 0 16px var(--color-accent-glow);color:#fff}.summary{background:linear-gradient(135deg,#00326480,#28005066);border-bottom:1px solid #00d4ff33;border-bottom:1px solid var(--color-border);box-shadow:0 4px 20px #0000004d;padding:2rem 2.8rem;position:relative}.summary:after{background:linear-gradient(90deg,#0000,#00d4ff66,#0000);background:linear-gradient(90deg,#0000,var(--color-primary-glow),#0000);bottom:0;content:"";height:1px;left:10%;position:absolute;right:10%}.summary h2{color:#00d4ff;color:var(--color-primary);font-family:Orbitron,monospace;font-size:1.2rem;font-weight:600;letter-spacing:.2em;margin-bottom:1.2rem;text-shadow:0 0 8px #00d4ff66;text-shadow:0 0 8px var(--color-primary-glow);text-transform:uppercase}.summary div{font-size:1.4rem;font-weight:600;gap:2rem}.summary div,.summary p{align-items:center;display:flex}.summary p{gap:.5rem}.details{font-size:1.4rem;line-height:1.5}.details header{display:flex;position:relative}.details section{display:flex;flex-direction:column;gap:1.6rem;padding:3.2rem}.details img{filter:brightness(.85) contrast(1.1) saturate(1.1);width:33%}.details-overview{background:linear-gradient(135deg,#00285099,#1e003c80);display:flex;flex-direction:column;gap:1.2rem;justify-content:center;padding:2rem 2.4rem;width:100%}.details-overview h2{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#00d4ff);background:linear-gradient(90deg,#fff,var(--color-primary));-webkit-background-clip:text;background-clip:text;font-family:Orbitron,monospace;font-size:1.8rem;font-weight:700;letter-spacing:.04em;line-height:1.2}.details-overview p{align-items:center;color:#6a9ab8;color:var(--color-text-dark);display:flex;font-size:1.3rem;gap:.6rem}.rating{background:#001e3c80;border:1px solid #00d4ff33;border:1px solid var(--color-border);border-radius:.4rem;box-shadow:0 0 20px #00d4ff0d,inset 0 1px 0 #00d4ff1a;display:flex;flex-direction:column;font-weight:600;gap:2rem;margin-bottom:.8rem;padding:2rem 2.4rem}.rating p{font-size:1.5rem;letter-spacing:.03em;text-shadow:0 0 8px #00d4ff66;text-shadow:0 0 8px var(--color-primary-glow)}.btn-add,.rating p{color:#00d4ff;color:var(--color-primary)}.btn-add{background:linear-gradient(135deg,#00d4ff26,#bd00ff26);border:1px solid #00d4ff;border:1px solid var(--color-primary);border-radius:.4rem;box-shadow:0 0 12px #00d4ff66;box-shadow:0 0 12px var(--color-primary-glow);cursor:pointer;font-family:Orbitron,monospace;font-size:1.2rem;font-weight:600;letter-spacing:.1em;padding:1rem 2rem;text-transform:uppercase;transition:all .3s ease}.btn-add:hover{background:linear-gradient(135deg,#00d4ff4d,#bd00ff4d);box-shadow:0 0 24px #00d4ff66,0 0 40px #bd00ff33;box-shadow:0 0 24px var(--color-primary-glow),0 0 40px #bd00ff33;transform:translateY(-1px)}.btn-back{align-items:center;aspect-ratio:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00d4ff1a;border:1px solid #00d4ff;border:1px solid var(--color-primary);border-radius:50%;box-shadow:0 0 12px #00d4ff66;box-shadow:0 0 12px var(--color-primary-glow);color:#00d4ff;color:var(--color-primary);cursor:pointer;display:flex;font-size:2rem;font-weight:700;height:3.2rem;justify-content:center;left:.8rem;position:absolute;top:.8rem;transition:all .2s;z-index:999}.btn-back:hover{background:#00d4ff40;box-shadow:0 0 24px #00d4ff66;box-shadow:0 0 24px var(--color-primary-glow);transform:scale(1.1)}
/*# sourceMappingURL=main.b94ed5b1.css.map*/