:root{--primary-color:#ff9741;--accent-color:#00f2fe;--dark-bg:#1e1e1e;--card-bg:#2c2c2c;--input-bg:#404040;--light-text:#e0e0e0;--faded-text:#999999;--error-color:#e74c3c;--success-color:#2ecc71;--info-color:#3498db}.custom-toast{position:fixed;bottom:30px;right:30px;padding:15px 20px;border-radius:8px;color:white;font-weight:600;font-size:1rem;display:flex;align-items:center;justify-content:space-between;gap:15px;box-shadow:0 4px 12px rgba(0,0,0,.4);z-index:3000;animation:fadeInSlideUp .3s ease-out}.toast-icon-message{display:flex;align-items:center;gap:10px}.custom-toast-success{background-color:var(--success-color)}.custom-toast-error{background-color:var(--error-color)}.custom-toast-info{background-color:var(--info-color)}.toast-close-btn{background:none;border:none;color:white;font-size:1.1rem;cursor:pointer;opacity:.8;transition:opacity .2s}.toast-close-btn:hover{opacity:1}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.custom-toast{bottom:20px;left:50%;right:auto;transform:translateX(-50%);width:90%;max-width:350px;text-align:center}}.add-button{background:linear-gradient(90deg,#ff9741,#a86cf9);box-shadow:0 0 12px rgba(255,151,65,.4)}.add-button:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 0 18px rgba(255,151,65,.6);cursor:pointer}.add-button:active{transform:scale(.98)}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.animate-slideDown{animation:slideDown .2s ease forwards}.dropdown-item{background:transparent;transition:all .2s ease-in-out}.dropdown-item:hover{background:linear-gradient(90deg,rgba(255,151,65,.12),rgba(168,108,249,.12));color:#ff9741;letter-spacing:.3px;cursor:pointer}.special-container{width:100%;max-width:1400px;margin:auto;padding:24px 6%;color:white;box-sizing:border-box}.player-wrapper{width:100%;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#000;margin-bottom:22px}.video-player{width:100%;height:100%;object-fit:cover}.video-title{font-size:clamp(18px,2.5vw,28px);font-weight:700;margin-bottom:10px;line-height:1.35;background:linear-gradient(90deg,#fdbd73,#ff9a3c);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.meta{gap:20px;font-size:14px;color:#bbb;margin-bottom:18px}.characters,.meta{display:flex;flex-wrap:wrap}.characters{gap:6px;margin-bottom:14px}.character{background:#2c2c2c;padding:5px 10px;border-radius:6px;font-size:12px}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:24px}.tag{background:#1f1f1f;border:1px solid #fdbd73;padding:4px 8px;border-radius:6px;font-size:11px}.related-title{font-size:clamp(18px,2vw,24px);font-weight:700;margin:28px 0 18px;border-left:4px solid #ff9741;padding-left:10px}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px}.related-card{text-decoration:none;color:white;transition:transform .25s ease}.related-card:hover{transform:translateY(-4px)}.thumb{position:relative;border-radius:10px;overflow:hidden;background:#111;aspect-ratio:16/9}.thumb img{display:block;transition:.25s}.hover-preview,.thumb img{width:100%;height:100%;object-fit:cover}.hover-preview{position:absolute;inset:0;opacity:0;transition:opacity .3s ease}.related-card:hover .hover-preview{opacity:1}.overlay,.related-card:hover img{opacity:0}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:34px;color:#ff9741;background:rgba(0,0,0,0);transition:.3s}.related-card:hover .overlay{background:rgba(0,0,0,.45);opacity:1}.duration{position:absolute;bottom:6px;right:6px;background:rgba(0,0,0,.75);padding:2px 6px;font-size:11px;border-radius:4px}.related-name{margin-top:8px;line-height:1.4;color:#ddd;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-name,.video-views{font-size:14px;font-weight:500}.video-views{margin-top:6px;margin-bottom:14px;color:#bdbdbd;display:flex;align-items:center;gap:6px}.view-icon{font-size:13px;opacity:.8}@media (max-width:1200px){.related-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}}@media (max-width:900px){.special-container{padding:20px 5%}.meta{font-size:13px}}@media (max-width:768px){.meta{flex-direction:column;gap:5px}.related-grid{grid-template-columns:repeat(2,1fr);gap:14px}}@media (max-width:520px){.special-container{padding:16px 4%}.player-wrapper{border-radius:8px}.related-grid{grid-template-columns:repeat(2,1fr);gap:12px}.overlay{font-size:28px}}@media (max-width:360px){.related-grid{grid-template-columns:1fr}}