@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);:root{--bg-primary:#0a0a0a;--bg-secondary:#1a1a1a;--bg-elevated:#242424;--accent-primary:#6d28d9;--accent-secondary:#80f;--accent-tertiary:#ff6b35;--text-primary:#e0e0e0;--text-secondary:#a0a0a0;--border-subtle:rgba(109,40,217,.1);--border-active:rgba(109,40,217,.3);--border-hover:rgba(109,40,217,.15);--bg-hover:rgba(109,40,217,.05);--shadow-sm:0 1px 3px rgba(0,0,0,.5);--shadow-md:0 2px 8px rgba(0,0,0,.6),0 0 8px rgba(109,40,217,.1);--neon-glow-primary:0 0 4px rgba(109,40,217,.3);--neon-glow-secondary:0 0 4px rgba(136,0,255,.2);--neon-glow-orange:0 0 4px rgba(255,107,53,.2);--z-header:1000;--z-nav:900;--z-favs:950;--z-modal:1200;--z-auth-fullscreen:1500;--z-toast:1600;--z-tooltip:1700;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-size-xs:11px;--font-size-sm:12px;--font-size-base:13px;--font-size-lg:15px;--font-size-xl:18px;--font-size-xxl:24px;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-base:1.4;--spacing-xs:2px;--spacing-sm:4px;--spacing-md:8px;--spacing-lg:12px;--spacing-xl:16px;--spacing-2xl:24px;--border-radius-xs:2px;--border-radius-sm:4px;--border-radius-md:6px;--border-radius-lg:8px;--transition-fast:150ms ease-out;--transition-normal:250ms ease-out;--max-content-width:1440px;--nav-width:240px;--header-height:56px;--favs-width:280px;--container-padding:16px;--mediaboard-height:64px}*{box-sizing:border-box}body{background:var(--bg-primary);font-family:var(--font-family);line-height:var(--line-height-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.button,body{color:var(--text-primary);font-size:var(--font-size-base)}.button{align-items:center;background:transparent;border:1px solid transparent;border-radius:var(--border-radius-sm);cursor:pointer;display:inline-flex;font-weight:var(--font-weight-medium);justify-content:center;min-height:36px;padding:var(--spacing-md) var(--spacing-lg);text-decoration:none;transition:all var(--transition-fast)}.button-primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-color:var(--accent-primary);box-shadow:var(--shadow-sm);color:#fff}.button-primary:hover{border-color:var(--border-active);box-shadow:var(--shadow-md);filter:brightness(1.05);transform:translateY(-1px)}.button-secondary{background:transparent;border-color:var(--border-subtle);color:var(--text-primary)}.button-secondary:hover{background:var(--bg-hover);border-color:var(--border-hover);box-shadow:var(--neon-glow-primary)}.button:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn:after,.btn:hover:after{display:none!important}.card{background:var(--bg-secondary);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);overflow:hidden;padding:var(--spacing-lg);position:relative;transition:all var(--transition-normal)}.card,.card:before{border-radius:var(--border-radius-md)}.card:before{background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary));content:"";inset:-1px;opacity:0;position:absolute;transition:opacity var(--transition-fast);z-index:-1}.card:hover:before{opacity:.1}.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}a{color:var(--accent-primary);font-weight:var(--font-weight-medium);position:relative;text-decoration:none;transition:all var(--transition-fast)}a:after{background:var(--accent-primary);bottom:-2px;content:"";height:1px;left:0;position:absolute;transition:width var(--transition-fast);width:0}a:hover:after{width:100%}a:hover{color:var(--accent-secondary);text-shadow:0 0 4px rgba(109,40,217,.3)}.grid-container{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:var(--spacing-sm)}.grid-item{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-md);transition:all var(--transition-normal)}.grid-item:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.input{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:var(--font-size-base);letter-spacing:.2px;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast);width:100%}.input:focus{background:var(--bg-elevated);border-color:var(--border-active);box-shadow:0 0 0 2px rgba(109,40,217,.15);outline:none}label{color:var(--text-secondary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.5px;margin-bottom:var(--spacing-xs);text-transform:uppercase}.modal-overlay{align-items:center;backdrop-filter:blur(12px);background:rgba(0,0,0,.8);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1200}.modal{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);max-width:500px;padding:var(--spacing-xl);text-align:center;transition:all var(--transition-normal);width:90%}.modal h2{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:1px;margin-bottom:var(--spacing-md);text-transform:uppercase}.modal p{color:var(--text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-base);margin-bottom:var(--spacing-lg)}.modal-actions{display:flex;gap:var(--spacing-md);justify-content:space-between}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}.spinner{animation:spin 1s linear infinite;color:var(--accent-primary);filter:drop-shadow(var(--neon-glow-primary));height:24px;width:24px}.mm-header{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-xl)}.mm-back-btn{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;display:inline-flex;flex-shrink:0;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-md);padding:7px 12px;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.mm-back-btn:hover{background:var(--bg-hover);border-color:var(--border-active);color:var(--text-primary)}.mm-header-title{align-items:baseline;display:flex;flex:1;gap:var(--spacing-md)}.mm-header-title h1{color:var(--text-primary);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);line-height:1.2;margin:0}.mm-header-mount{color:var(--accent-primary);font-family:Courier New,monospace;font-size:var(--font-size-sm);opacity:.8}@media (max-width:1080px){:root{--nav-width:0px;--container-padding:12px}}@media (max-width:768px){:root{--font-size-base:14px;--font-size-lg:16px;--font-size-xl:18px;--font-size-xxl:22px;--container-padding:12px;--spacing-md:6px;--spacing-lg:10px}.grid-container{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.modal{padding:var(--spacing-lg);width:95%}}@media (max-width:480px){:root{--container-padding:8px;--spacing-lg:8px}.grid-container{grid-template-columns:1fr}}body{margin:0;overflow-x:hidden;padding:0}