:root{--bg:#0f0f23;--panel:#1a1a3e;--panel-hover:#242450;--accent:#e94560;--accent-hover:#ff6b81;--text:#e0e0e0;--subtle:#888;--success:#4ade80;--warning:#fbbf24;--border:#ffffff0f;--radius:12px;--radius-sm:8px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;line-height:1.5}a{color:var(--accent);text-decoration:none;transition:color .15s}a:hover{color:var(--accent-hover)}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit}input,select{font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--panel);border-radius:4px}html{scroll-behavior:smooth}.page{max-width:1200px;margin:0 auto;padding:24px 20px 48px}.page-header{margin-bottom:32px}.page-header h1{letter-spacing:-.02em;font-size:1.75rem;font-weight:700}.page-header .subtitle{color:var(--subtle);margin-top:4px;font-size:.95rem}.back-link{color:var(--subtle);align-items:center;gap:6px;margin-bottom:16px;font-size:.9rem;transition:color .15s;display:inline-flex}.back-link:hover{color:var(--accent)}.loading-container,.error-container{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:60vh;display:flex}.spinner{border:3px solid var(--panel);border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-container p{color:var(--accent);font-size:1.1rem}.nav-links{flex-wrap:wrap;gap:12px;display:flex}.nav-link{background:var(--panel);border-radius:var(--radius);color:var(--text);border:1px solid var(--border);align-items:center;gap:8px;padding:12px 20px;font-size:.95rem;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}.nav-link:hover{background:var(--panel-hover);border-color:var(--accent);color:var(--text)}.controls-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;display:flex}.controls-bar select,.controls-bar input[type=text]{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;padding:8px 12px;font-size:.9rem;transition:border-color .15s}.controls-bar select:focus,.controls-bar input[type=text]:focus{border-color:var(--accent)}.controls-bar input[type=text]{flex:1;min-width:200px}.toggle-btn{background:var(--panel);color:var(--subtle);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 16px;font-size:.9rem;transition:all .15s}.toggle-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.toggle-btn:hover:not(.active){border-color:var(--accent);color:var(--text)}.load-more-container{justify-content:center;margin-top:32px;display:flex}.load-more-btn{background:var(--panel);color:var(--accent);border:1px solid var(--accent);border-radius:var(--radius);padding:12px 32px;font-size:.95rem;font-weight:500;transition:all .15s}.load-more-btn:hover{background:var(--accent);color:#fff}.load-more-btn:disabled{opacity:.5;cursor:not-allowed}.card-element{transition:transform .15s,border-color .15s,box-shadow .15s}.card-element:hover{border-color:#e945604d;transform:translateY(-3px);box-shadow:0 8px 24px #0000004d}.nav-card:hover{border-color:var(--accent)!important;background:var(--panel-hover)!important}.fade-in-img{opacity:0;transition:opacity .3s}.fade-in-img.loaded{opacity:1}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--panel) 25%, var(--panel-hover) 50%, var(--panel) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}.modal-backdrop{animation:.15s fadeIn}.modal-content{animation:.2s slideUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.page{padding:16px 12px 32px}.page-header h1{font-size:1.4rem}.controls-bar{gap:8px}.controls-bar input[type=text]{min-width:140px}}