*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#1b2333;--panel:#232c3f;--accent:#7fb6ff;--accent-2:#94a9ff;--border:#2f3a52;--text:#f0f4ff;--muted:#b7c3db;--radius:18px;--radius-sm:14px;--shadow:0 10px 30px #00000059}body{background:linear-gradient(160deg,#1b2436,#1c2538 50%,#1a2233);color:#b7c3db;color:var(--muted);font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;min-height:100vh}.container{margin:0 auto;max-width:1280px;padding:32px 24px 72px}.container>h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#7fb6ff,#94a9ff);background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;font-size:2.1rem;font-weight:800;letter-spacing:.5px;margin-bottom:28px;text-align:center}.input-group{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:28px;position:relative}.suggestions-dropdown{background:#1b2333;border:1px solid #333;border-radius:8px;left:0;list-style:none;margin:6px 0 0;max-height:260px;overflow-y:auto;padding:0;position:absolute;top:100%;width:100%;z-index:1000}.suggestions-dropdown li{border-bottom:1px solid #2a2a2a;cursor:pointer;padding:10px 12px}.suggestions-dropdown li:last-child{border-bottom:none}.suggestions-dropdown li:hover{background:#2a2a2a}.input-group input{background:#ffffff08;border:1px solid #2f3a52;border:1px solid var(--border);border-radius:12px;color:#f0f4ff;color:var(--text);flex:1 1 320px;font-size:1rem;max-width:560px;outline:none;padding:12px 18px;transition:border-color .2s,box-shadow .2s,background .2s}.input-group input::placeholder{color:#ffffff59}.input-group input:focus{background:hsla(0,0%,100%,.045);border-color:#7b68ee99;box-shadow:0 0 0 3px #7b68ee38}.input-group button{background:linear-gradient(135deg,#94a9ff,#7fb6ff);background:linear-gradient(135deg,var(--accent-2),var(--accent));border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:700;padding:12px 20px;transition:transform .15s,box-shadow .25s,opacity .25s;white-space:nowrap}.input-group button:hover:not(:disabled){box-shadow:0 10px 22px #7b68ee40;transform:translateY(-2px)}.input-group button:active:not(:disabled){transform:translateY(0)}.input-group button:disabled{cursor:not-allowed;opacity:.55}.input-group .random-button{background:linear-gradient(135deg,#6a5acd,#8875ff)}.input-group .random-button:hover:not(:disabled){box-shadow:0 10px 22px #6a5acd40}.spinner{animation:spin .8s linear infinite;border:4px solid #ffffff1f;border-radius:50%;border-top:4px solid var(--accent);height:48px;margin:40px auto;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.error{background:#dc32461f;border:1px solid #dc324647;border-radius:12px;color:var(--danger);font-weight:600;margin:18px 0 26px;padding:12px 16px;text-align:center}.anime-details,.anime-item .anime-info{background:linear-gradient(180deg,#ffffff08,#fff0),#232c3f;background:linear-gradient(180deg,#ffffff08,#fff0),var(--panel);border:1px solid #2f3a52;border:1px solid var(--border);border-radius:18px;border-radius:var(--radius);box-shadow:0 10px 30px #00000059;box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .25s ease,border-color .25s ease}.anime-details:hover,.anime-item .anime-info:hover{border-color:#7b68ee73;box-shadow:0 14px 36px #00000059;transform:translateY(-2px)}.anime-details{grid-gap:28px;animation:fadeUp .4s ease-out;display:grid;gap:28px;grid-template-columns:220px minmax(0,1fr);margin:18px 0 40px;padding:28px}.poster-col img{aspect-ratio:2/3;border-radius:14px;box-shadow:0 10px 28px #00000059;object-fit:cover;width:100%}.title-block h2{color:#f0f4ff;color:var(--text);font-size:1.9rem;font-weight:850;letter-spacing:-.02em;line-height:1.15}.subtitle{color:#ffffff8c;font-size:.98rem;margin-top:6px}.quick-stats{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 18px}.badge{align-items:center;background:#7b68ee14;border:1px solid #7b68ee3d;border-radius:999px;color:#ddd9ff;display:inline-flex;font-size:.84rem;font-weight:750;gap:6px;padding:8px 12px}.synopsis{background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;margin:12px 0 18px;padding:12px 14px}.synopsis summary{color:#f0f4ff;color:var(--text);cursor:pointer;font-weight:800;letter-spacing:-.01em;list-style:none}.synopsis summary::-webkit-details-marker{display:none}.synopsis summary:after{color:#ffffff8c;content:"▾";float:right;transition:transform .2s ease}.synopsis[open] summary:after{transform:rotate(180deg)}.synopsis p{color:#b7c3db;color:var(--muted);font-size:.92rem;line-height:1.7;margin-top:10px}.synopsis.compact p{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.synopsis.compact[open] p{display:block}.info-grid{grid-gap:12px 18px;display:grid;gap:12px 18px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:6px}.info-grid.compact{margin-top:2px}.info-item .label{color:var(--soft);display:block;font-size:.74rem;letter-spacing:.09em;margin-bottom:4px;text-transform:uppercase}.info-item .value{color:#b7c3db;color:var(--muted);display:block;font-size:.92rem;overflow-wrap:anywhere}.genre-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.genre-chip{background:#ffffff0d;border:1px solid #ffffff14;border-radius:999px;color:#ffffffd1;font-size:.78rem;padding:6px 10px;white-space:nowrap}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.action-link{align-items:center;background:#7b68ee1f;border:1px solid #7b68ee47;border-radius:12px;color:#cfc8ff;display:inline-flex;font-size:.9rem;font-weight:800;justify-content:center;padding:10px 14px;text-decoration:none;transition:background .2s ease,border-color .2s ease,transform .15s ease}.action-link:hover{background:#7b68ee2e;border-color:#7b68ee73;transform:translateY(-1px)}.action-link.secondary{background:#ffffff0a;border-color:#ffffff1f;color:#ffffffd1}.action-link.disabled{cursor:default;opacity:.55;-webkit-user-select:none;user-select:none}.recommendations{animation:fadeUp .4s ease-out}.recommendations h3{color:#f0f4ff;color:var(--text);font-size:1.35rem;margin-bottom:22px;text-align:center}.recommendations h3:after{background:linear-gradient(90deg,#94a9ff,#7fb6ff);background:linear-gradient(90deg,var(--accent-2),var(--accent));border-radius:999px;content:"";display:block;height:3px;margin:10px auto 0;width:54px}.recommendations ul{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));list-style:none}.anime-item .anime-info{grid-gap:16px;display:grid;gap:16px;grid-template-columns:110px minmax(0,1fr);height:100%;padding:18px}.anime-item .image-container img{aspect-ratio:2/3;border-radius:12px;box-shadow:0 8px 22px #0000004d;object-fit:cover;width:100%}.anime-item .details h2{color:#f0f4ff;color:var(--text);font-size:1.08rem;font-weight:850;letter-spacing:-.01em;line-height:1.2;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.anime-item .details .quick-stats{margin:10px 0}.anime-item .details .badge{font-size:.8rem;padding:7px 10px}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (max-width:720px){.anime-details{grid-template-columns:1fr}.poster-col{max-width:240px}.info-grid{grid-template-columns:1fr}}@media (max-width:520px){.container{padding:20px 14px 48px}.container>h1{font-size:1.6rem}.anime-item .anime-info,.recommendations ul{grid-template-columns:1fr}.anime-item .details h2{white-space:normal}}
/*# sourceMappingURL=main.56c6e888.css.map*/